|
|
| Line 74: |
Line 74: |
| | | | |
| | </div> | | </div> |
| − | <div class="all-page-modals"></div>
| + | |
| − | <div class="all-page-modals"></div>
| + | |
| | + | |
| | </section></div> | | </section></div> |
| | + | |
| | + | |
| | + | <section id="story" class="feature-large" style="padding-top: 6em; padding-bottom: 50px; outline: none;" data-scroll-id="story" tabindex="-1"> |
| | + | <div class="container"> |
| | + | <div class="row"> |
| | + | <div class="col-md-3" style=" |
| | + | margin-left: 0em; |
| | + | padding-right: 0px; |
| | + | padding-left: 0.2em;"> |
| | + | |
| | + | <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;"> |
| | + | <h4 style=" |
| | + | padding-left: 1em; |
| | + | ">Index</h4> |
| | + | <ul class="lateral"> |
| | + | <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;"> |
| | + | <div class="tab__title" style=" |
| | + | line-height: 1.3em; |
| | + | "> |
| | + | <a class="lateral" style=" |
| | + | opacity: 1; |
| | + | list-style-type: circle; |
| | + | ">Harvard</a> |
| | + | </div> |
| | + | |
| | + | </li> |
| | + | <li class="lateral"> |
| | + | <div class="tab__title" style=" |
| | + | line-height: 1.3em; |
| | + | "> |
| | + | <a class="lateral" style=" |
| | + | color: #353535; |
| | + | opacity: 1; |
| | + | ">Universitat Politècnica de València</a> |
| | + | </div> |
| | + | |
| | + | </li> |
| | + | <li class="lateral"> |
| | + | <div class="tab__title" style=" |
| | + | line-height: 1.3em; |
| | + | "> |
| | + | <a class="lateral" style=" |
| | + | color: #353535; |
| | + | opacity: 1; |
| | + | ">Universitat Politècnica de València</a> |
| | + | </div> |
| | + | |
| | + | </li> |
| | + | <li class="lateral"> |
| | + | <div class="tab__title" style=" |
| | + | line-height: 1.3em; |
| | + | "> |
| | + | <a class="lateral" style=" |
| | + | color: #353535; |
| | + | opacity: 1; |
| | + | ">Universitat Politècnica de València</a> |
| | + | </div> |
| | + | |
| | + | </li> |
| | + | <li class="lateral"> |
| | + | <div class="tab__title" style=" |
| | + | line-height: 1.3em; |
| | + | "> |
| | + | <a class="lateral" style=" |
| | + | color: #353535; |
| | + | opacity: 1; |
| | + | ">Universitat Politècnica de València</a> |
| | + | </div> |
| | + | |
| | + | </li> |
| | + | </ul> |
| | + | <ul class="tabs-content"> |
| | + | </ul> |
| | + | </div> |
| | + | |
| | + | |
| | + | </div> |
| | + | <div class="col-md-9" style="padding-left: 6em;padding-right: 2em;"> |
| | + | <div> |
| | + | |
| | + | <h4>Lorem ipsum</h4> |
| | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet metus orci. Donec porta ipsum ut leo tristique, mattis imperdiet sapien lobortis. Quisque venenatis neque tincidunt convallis luctus. Aliquam pulvinar arcu et libero condimentum tristique. Aliquam nec pretium purus, a consequat risus. Donec dictum vitae nisl vel gravida. Morbi eu metus nisi. Mauris libero elit, porttitor efficitur lectus eu, placerat vehicula sapien. Phasellus at pharetra ex. Cras sodales non felis vitae cursus. Mauris aliquam molestie viverra. Sed ut dapibus lacus. </p> |
| | + | |
| | + | |
| | + | </div> |
| | + | |
| | + | |
| | + | <div><h3>Human Practices</h3><div id="" data-scroll-id="" tabindex="-1" style="outline: none;" class="row"> |
| | + | |
| | + | <div class="col-md-2"><a href="#harvard"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"></a> |
| | + | <p></p> </div> |
| | + | <div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"> |
| | + | <p></p> </div> |
| | + | <div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"> |
| | + | <p></p> </div><div class="col-md-2"><img src="https://static.igem.org/mediawiki/2018/c/ca/T--Valencia_UPV--instagramUPV2018.png"> |
| | + | <p></p> </div> |
| | + | |
| | + | |
| | + | </div><div><h4>Emprendimiento</h4><ul><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li> |
| | + | |
| | + | </ul> |
| | + | <h4>Social engagement</h4> |
| | + | <ul><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li><li>Pepito Pérez</li> |
| | + | |
| | + | </ul> |
| | + | |
| | + | |
| | + | </div></div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | </section> |
| | <!--<div class="loader"></div>--> | | <!--<div class="loader"></div>--> |
| | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;"> | | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active" style="font-size: 82%;"> |
