Difference between revisions of "Team:Valencia UPV/pruebaSeminario"

Line 46: Line 46:
  
  
−
<section style="
 
−
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 
−
<div class="main-container" style="
 
−
height: 100%;">
 
−
<center style="
 
−
height: 100%;">
 
−
<div class="col-md-10" style="
 
−
  height: 100%;margin-top: 4em;">
 
−
  <div id="logoPrinteria" class="item" style="
 
−
    background-image: url(https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg);
 
−
    height: 100%;
 
−
    width: 100%;background-attachment: fixed;background-size: cover;">
 
−
   
 
−
    <div style="/* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
 
−
      <a class="btn down inner-link active" href="#story" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 7%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
 
−
        <i class="stack-interface stack-down-open-big"></i>
 
−
      </a>
 
−
    </div>
 
−
   
 
−
  </div>
 
−
</div>
 
−
 
−
</center>
 
−
 
−
</div><div class="all-page-modals"></div><div class="all-page-modals"></div>
 
−
<div class="all-page-modals"></div>
 
−
</section></div>
 
  
  
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
  
−
 
+
<div class="col-md-12" style="
−
<section id="" class="feature-large" style="
+
width: 100%;lign-items: center;"><section class="imageblock switchable switchable--switch feature-large bg--dark space--sm" style="
−
padding-top: 55px;padding-bottom: 50px; outline: none;" tabindex="-1">
+
;">
−
<div class="container hashlink" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;">
+
                <div class="imageblock__content col-lg-6 col-md-4 pos-right">
−
  <div style="margin-top: 50px; outline: none;" class="row" tabindex="-1">
+
                    <img alt="image" src="https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg" style="
−
    <div class="col-md-3" style="
+
height: 95%;
−
      margin-left: 0em;
+
width: 100%;">
−
      padding-right: 0px;
+
                </div>
−
      padding-left: 0.2em;
+
                <div class="container">
−
      ">
+
                    <div class="row">
−
     
+
                        <div class="col-lg-5 col-md-7 mt--2">
−
      <!------------ÍNDICE LATERAL------------------>
+
                            <h1>Streamline your workflow with Stack</h1>
−
 
+
                            <p class="lead">
−
      <div class="tabs-container tabs--vertical page-navigator" style="position: -webkit-sticky;position: sticky;padding-bottom: 0px;margin-top: 11.4em;">
+
                                Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing
−
        <h4 style="
+
                                <br class="hidden-xs hidden-sm"> site to digital storefront.
−
        padding-left: 1em;
+
                            </p>
−
        ">Index</h4>
+
                            <div class="modal-instance block">
−
        <ul class="lateral">
+
                                <div class="video-play-icon video-play-icon--sm modal-trigger" data-modal-index="0"></div>
−
          <li class="lateral" style="margin-bottom: 0px;padding-bottom: 1em;padding-top: initial;padding-left: 1em;/* color: #353535; */">
+
                                <span>
−
            <div class="tab__title" style="
+
                                    <strong>Watch Overview</strong>&nbsp;&nbsp;&nbsp;104 Seconds</span>
−
              line-height: 1.3em;
+
                               
−
              /* padding-left: 0.5em; */
+
                                <!--end of modal-container-->
−
              ">
+
                            </div>
−
              <a class="lateral" style="
+
                            <!--end of modal instance-->
−
                /* color: #ffffff; */
+
                        </div>
−
                opacity: 1;
+
                    </div>
−
                list-style-type: circle;
+
                    <!--end of row-->
−
              ">Harvard</a>
+
                 </div>
−
            </div>
+
                <!--end of container-->
−
           
+
             </section><section class="imageblock switchable feature-large space--sm bg--secondary">
−
          </li>
+
                <div class="imageblock__content col-lg-6 col-md-4 pos-right">
−
          <li class="lateral">
+
                    <img alt="image" src="https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg" style="
−
            <div class="tab__title" style="
+
margin-top: 0px;
−
              line-height: 1.3em;
+
width: 100%;height: 100%;;">
−
              ">
+
                </div>
−
              <a href="#buho" class="lateral" style="
+
                <div class="container">
−
                 color: #353535;
+
                    <div class="row">
−
                opacity: 1;
+
                        <div class="col-lg-5 col-md-7">
−
              ">Universitat Politècnica de València</a>
+
                            <h2>Build flexible, design-driven websites with ease.</h2>
−
            </div>
+
                            <p class="lead">
−
              
+
                                Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Variant Page Builder makes experimenting with styles and content arrangements dead simple.
−
          </li><li class="lateral">
+
                            </p>
−
            <div class="tab__title" style="
+
                        </div>
−
              line-height: 1.3em;
+
                    </div>
−
              ">
+
                    <!--end of row-->
−
              <a href="#buho" class="lateral" style="
+
                </div>
−
                color: #353535;
+
                <!--end of container-->
−
                opacity: 1;
+
            </section></div>
−
              ">Universitat Politècnica de València</a>
+
−
            </div>
+
−
           
+
−
          </li><li class="lateral">
+
−
            <div class="tab__title" style="
+
−
              line-height: 1.3em;
+
−
              ">
+
−
              <a href="#buho" class="lateral" style="
+
−
                color: #353535;
+
−
                opacity: 1;
+
−
              ">Universitat Politècnica de València</a>
+
−
            </div>
+
−
           
+
−
          </li>
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
         
+
−
        </ul><ul class="tabs-content"></ul>
+
−
       
+
−
       
+
−
      </div>
+
−
    </div>
+
  
  

Revision as of 10:54, 17 September 2018

Stack Multipurpose HTML Template

image

Streamline your workflow with Stack

Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing site to digital storefront.

Watch Overview   104 Seconds
image

Build flexible, design-driven websites with ease.

Multiple font and colour scheme options mean that dramatically altering the look of your site is just clicks away — Customizing your site in the included Variant Page Builder makes experimenting with styles and content arrangements dead simple.

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.

Universitat Politècnica de València

Universitat Politècnica de València

Universitat Politècnica de València

Universitat Politècnica de València

Harvard

Team Project

Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius. 

Collaboration

Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum. Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo. 

Harvard

Team Project

Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius. 

Collaboration

Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum. Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo. 

Harvard

Team Project

Quisque scelerisque tempor arcu quis suscipit. Maecenas risus risus, dapibus a est sed, ornare pretium ligula. Nullam nec eros lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id erat imperdiet, placerat felis imperdiet, molestie purus. Nunc eu elit ac enim pulvinar viverra. Ut eu ultrices mauris. Nam ac sem quis dui posuere commodo ut quis velit. Nunc at diam sed diam porttitor varius. 

Collaboration

Aliquam ut dolor ut tellus tempus vestibulum nec nec lorem. Ut et sem ut nisi tincidunt lacinia. Sed aliquam aliquam cursus. Aliquam varius metus sit amet nunc consectetur, a luctus ex consequat. Vivamus lacus nibh, tristique vel dolor nec, sodales rutrum leo. Vestibulum rutrum viverra imperdiet. Morbi tincidunt eget libero vitae bibendum. Aenean ut lacus at lorem pretium congue quis ac tortor. Donec iaculis, felis a porta aliquam, justo augue luctus ipsum, vehicula lobortis lacus elit in diam. Donec consectetur laoreet sem, ac ultricies dui iaculis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel felis leo.