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

 
(110 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/stackinterface.css}}
 
{{Valencia_UPV/theme.css}}
 
{{Valencia_UPV/theme.css}}
{{Valencia_UPV/parallax.js}}
 
{{Valencia_UPV/jquery3.1.1.min.js}}
 
{{Valencia_UPV/scripts.js}}
 
{{Valencia_UPV/smoothscroll.min.js}}
 
 
 
 
 
<html>
 
<html>
 
<style>
 
<style>
Line 19: Line 12:
 
#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>
Line 30: Line 23:
 
         <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=" ">
Line 39: 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="http://www.igem.upv.es/assets/images/_smarty/Logo_iGEM_Principal.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 57: Line 51:
 
                 <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="http://www.igem.upv.es/assets/images/_smarty/Logo_iGEM_Principal.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 67: 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 286: 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 326: 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 614: 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 707: 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 826: 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,017: 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="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>
 
                             </div>
 
                             <!--end module-->
 
                             <!--end module-->
Line 1,429: Line 1,022:
 
         </div>
 
         </div>
 
         <div class="main-container">
 
         <div class="main-container">
             <section class="imagebg height-80" data-overlay="3" >
+
             <section style="background-color: #353535;" class="height-90 parallax">
                 <div class="container">
+
                 <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
                    <div class="image bg">
+
                    <img alt="image" src="http://via.placeholder.com/880x492" />
                        <img alt="image" src="https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--prueba2--1600x1067.jpeg" />
+
                    </div>
+
                    <div class="row" style="vertical-align: middle">
+
                        <div class="col-md-12" style="padding: 200px 0;">
+
                            <h1 class="text-center"> <br class="hidden-xs hidden-sm" />Printeria</h1>
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
 
                 </div>
 
                 </div>
                <!--end of container-->
+
              <div class="main-container">
            </section>
+
              <center>
            <section>
+
                 <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;">
                 <div class="container">
+
                    <img alt="image" src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png"/>
                    <div class="row justify-content-center">
+
                        <div class="col-md-10 col-lg-8">
+
                            <h2 class="text-center">Printeria</h2>
+
                            <p class="lead">
+
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a lorem sed sem euismod euismod in in elit. Etiam eu ullamcorper mi, vel elementum neque. Donec eget tincidunt lectus, vel accumsan odio. Aenean cursus ipsum eget mi pulvinar ultrices. Aliquam congue pellentesque purus commodo fringilla. Sed ultrices leo vel metus hendrerit tincidunt.
+
                            </p>
+
                        </div>
+
                    </div>
+
                    <!--end of row-->
+
 
                 </div>
 
                 </div>
 +
               
 +
              </center>
 +
              </div>
 +
              </div>
 
                 <!--end of container-->
 
                 <!--end of container-->
 
             </section>
 
             </section>
             <section class="feature-large feature-large-2 bg--secondary">
+
 
 +
 
 +
 
 +
              
 +
 
 +
<section class="switchable feature-large" style="
 +
padding-top: 6em;">
 
                 <div class="container">
 
                 <div class="container">
                     <div class="row justify-content-around">
+
                     <div class="row">
                         <div class="col-md-4 col-lg-3">
+
                          
                            <h3>Printeria</h3>
+
                         <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="
                                Vivamus euismod, elit id maximus consectetur, lorem nisi semper enim, ac dignissim ligula justo vel quam. Duis lacinia nunc at dictum aliquam. Vivamus congue, sapien condimentum condimentum tempor, nunc tellus iaculis velit, nec sodales nulla tortor sit amet turpis. Nam a accumsan magna, vel dignissim ante.
+
padding-top: 80px;">
                            </p>
+
                         </div><div class="col-md-6 col-lg-5">
                        </div>
+
                             <div>
                         <div class="col-md-4 col-lg-4">
+
                                 <h4 style="
                             <img alt="Image" class="border--round box-shadow" src="img/work-single-2.jpg" />
+
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="
                        <div class="col-md-4 col-lg-2">
+
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>
                             <hr class="short" />
+
 
                            <p>
+
                                <p style="font-family: 'Lato' !important;">
                                 Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat. Maecenas a gravida libero. Vivamus vitae hendrerit turpis. Maecenas malesuada mi ac diam iaculis elementum.
+
                                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.
                            </p>
+
                             
                        </div>
+
                                 </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>
+
 
                    <!--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>Printeria</h2>
+
                                <p class="lead">
+
                                  Sed varius commodo iaculis. Sed vitae dictum orci, quis cursus neque. Duis auctor augue nec nibh egestas posuere. Suspendisse eget ex arcu. Nulla elementum nunc sit amet elit lacinia feugiat.  
+
 
                                 </p>
 
                                 </p>
 +
 +
                                <p style="font-family: 'Lato' !important;">
 +
                                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>
 +
 +
                                <p style="font-weight: bold !important; font-family: 'Lato' !important;">This is our project. Do you want to join us?</p>
 +
                               
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 1,496: 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="row">
Line 1,520: 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?