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

Line 49: Line 49:
  
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
 
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
−
 
+
<div class="col-md-12" style="width: 100%;padding-left: 0;padding-right: 0;"><section class="imageblock switchable switchable--switch feature-large bg--dark space--sm" style="
−
<div class="col-md-12" style="
+
−
width: 100%;lign-items: center;"><section class="imageblock switchable switchable--switch feature-large bg--dark space--sm" style="
+
 
;">
 
;">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
Line 71: Line 69:
  
  
−
<div></div>
+
<style>
 +
@-webkit-keyframes Gradient {
 +
0% {
 +
background-position: 0% 50%
 +
}
 +
50% {
 +
background-position: 100% 50%
 +
}
 +
100% {
 +
background-position: 0% 50%
 +
}
 +
}
 +
 
 +
@-moz-keyframes Gradient {
 +
0% {
 +
background-position: 0% 50%
 +
}
 +
50% {
 +
background-position: 100% 50%
 +
}
 +
100% {
 +
background-position: 0% 50%
 +
}
 +
}
 +
 
 +
@keyframes Gradient {
 +
0% {
 +
background-position: 0% 50%
 +
}
 +
50% {
 +
background-position: 100% 50%
 +
}
 +
100% {
 +
background-position: 0% 50%
 +
}
 +
}
 +
</style>
 +
 
 +
<div style="
 +
    height: 45.3em;
 +
    color: #fff;
 +
    background: linear-gradient(90deg, #fb5058, #fb5058,#fb5058,#3e90c5,#3e90c5,#3e90c5,#ffc600,#ffc600,#ffc600);
 +
    background-size: 400% 400%;
 +
    -webkit-animation: Gradient 15s ease infinite;
 +
    -moz-animation: Gradient 15s ease infinite;
 +
    animation: Gradient 10s ease infinite;
 +
"></div>
  
  
Line 79: Line 123:
  
 
                 </div>
 
                 </div>
−
                 <div class="container">
+
                 <div class="container" style="
 +
">
 
                     <div class="row">
 
                     <div class="row">
−
                         <div class="col-lg-5 col-md-7 mt--2">
+
                         <div class="col-lg-5 col-md-7 mt--2" style="
−
                             <h1>Streamline your workflow with Stack</h1>
+
    position: relative;
−
                             <p class="lead">
+
">
 +
                             <h1 style="
 +
    left: 12em;
 +
    position: relative;
 +
    z-index: 98;
 +
">Synbio Has Never Been Easier</h1>
 +
                             <p class="lead" style="
 +
    position: relative;
 +
    left: 42em;
 +
    z-index: 20;
 +
">
 
                                 Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing
 
                                 Clean and contemporary style to suit a range of purposes from corporate, tech startup, marketing
 
                                 <br class="hidden-xs hidden-sm"> site to digital storefront.
 
                                 <br class="hidden-xs hidden-sm"> site to digital storefront.
 
                             </p>
 
                             </p>
 
                             <div class="modal-instance block">
 
                             <div class="modal-instance block">
−
                                 <div class="video-play-icon video-play-icon--sm modal-trigger" data-modal-index="0"></div>
+
                                  
−
                                 <span>
+
                                  
−
                                    <strong>Watch Overview</strong>&nbsp;&nbsp;&nbsp;104 Seconds</span>
+
 
                                  
 
                                  
 
                                 <!--end of modal-container-->
 
                                 <!--end of modal-container-->
Line 102: Line 156:
 
             </section><section class="imageblock switchable feature-large space--sm bg--secondary">
 
             </section><section class="imageblock switchable feature-large space--sm bg--secondary">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
 
                 <div class="imageblock__content col-lg-6 col-md-4 pos-right">
−
                     <img alt="image" src="https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg" style="
+
                     <img alt="image" src="https://static.igem.org/mediawiki/2018/3/3b/T--Valencia_UPV--laboratorioAdrianUPV2018.jpeg" style="width: 101%;height: 70%;margin-top: 0em;border-radius: 0;">
−
margin-top: 0px;
+
−
width: 100%;height: 100%;;">
+
 
                 </div>
 
                 </div>
 
                 <div class="container">
 
                 <div class="container">
−
                     <div class="row">
+
                     <div class="row" style="">
−
                         <div class="col-lg-5 col-md-7">
+
                         <div class="col-lg-5 col-md-7" style="bottom: 4em;">
 
                             <h2>Build flexible, design-driven websites with ease.</h2>
 
                             <h2>Build flexible, design-driven websites with ease.</h2>
 
                             <p class="lead">
 
                             <p class="lead">

Revision as of 13:35, 18 September 2018

Stack Multipurpose HTML Template

Synbio Has Never Been Easier

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

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.