Skip to content

GitLab

Commit 19f99439 authored by Fernando Verdugo's avatar Fernando Verdugo
Browse files

Add success story to main web

parent 3a512d86
Hide whitespace changes
Inline Side-by-side
index.html
View file @ 19f99439
...@@ -64,17 +64,17 @@ ...@@ -64,17 +64,17 @@
<a href="#get-started">Get Started</a> <a href="#get-started">Get Started</a>
</li> </li>
<li> <li>
<a target="_blank" href="http://ravada.rtfd.io">Documentation</a> <a target="_blank" href="http://ravada.rtfd.io" title="Lint to readthedocs.io">Documentation</a>
</li> </li>
<li class="page-scroll"> <li class="page-scroll">
<a href="#devel-features">Developers</a> <a href="#success_story">Success story</a>
</li> </li>
<li class="page-scroll"> <li class="page-scroll">
<a href="#help">Help</a> <a href="#help">Help</a>
</li> </li>
<li> <li>
<a target="_blank" href="https://twitter.com/ravada_vdi"><i class="fa fa-twitter"></i></a> <a target="_blank" href="https://twitter.com/ravada_vdi" title="Twitter"><i class="fa fa-twitter"></i></a>
</li> </li>
<li> <li>
<a href="mailto:ravada@telecos.upc.edu?subject=Contact%20RAVADAVDI" target="_top" title="Contact"><i class="fa fa-envelope" aria-hidden="true"></i></a> <a href="mailto:ravada@telecos.upc.edu?subject=Contact%20RAVADAVDI" target="_top" title="Contact"><i class="fa fa-envelope" aria-hidden="true"></i></a>
...@@ -275,6 +275,85 @@ ...@@ -275,6 +275,85 @@
</div> </div>
</section> </section>
<!-- Success Story Grid Section -->
<section id="success_story">
<div id="portfolio" class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Success story</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#successStory1" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Pluggin USB board to remote<br>
<br><i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
<img src="img/thumbs/RC_Setup.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#successStory2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Computer labs<br>
<br><i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
<img src="img/thumbs/profile.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#successStory3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Telecommuting<br>
<br><i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
<img src="img/thumbs/telecommuting.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#successStory4" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Lorem ipsum dolor sit amet<br>
<br><i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
<img src="img/thumbs/profile.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#successStory5" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Lorem ipsum dolor sit amet<br>
<br><i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
<img src="img/thumbs/profile.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#successStory6" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Lorem ipsum dolor sit amet<br><i class="fa fa-search-plus fa-2x"></i>
</div>
</div>
<img src="img/thumbs/profile.png" class="img-responsive" alt="">
</a>
</div>
</div>
</div>
</section>
<section id="devel-features"> <section id="devel-features">
<div class="container portfolio"> <div class="container portfolio">
...@@ -328,7 +407,6 @@ ...@@ -328,7 +407,6 @@
</div> </div>
</section> </section>
<!-- Help Section --> <!-- Help Section -->
<section id="help"> <section id="help">
<div class="container portfolio"> <div class="container portfolio">
...@@ -518,6 +596,150 @@ ...@@ -518,6 +596,150 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Success Story Portfolio -->
<div class="portfolio-modal modal fade" id="successStory1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>vic6502</h2>
<hr class="star-primary">
<img src="img/thumbs/Example.png" class="img-responsive img-centered" alt="">
<p>Teaches electronics by experimentation pluggin board to remote<br>
Visit the website project: <a href="http://vic6502.blogspot.com/p/slab-kit.html">Vic6502</a></p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="successStory2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>LoreItsum</h2>
<hr class="star-primary">
<img src="img/thumbs/profile.png" class="img-responsive img-centered" alt="">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="successStory3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Telecommuting provides a better future for work</h2>
<hr class="star-primary">
<ul>
<li>Improving productivity</li>
<li>Better for your health and the environment</li>
</ul>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="successStory4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>LoreItsum</h2>
<hr class="star-primary">
<img src="img/thumbs/profile.png" class="img-responsive img-centered" alt="">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="successStory5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>LoreItsum</h2>
<hr class="star-primary">
<img src="img/thumbs/profile.png" class="img-responsive img-centered" alt="">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="successStory6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>LoreItsum</h2>
<hr class="star-primary">
<img src="img/thumbs/profile.png" class="img-responsive img-centered" alt="">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="help-modal-question" tabindex="-1" role="dialog" aria-hidden="true"> <div class="portfolio-modal modal fade" id="help-modal-question" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content"> <div class="modal-content">
<div class="close-modal" data-dismiss="modal"> <div class="close-modal" data-dismiss="modal">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment