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

(Created page with "{{Valencia_UPV/bootstrap.css}} {{Valencia_UPV/stack.interface.css}} {{Valencia_UPV/lightbox.min.css}} {{Valencia_UPV/flickity.css}} {{Valencia_UPV/iconsmind.css}} {{Valencia_U...")
 
 
(136 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Valencia_UPV/bootstrap.css}}
 
{{Valencia_UPV/bootstrap.css}}
{{Valencia_UPV/stack.interface.css}}
+
{{Valencia_UPV/custom.css}}
{{Valencia_UPV/lightbox.min.css}}
+
 
{{Valencia_UPV/flickity.css}}
 
{{Valencia_UPV/flickity.css}}
 
{{Valencia_UPV/iconsmind.css}}
 
{{Valencia_UPV/iconsmind.css}}
 
{{Valencia_UPV/jquery.steps.css}}
 
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
{{Valencia_UPV/custom.css}}
 
 
 
 
 
 
<html>
 
<html>
 
 
<style>
 
<style>
  
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
 
</style>
 
</style>
 
 
 
 
 
  
 
     <head>
 
     <head>
Line 31: Line 21:
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
         <meta name="description" content="Site Description Here">
 
         <meta name="description" content="Site Description Here">
        <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/stack-interface.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/socicon.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/flickity.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/iconsmind.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/jquery.steps.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/theme.css" rel="stylesheet" type="text/css" media="all" />
 
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
 
 
         <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
 +
 
     </head>
 
     </head>
    <body class=" ">
+
  <body class=" ">
 
         <a id="start"></a>
 
         <a id="start"></a>
         <div class="nav-container ">
+
         <div class="nav-container">
 
             <div class="bar bar--sm visible-xs">
 
             <div class="bar bar--sm visible-xs">
 
                 <div class="container">
 
                 <div class="container">
Line 51: Line 34:
 
                         <div class="col-3 col-md-2">
 
                         <div class="col-3 col-md-2">
 
                             <a href="index.html">
 
                             <a href="index.html">
                                 <img class="logo logo-dark" alt="logo" src="img/logo-dark.png" />
+
                                 <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" />
                                <img class="logo logo-light" alt="logo" src="img/logo-light.png" />
+
 
                             </a>
 
                             </a>
 
                         </div>
 
                         </div>
Line 66: Line 48:
 
             </div>
 
             </div>
 
             <!--end bar-->
 
             <!--end bar-->
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--dark">
+
             <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light">
 
                 <div class="container">
 
                 <div class="container">
 
                     <div class="row">
 
                     <div class="row">
                         <div class="col-lg-1 col-md-2 hidden-xs">
+
                         <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;">
 
                             <div class="bar__module">
 
                             <div class="bar__module">
 
                                 <a href="index.html">
 
                                 <a href="index.html">
                                     <img class="logo logo-dark" alt="logo" src="img/logo-dark.png" />
+
                                     <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" style="margin-top: 8px; height: 26px; width: 112px;" />
                                    <img class="logo logo-light" alt="logo" src="img/logo-light.png" />
+
 
                                 </a>
 
                                 </a>
 
                             </div>
 
                             </div>
Line 79: Line 60:
 
                         </div>
 
                         </div>
 
                         <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
 
                         <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
                             <div class="bar__module">
+
                             <div class="bar__module" style="text-align: right;">
                                 <ul class="menu-horizontal text-left">
+
                                 <ul class="menu-horizontal text-right">
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Home</span>
+
                                         <span class="dropdown__trigger">Team</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 88: Line 69:
 
                                                     <div class="col-md-12 dropdown__content dropdown__content--lg">
 
                                                     <div class="col-md-12 dropdown__content dropdown__content--lg">
 
                                                         <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
 
                                                         <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
                                                            <div class="background-image-holder">
 
                                                                <img alt="background" src="img/dropdown-1.jpg" />
 
                                                            </div>
 
 
                                                             <div class="container pos-vertical-center pl-5">
 
                                                             <div class="container pos-vertical-center pl-5">
 
                                                                 <div class="row">
 
                                                                 <div class="row">
 
                                                                     <div class="col-lg-8">
 
                                                                     <div class="col-lg-8">
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
 
 
                                                                         <span class="h2 color--white">Beautiful, modular sites in moments.</span>
 
                                                                         <span class="h2 color--white">Beautiful, modular sites in moments.</span>
 
                                                                         <a href="#" class="btn btn--primary type--uppercase">
 
                                                                         <a href="#" class="btn btn--primary type--uppercase">
Line 302: Line 279:
 
                                                                                     Studio 2
 
                                                                                     Studio 2
 
                                                                                 </a>
 
                                                                                 </a>
                                                                            </li>
+
                                                      https://2018.igem.org/Team:Valencia_UPV/pruebaWeb2                    </li>
 
                                                                             <li>
 
                                                                             <li>
 
                                                                                 <a href="home-portfolio-video.html">
 
                                                                                 <a href="home-portfolio-video.html">
Line 342: Line 319:
 
                                     </li>
 
                                     </li>
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Pages</span>
+
                                         <span class="dropdown__trigger">Project</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 630: Line 607:
 
                                     </li>
 
                                     </li>
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Blog</span>
+
                                         <span class="dropdown__trigger">Wet Lab</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 723: Line 700:
 
                                     </li>
 
                                     </li>
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Shop</span>
+
                                         <span class="dropdown__trigger">Dry Lab</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 842: Line 819:
 
                                     </li>
 
                                     </li>
 
                                     <li class="dropdown">
 
                                     <li class="dropdown">
                                         <span class="dropdown__trigger">Portfolio</span>
+
                                         <span class="dropdown__trigger">Human Practices</span>
 
                                         <div class="dropdown__container">
 
                                         <div class="dropdown__container">
 
                                             <div class="container">
 
                                             <div class="container">
Line 1,033: Line 1,010:
 
                                         <!--end dropdown container-->
 
                                         <!--end dropdown container-->
 
                                     </li>
 
                                     </li>
                                    <li class="dropdown">
+
                                </ul>
                                        <span class="dropdown__trigger">Blocks</span>
+
                                        <div class="dropdown__container">
+
                                            <div class="container">
+
                                                <div class="row">
+
                                                    <div class="dropdown__content dropdown__content--lg col-lg-8">
+
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="6">
+
                                                            <div class="background-image-holder">
+
                                                                <img alt="background" src="img/inner-6.jpg" />
+
                                                            </div>
+
                                                            <div class="container pos-vertical-center pl-5">
+
                                                                <div class="row">
+
                                                                    <div class="col-lg-10">
+
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
+
                                                                        <span class="h3 color--white">Over 290 modular interface blocks.</span>
+
                                                                        <a href="#" class="btn btn--primary type--uppercase">
+
                                                                            <span class="btn__text">
+
                                                                                Launch Builder
+
                                                                            </span>
+
                                                                        </a>
+
                                                                    </div>
+
                                                                </div>
+
                                                                <!--end of row-->
+
                                                            </div>
+
                                                        </div>
+
                                                        <div class="row justify-content-end">
+
                                                            <div class="col-lg-6">
+
                                                                <div class="row">
+
                                                                    <div class="col-md-6">
+
                                                                        <ul class="menu-vertical">
+
                                                                            <li>
+
                                                                                <a href="sections-accordions.html">
+
                                                                                    Accordions
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-cta.html">
+
                                                                                    Calls To Action
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-cards.html">
+
                                                                                    Cards
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-covers.html">
+
                                                                                    Covers
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-features-small.html">
+
                                                                                    Features Small
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-features-large.html">
+
                                                                                    Features Large
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-contact.html">
+
                                                                                    Forms Contact
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-signup.html">
+
                                                                                    Forms Signup
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-subscribe.html">
+
                                                                                    Forms Subscribe
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-footers.html">
+
                                                                                    Footers
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-galleries.html">
+
                                                                                    Galleries
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-instagram.html">
+
                                                                                    Instagram
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-maps.html">
+
                                                                                    Maps
+
                                                                                </a>
+
                                                                            </li>
+
                                                                        </ul>
+
                                                                    </div>
+
                                                                    <div class="col-md-6">
+
                                                                        <ul class="menu-vertical">
+
                                                                            <li>
+
                                                                                <a href="sections-modals.html">
+
                                                                                    Modals
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-navigation.html">
+
                                                                                    Navigation Bars
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-notifications.html">
+
                                                                                    Notifications
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-pricing.html">
+
                                                                                    Pricing
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-processes.html">
+
                                                                                    Processes
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-sliders.html">
+
                                                                                    Sliders
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-twitter.html">
+
                                                                                    Twitter
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-tabs.html">
+
                                                                                    Tabs
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-team.html">
+
                                                                                    Teams
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-testimonials.html">
+
                                                                                    Testimonials
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-text-layouts.html">
+
                                                                                    Text Layouts
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-titles.html">
+
                                                                                    Titles
+
                                                                                </a>
+
                                                                            </li>
+
                                                                            <li>
+
                                                                                <a href="sections-videos.html">
+
                                                                                    Videos
+
                                                                                </a>
+
                                                                            </li>
+
                                                                        </ul>
+
                                                                    </div>
+
                                                                </div>
+
                                                                <!--end of row-->
+
                                                            </div>
+
                                                            <!--end of col-->
+
                                                        </div>
+
                                                        <!--end of row-->
+
                                                    </div>
+
                                                    <!--end dropdown content-->
+
                                                </div>
+
                                                <!--end row-->
+
                                            </div>
+
                                            <!--end container-->
+
                                        </div>
+
                                        <!--end dropdown container-->
+
                                    </li>
+
                                    <li class="dropdown">
+
                                        <span class="dropdown__trigger">Elements</span>
+
                                        <div class="dropdown__container">
+
                                            <div class="container">
+
                                                <div class="row">
+
                                                    <div class="col-md-12 dropdown__content dropdown__content--lg">
+
                                                        <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
+
                                                            <div class="background-image-holder">
+
                                                                <img alt="background" src="img/dropdown-2.jpg" />
+
                                                            </div>
+
                                                            <div class="container pos-vertical-center pl-5">
+
                                                                <div class="row">
+
                                                                    <div class="col-lg-8">
+
                                                                        <img alt="Logo" src="img/logo-light.png" class="image--xxs" />
+
                                                                        <span class="h3 color--white">Detailed and organised elements</span>
+
                                                                        <a href="elements.html" class="btn btn--primary type--uppercase">
+
                                                                            <span class="btn__text">
+
                                                                                Explore Elements
+
                                                                            </span>
+
                                                                        </a>
+
                                                                    </div>
+
                                                                </div>
+
                                                                <!--end of row-->
+
                                                            </div>
+
                                                        </div>
+
                                                        <div class="row justify-content-end">
+
                                                            <div class="col-lg-2 col-md-4">
+
                                                                <ul class="menu-vertical">
+
                                                                    <li>
+
                                                                        <a href="elements-accordions.html">
+
                                                                            Accordions
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-alerts.html">
+
                                                                            Alerts
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-boxes.html">
+
                                                                            Boxes
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-buttons.html">
+
                                                                            Buttons
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-colors.html">
+
                                                                            Colors
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-countdown.html">
+
                                                                            Countdown
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-dropdowns.html">
+
                                                                            Dropdowns
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-form-elements.html">
+
                                                                            Form Elements
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-gradient-backgrounds.html">
+
                                                                            Gradient Backgrounds
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-grid.html">
+
                                                                            Grid System
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-image-backgrounds.html">
+
                                                                            Image Backgrounds
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-instagram.html">
+
                                                                            Instagram
+
                                                                        </a>
+
                                                                    </li>
+
                                                                </ul>
+
                                                            </div>
+
                                                            <div class="col-lg-2 col-md-4">
+
                                                                <ul class="menu-vertical">
+
                                                                    <li>
+
                                                                        <a href="elements-lightbox.html">
+
                                                                            Lightbox
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-maps.html">
+
                                                                            Maps
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-masonry.html">
+
                                                                            Masonry
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-modals.html">
+
                                                                            Modals
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-navigation.html">
+
                                                                            Navigation Bars
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-navigation-inpage.html">
+
                                                                            Navigation In-Page
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-navigation-sidebar.html">
+
                                                                            Navigation Sidebar
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-notifications.html">
+
                                                                            Notifications
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-parallax.html">
+
                                                                            Parallax
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-pricing.html">
+
                                                                            Pricing
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-progress-bars.html">
+
                                                                            Progress Bars
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-radials.html">
+
                                                                            Radials
+
                                                                        </a>
+
                                                                    </li>
+
                                                                </ul>
+
                                                            </div>
+
                                                            <div class="col-lg-2 col-md-4">
+
                                                                <ul class="menu-vertical">
+
                                                                    <li>
+
                                                                        <a href="elements-scrims-overlays.html">
+
                                                                            Scrims &amp; Overlays
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-sliders.html">
+
                                                                            Sliders
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-tables.html">
+
                                                                            Tables
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-tabs.html">
+
                                                                            Tabs
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-tooltips.html">
+
                                                                            Tooltips
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-twitter.html">
+
                                                                            Twitter Feed
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-typed-text.html">
+
                                                                            Typed Text
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-typography.html">
+
                                                                            Typography
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-video-background.html">
+
                                                                            Video Backgrounds
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-video-inline.html">
+
                                                                            Video Inline
+
                                                                        </a>
+
                                                                    </li>
+
                                                                    <li>
+
                                                                        <a href="elements-wizards.html">
+
                                                                            Wizards
+
                                                                        </a>
+
                                                                    </li>
+
                                                                </ul>
+
                                                            </div>
+
                                                        </div>
+
                                                        <!--end of row-->
+
                                                    </div>
+
                                                    <!--end dropdown content-->
+
                                                </div>
+
                                            </div>
+
                                        </div>
+
                                        <!--end dropdown container-->
+
                                    </li>
+
                                </ul>
+
                            </div>
+
                            <!--end module-->
+
                            <div class="bar__module">
+
                                <a class="btn btn--sm type--uppercase" href="#">
+
                                    <span class="btn__text">
+
                                        Try Builder
+
                                    </span>
+
                                </a>
+
                                <a class="btn btn--sm btn--primary type--uppercase" href="#">
+
                                    <span class="btn__text">
+
                                        Buy Now
+
                                    </span>
+
                                </a>
+
 
                             </div>
 
                             </div>
 
                             <!--end module-->
 
                             <!--end module-->
Line 1,461: Line 1,022:
 
         </div>
 
         </div>
 
         <div class="main-container">
 
         <div class="main-container">
             <section class="imagebg height-80 parallax" data-overlay="3">
+
             <section style="background-color: #353535;" class="height-90 parallax">
                 <div class="background-image-holder background--top">
+
                 <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
                     <img alt="image" src="img/work-single-3.jpg" />
+
                     <img alt="image" src="http://via.placeholder.com/880x492" />
 
                 </div>
 
                 </div>
                <div class="container">
+
              <div class="main-container">
                    <div class="row">
+
              <center>
                        <div class="col-md-12">
+
                <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;">
                            <h1>Nike Active
+
                    <img alt="image" src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png"/>
                                <br class="hidden-xs hidden-sm" />Branding &amp; Identity</h1>
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
 
                 </div>
 
                 </div>
 +
               
 +
              </center>
 +
              </div>
 +
              </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
             <section>
+
 
 +
 
 +
 
 +
              
 +
 
 +
<section class="switchable feature-large" style="
 +
padding-top: 6em;">
 
                 <div class="container">
 
                 <div class="container">
                     <div class="row justify-content-center">
+
                     <div class="row">
                         <div class="col-md-10 col-lg-8">
+
                          
                            <h2 class="text-center">An exercise in collaboration</h2>
+
                         <div class="col-md-6">
                            <p class="lead">
+
                             <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style="
                                Medium Rare is an elite author known for offering high-quality, high-value products backed by timely and personable support. Recognised and awarded by Envato on multiple occasions for producing consistently outstanding products, it's no wonder over 20,000 customers enjoy using Medium Rare templates.
+
padding-top: 80px;">
                            </p>
+
                        </div><div class="col-md-6 col-lg-5">
                        </div>
+
                             <div>
                    </div>
+
                                <h4 style="
                    <!--end of row-->
+
padding-bottom: 20px;; font-weight: bold;padding-top: 0px;;">Do you think that Synthetic Biology is just for scientists? How about doing it yourself? </h4>
                </div>
+
                                <p style="
                <!--end of container-->
+
padding-top: 7px;">Synthetic Biology can be very complex, both because of the necessary knowledge and because of the tools that are used on a daily basis in the laboratory. </p>
            </section>
+
 
            <section>
+
                                <p style="font-family: 'Lato' !important;">
                <div class="container">
+
                                 This year, the Valencia UPV iGEM team has set a new goal: to democratize Synthetic Biology. To achieve this, we intend to create a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain different products, but made as simple and easy to operate as a home printer. In short, a whole cloning process contained in a single device.
                    <div class="row justify-content-center">
+
                             
                         <div class="col-md-12 col-lg-10 text-center">
+
                                </p> <p style="font-family: 'Lato' !important;">How does Printeria really work? It uses a digital microfluidic system that is able to create little droplets, which can be controlled and displaced through configurable paths. With this novel system we can mix and move the substrates of the reactions as droplets, and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very intuitive interface that allow us to assemble the required DNA parts to create transcriptional units. Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators, which our user can combine in a one-step reaction, using Golden Gate Technology.
                             <div class="video-cover box-shadow border--round">
+
 
                                <div class="background-image-holder">
+
                                    <img alt="image" src="img/work-single-1.jpg" />
+
                                </div>
+
                                <div class="video-play-icon"></div>
+
                                <iframe data-src="https://www.youtube.com/embed/6p45ooZOOPo?autoplay=1" allowfullscreen="allowfullscreen"></iframe>
+
                            </div>
+
                            <!--end video cover-->
+
                            <span>A trailer made by Stack to showcase the new Nike Active brand</span>
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
                </div>
+
                <!--end of container-->
+
            </section>
+
            <section class="feature-large feature-large-2 bg--secondary">
+
                <div class="container">
+
                    <div class="row justify-content-around">
+
                        <div class="col-md-4 col-lg-3">
+
                             <h3>Strength and heritage</h3>
+
                            <p class="lead">
+
                                Stack is built with customization and ease-of-use at its core &mdash; whether you're a seasoned developer or just starting out, you'll be making attractive sites faster than any traditional HTML template.
+
                            </p>
+
                        </div>
+
                        <div class="col-md-4 col-lg-4">
+
                            <img alt="Image" class="border--round box-shadow" src="img/work-single-2.jpg" />
+
                        </div>
+
                        <div class="col-md-4 col-lg-2">
+
                            <hr class="short" />
+
                            <p>
+
                                 Each purchase of Stack includes six months of free support, including access to our dedicated support forum. In addition to support you'll recieve lifetime updates, including new content and bug-fixes.
+
                            </p>
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
                </div>
+
                <!--end of container-->
+
            </section>
+
            <section class="text-center">
+
                <div class="container">
+
                    <div class="row justify-content-center">
+
                        <div class="col-md-8 col-lg-6">
+
                            <div class="cta">
+
                                <h2>Ready to start your project?</h2>
+
                                <p class="lead">
+
                                    Each purchase of Stack comes with six months free support &mdash; and a lifetime of free content and bug-fix updates.
+
 
                                 </p>
 
                                 </p>
                                 <a class="btn btn--primary type--uppercase" href="#">
+
 
                                    <span class="btn__text">
+
                                 <p style="font-family: 'Lato' !important;">
                                        Purchase on Envato
+
                                And in order for society to understand that it is possible to democratize and give visibility to the world of Synthetic Biology, we are going to work so that Printeria will have in the near future a place in fields as diverse as education, laboratories, bio-art, etc. To sum up, we want to establish a new starting point in the expansion of Synthetic Biology.</p>
                                    </span>
+
 
                                    <span class="label">$18 USD</span>
+
                                <p style="font-weight: bold !important; font-family: 'Lato' !important;">This is our project. Do you want to join us?</p>
                                 </a>
+
                                  
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 1,554: Line 1,076:
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
             <footer class="footer-3 text-center-xs space--xs ">
+
 
 +
           
 +
         
 +
             <footer class="footer-3 text-center-xs space--xxs ">
 
                 <div class="container">
 
                 <div class="container">
                    <div class="row">
 
                        <div class="col-md-6">
 
                            <img alt="Image" class="logo" src="img/logo-dark.png" />
 
                            <ul class="list-inline list--hover">
 
                                <li class="list-inline-item">
 
                                    <a href="#">
 
                                        <span class="type--fine-print">Get Started</span>
 
                                    </a>
 
                                </li>
 
                                <li class="list-inline-item">
 
                                    <a href="#">
 
                                        <span class="type--fine-print">help@stack.io</span>
 
                                    </a>
 
                                </li>
 
                            </ul>
 
                        </div>
 
                        <div class="col-md-6 text-right text-center-xs">
 
                            <ul class="social-list list-inline list--hover">
 
                                <li class="list-inline-item">
 
                                    <a href="#">
 
                                        <i class="socicon socicon-google icon icon--xs"></i>
 
                                    </a>
 
                                </li>
 
                                <li class="list-inline-item">
 
                                    <a href="#">
 
                                        <i class="socicon socicon-twitter icon icon--xs"></i>
 
                                    </a>
 
                                </li>
 
                                <li class="list-inline-item">
 
                                    <a href="#">
 
                                        <i class="socicon socicon-facebook icon icon--xs"></i>
 
                                    </a>
 
                                </li>
 
                                <li class="list-inline-item">
 
                                    <a href="#">
 
                                        <i class="socicon socicon-instagram icon icon--xs"></i>
 
                                    </a>
 
                                </li>
 
                            </ul>
 
                        </div>
 
                    </div>
 
                    <!--end of row-->
 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
Line 1,620: Line 1,103:
 
             <i class="stack-interface stack-up-open-big"></i>
 
             <i class="stack-interface stack-up-open-big"></i>
 
         </a>
 
         </a>
 +
 
     </body>
 
     </body>
  
  
 +
</html>
  
 
+
<html>
 
+
<!--Javascript Files -->
 
+
        <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:scripts.js?action=raw&ctype=text/javascript"></script>
 
+
        <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery3.1.1.min.js?action=raw&ctype=text/javascript"></script>
 
+
        <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:parallax.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:smoothscroll.min.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery.steps.min.js?action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>

Latest revision as of 13:52, 29 June 2018

Stack Multipurpose HTML Template

image
image
Image

Do you think that Synthetic Biology is just for scientists? How about doing it yourself?

Synthetic Biology can be very complex, both because of the necessary knowledge and because of the tools that are used on a daily basis in the laboratory.

This year, the Valencia UPV iGEM team has set a new goal: to democratize Synthetic Biology. To achieve this, we intend to create a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain different products, but made as simple and easy to operate as a home printer. In short, a whole cloning process contained in a single device.

How does Printeria really work? It uses a digital microfluidic system that is able to create little droplets, which can be controlled and displaced through configurable paths. With this novel system we can mix and move the substrates of the reactions as droplets, and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very intuitive interface that allow us to assemble the required DNA parts to create transcriptional units. Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators, which our user can combine in a one-step reaction, using Golden Gate Technology.

And in order for society to understand that it is possible to democratize and give visibility to the world of Synthetic Biology, we are going to work so that Printeria will have in the near future a place in fields as diverse as education, laboratories, bio-art, etc. To sum up, we want to establish a new starting point in the expansion of Synthetic Biology.

This is our project. Do you want to join us?