|
|
| (9 intermediate revisions by 3 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/navBar}} |
| | <html> | | <html> |
| | <style> | | <style> |
| Line 27: |
Line 28: |
| | </head> | | </head> |
| | <body class="" style="background-color:#353535;"> | | <body class="" style="background-color:#353535;"> |
| − | <a id="start"></a>
| |
| − | <div class="nav-container">
| |
| − | <div class="bar bar--sm visible-xs">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-3 col-md-2">
| |
| − | <a href="index.html">
| |
| − | <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-9 col-md-10 text-right">
| |
| − | <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
| |
| − | <i class="icon icon--sm stack-interface stack-menu"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end of row-->
| |
| − | </div>
| |
| − | <!--end of container-->
| |
| − | </div>
| |
| − | <!--end bar-->
| |
| − | <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;">
| |
| − | <div class="bar__module">
| |
| − | <a href="index.html">
| |
| − | <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;" />
| |
| − | </a>
| |
| − | </div>
| |
| − | <!--end module-->
| |
| − | </div>
| |
| − | <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
| |
| − | <div class="bar__module" style="text-align: right;">
| |
| − | <ul class="menu-horizontal text-right">
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Team</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="container pos-vertical-center pl-5">
| |
| − | <div class="row">
| |
| − | <div class="col-lg-8">
| |
| − | <span class="h2 color--white">Beautiful, modular sites in moments.</span>
| |
| − | <a href="#" class="btn btn--primary type--uppercase">
| |
| − | <span class="label">$18 USD.</span>
| |
| − | <span class="btn__text">
| |
| − | Purchase Stack Now
| |
| − | </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-lg-4">
| |
| − | <h5>Industries</h5>
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="home-accommodation.html">
| |
| − | Accommodation
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-construction.html">
| |
| − | Construction
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-coworking.html">
| |
| − | Coworking
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-drone-photography.html">
| |
| − | Drone Photography
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-education.html">
| |
| − | Education
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-event.html">
| |
| − | Event
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-fitness.html">
| |
| − | Fitness
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-health-insurance.html">
| |
| − | Insurance
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-knowledge-base.html">
| |
| − | Knowledge Base
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-musician.html">
| |
| − | Musician
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-nonprofit.html">
| |
| − | Nonprofit
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-political.html">
| |
| − | Political
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-restaurant.html">
| |
| − | Restaurant
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-recruitment.html">
| |
| − | Recruitment
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-tourism.html">
| |
| − | Tourism
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-wedding.html">
| |
| − | Wedding
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="col-lg-4">
| |
| − | <h5>Landing Pages</h5>
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="home-landing-1.html">
| |
| − | Landing 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-2.html">
| |
| − | Landing 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-3.html">
| |
| − | Landing 3
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-4.html">
| |
| − | Landing 4
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-5.html">
| |
| − | Landing 5
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-6.html">
| |
| − | Landing 6
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-7.html">
| |
| − | Landing 7
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-8.html">
| |
| − | Landing 8
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-9.html">
| |
| − | Landing 9
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-landing-10.html">
| |
| − | Landing 10
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-software-1.html">
| |
| − | Software 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-software-2.html">
| |
| − | Software 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-software-3.html">
| |
| − | Software 3
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="col-lg-4">
| |
| − | <h5>Portfolios</h5>
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="home-portfolio-agency-1.html">
| |
| − | Agency
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-agency-2.html">
| |
| − | Agency 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-personal-1.html">
| |
| − | Personal 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-photography.html">
| |
| − | Photography
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-photography-2.html">
| |
| − | Photography 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-studio-1.html">
| |
| − | Studio 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-studio-2.html">
| |
| − | Studio 2
| |
| − | </a>
| |
| − | https://2018.igem.org/Team:Valencia_UPV/pruebaWeb2 </li>
| |
| − | <li>
| |
| − | <a href="home-portfolio-video.html">
| |
| − | Video
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <h5>Coming Soon</h5>
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="home-coming-soon-1.html">
| |
| − | Coming Soon 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-coming-soon-2.html">
| |
| − | Coming Soon 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="home-coming-soon-3.html">
| |
| − | Coming Soon 3
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end of row-->
| |
| − | </div>
| |
| − | <!--end of col-->
| |
| − | </div>
| |
| − | <!--end of row-->
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Project</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">About</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-about-company.html">
| |
| − | About Company
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-about-team.html">
| |
| − | About Team
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-about-me.html">
| |
| − | About Me
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-about-history.html">
| |
| − | About History
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Careers</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-careers.html">
| |
| − | Careers Listing
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-careers-single.html">
| |
| − | Career Single
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Contact</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-contact-map-1.html">
| |
| − | Contact Map 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-contact-map-2.html">
| |
| − | Contact Map 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-contact-map-3.html">
| |
| − | Contact Map 3
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-contact-map-4.html">
| |
| − | Contact Map 4
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-contact-planner-1.html">
| |
| − | Contact Planner 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-contact-planner-2.html">
| |
| − | Contact Planner 2
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Pricing</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-pricing-1.html">
| |
| − | Pricing Plans 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-pricing-2.html">
| |
| − | Pricing Plans 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-pricing-3.html">
| |
| − | Pricing Plans 3
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Services</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-services-1.html">
| |
| − | Services 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-services-2.html">
| |
| − | Services 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-services-3.html">
| |
| − | Services 3
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown separate">
| |
| − | <span class="dropdown__trigger">Accounts</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-accounts-profile.html">
| |
| − | Public Profile
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-accounts-settings.html">
| |
| − | Account Settings
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-accounts-login-1.html">
| |
| − | Login Simple
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-accounts-login-2.html">
| |
| − | Login Social
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-accounts-create-1.html">
| |
| − | Create Simple
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-accounts-create-2.html">
| |
| − | Create Social
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-accounts-recover.html">
| |
| − | Recover Account
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Utilities</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="page-utility-conversation.html">
| |
| − | Conversation
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="404.html">
| |
| − | Error 404
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="500.html">
| |
| − | Error 500
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-utility-maintnence.html">
| |
| − | Maintnence Mode
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-utility-onboarding.html">
| |
| − | Onboarding
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-utility-search-results-list.html">
| |
| − | Search Results List
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="page-utility-search-results.html">
| |
| − | Search Results Boxes
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Wet Lab</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Articles</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="blog-articles-list.html">
| |
| − | Simple List
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-articles-list-minimal.html">
| |
| − | Minimal List
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-articles-magazine.html">
| |
| − | Magazine
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-articles-cards.html">
| |
| − | Cards
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-articles-cards-sidebar.html">
| |
| − | Cards Sidebar
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Post Single</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="blog-post-single.html">
| |
| − | Standard Post
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-post-audio-single.html">
| |
| − | Audio Post
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-post-image-single.html">
| |
| − | Image Post
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="blog-post-video-single.html">
| |
| − | Video Post
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Dry Lab</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Shop Standard</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="shop-2col.html">
| |
| − | 2 Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="shop-3col.html">
| |
| − | 3 Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="shop-4col.html">
| |
| − | 4 Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Shop Tiles</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="shop-2col-tiles.html">
| |
| − | 2 Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="shop-3col-tiles.html">
| |
| − | 3 Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="shop-4col-tiles.html">
| |
| − | 4 Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Product Singles</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="shop-product-1.html">
| |
| − | Product Simple
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="shop-product-2.html">
| |
| − | Product Detailed
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="separate">
| |
| − | <a href="shop-cart.html">
| |
| − | Cart Overview
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="">
| |
| − | <a href="shop-checkout.html">
| |
| − | Checkout
| |
| − | </a>
| |
| − | </li>
| |
| − | <li class="">
| |
| − | <a href="shop-terms.html">
| |
| − | Terms
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Human Practices</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Titles Outside</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="portfolio-one-1col.html">
| |
| − | One Column
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-one-2col.html">
| |
| − | Two Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-one-3col.html">
| |
| − | Three Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Titles Inside</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="portfolio-two-1col.html">
| |
| − | One Column
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-two-2col.html">
| |
| − | Two Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-two-3col.html">
| |
| − | Three Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Titles Hover</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="portfolio-three-1col.html">
| |
| − | One Column
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-three-2col.html">
| |
| − | Two Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-three-3col.html">
| |
| − | Three Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Fullwidth</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="portfolio-four-2col.html">
| |
| − | Two Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-four-3col.html">
| |
| − | Three Columns
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown separate">
| |
| − | <span class="dropdown__trigger">Case Studies</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="portfolio-case-study-1.html">
| |
| − | Case Study 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-case-study-2.html">
| |
| − | Case Study 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-case-study-3.html">
| |
| − | Case Study 3
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <span class="dropdown__trigger">Single Projects</span>
| |
| − | <div class="dropdown__container">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| |
| − | <ul class="menu-vertical">
| |
| − | <li>
| |
| − | <a href="portfolio-single-1.html">
| |
| − | Project Single 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="portfolio-single-2.html">
| |
| − | Project Single 2
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end dropdown content-->
| |
| − | </div>
| |
| − | <!--end row-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end dropdown container-->
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <!--end module-->
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end of row-->
| |
| − | </div>
| |
| − | <!--end of container-->
| |
| − | </nav>
| |
| − | <!--end bar-->
| |
| − | </div>
| |
| − | <div class="main-container">
| |
| − | <section style="background-color: #353535;" class="height-90 parallax">
| |
| − | <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
| |
| − | <img alt="image" src="http://via.placeholder.com/880x492" />
| |
| − | </div>
| |
| − | <div class="main-container">
| |
| − | <center>
| |
| − | <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;">
| |
| − | <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>
| |
| − |
| |
| − | </center>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--end of container-->
| |
| − | </section>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | <section class="switchable feature-large" style=" | | <section class="switchable feature-large" style=" |
| | + | margin-top: 6em; |
| | padding-top: 6em; padding-bottom: 50px"> | | padding-top: 6em; padding-bottom: 50px"> |
| | <div class="container"> | | <div class="container"> |
| | <div class="row"> | | <div class="row"> |
| | | | |
| − | <div class="col-md-6"> | + | <div class="col-md-6" style=" |
| − | <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style=" | + | padding-right: 68px;"> |
| − | padding-top: 110px;"> | + | <img alt="Image" src="https://static.igem.org/mediawiki/2018/6/61/T--Valencia_UPV--projectdesc1UPV2018.jpeg" style="padding-top: 69px;/* padding-left: 24px; *//* margin-left: 36px; */"><img alt="Image" src="https://static.igem.org/mediawiki/2018/7/7d/T--Valencia_UPV--projectdesc2UPV2018.jpeg" style="padding-top: 21px;padding-right: 53px;/* margin-left: 36px; */"> |
| − | </div><div class="col-md-6 col-lg-5"> | + | <img alt="Image" src="https://static.igem.org/mediawiki/2018/d/d5/T--Valencia_UPV--projectdesc3UPV2018.jpeg" style="padding-top: 69px;/* padding-left: 24px; *//* margin-left: 36px; */"><img alt="Image" src="https://static.igem.org/mediawiki/2018/7/7c/T--Valencia_UPV--projectdesc5UPV2018.jpeg" style="padding-top: -6px;/* padding-right: 24px; *//* margin-left: 36px; */"> |
| | + | <img alt="Image" src="https://static.igem.org/mediawiki/2018/c/cb/T--Valencia_UPV--projectdesc4UPV2018.jpeg" style="padding-top: -6px;/* padding-right: 24px; *//* margin-left: 36px; */"> |
| | + | </div><div class="col-md-6 col-lg-5" style=" |
| | + | padding-right: 121px;"> |
| | <div> | | <div> |
| − | <h4 style=" | + | <h4 style="padding-bottom: 0px;font-weight: 702;padding-top: 0px;font-size: 46px;margin-bottom: 0px;">Printeria |
| − | padding-bottom: 20px;; font-weight: bold;padding-top: 0px;;">Have you ever thought about breaking down the barriers that prevent people from coming to Synthetic Biology? What if we told you that anyone could be able to program a living being as small as a bacterium? How easy do you think it could be? | + | |
| | </h4> | | </h4> |
| − | <p style=" | + | <p style="padding-top: 0px;padding-bottom: 26px;">SynBio can be very complex due to the expertise required and the economic cost of the labs. This is why the Valencia UPV team has set a goal: to solve all these difficulties in order to bring Synthetic Biology closer to people. |
| − | padding-top: 7px;"><b>SynBio </b> can be very complex due to the expertise required and the economic cost of the labs. This is why the <b>Valencia UPV team</b> has set a goal: to solve all these difficulties in order to bring Synthetic Biology closer to people. | + | |
| | </p> | | </p> |
| | | | |
| − | <p> | + | <h4 style="/* padding-bottom: 25px; */font-weight: 702;padding-top: 0px;font-size: 26px;">Our proposal</h4><p style="padding-top: 0px;padding-bottom: 26px;"> |
| − | To face this challenge, what do we propose? We intend to design a fully-equipped bioengineering device: <b>Printeria</b>. It will be capable of modifying bacteria to obtain tangible phenotypes, but made as easy to operate as a home printer. In short, a whole <b>cloning process</b> contained <b>in a single device</b>. | + | We intend to design a fully-equipped bioengineering device: Printeria. It will be capable of modifying bacteria to obtain tangible phenotypes, but made as easy to operate as a home printer. In short, a whole cloning process contained in a single device. |
| | | | |
| | | | |
| | </p> | | </p> |
| − | <p> | + | |
| − | But, how does Printeria really work? Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators. Using the <b>Golden Gate Technology</b>, it is capable of assembly these domesticated <b>DNA parts</b> in one-step reaction to obtain different transcriptional units, so that they are expressed in specific bacterial chassis. We achieve this using a digital <b> microfluidic system </b> that is able to create <b>little droplets</b>, which can be controlled across predefined electrode paths on a PCB surface. With this novel system we can mix and move the substrates of the reactions and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very <b>intuitive interface</b> that allows the user to select which DNA parts will be assembled. In conclusion, a device that integrates hardware, software and biology.
| + | <h4 style="/* padding-bottom: 25px; */font-weight: 702;padding-top: 0px;font-size: 26px;">How to use it |
| | + | </h4> |
| | + | |
| | + | <b style="font-size: 16px;/* margin-bottom: -8px !important; */">PRINTERIA Controller</b> |
| | + | </p> |
| | + | <p> We have created an intuitive software that will help us design a new transcriptional unit and control the experimental conditions of the assembly reaction. It will show us all our previous jobs and pre-designed recipes and, if needed, it will also simulate the experiment before printing it by using the python modeling script. Eventually, it will report us whenever our inventory runs out of parts too.</p> |
| | + | |
| | + | <p>Afterwards, the hardware is in charge of carrying out the assemblies. It is divided in three different parts: entry zone, PCB and output zone. In the first one, Printeria’s ink can be found: a set of DNA parts standardized to be assembled using the Golden Gate technology that make up our part collection. These parts are deposited in the shape of droplets in a PCB where the reaction will take place. |
| | + | |
| | + | </p> |
| | + | <p>Once we have the genetic material on the PCB, the little droplets are moved over its surface thanks to electrowetting physical effect. In order to carry on the reaction we need the droplets to change their temperature cyclically thanks to two separate zones with different temperatures. Once the the assembly is complete, the reaction is transported to the electroporator. There they suffer a great discharge which achieves to introduce plasmids in bacteria. Following the microfluidic tubes, the little droplets with bacteria end their way in three 14ml tubes. These tubes have a vital media for the survival of bacteria, furthermore they are continually shaking to improve bacterial growing. Finally in these tubes, Printeria is capable of taking measures which inform us about how much bacteria is growing and how much protein they are synthesizing. |
| | | | |
| | | | |
| | </p> | | </p> |
| − | | + | <h4 style="/* padding-bottom: 25px; */font-weight: 702;padding-top: 0px;font-size: 26px;">Printeria and society |
| | + | </h4> |
| | <p> | | <p> |
| − | Our team is convinced that there is still a lot to be done in the <b>SynBio expansion</b> and we want to continue on this direction. Therefore, we are going to work so that Printeria will have a place in fields as diverse as education, laboratories or bio-art. | + | The objective of science is to solve social problems, therefore it is impossible to develop a product without taking into account the users to whom it will be addressed. The main users are the artists who work with living matter, the bioartists. With Printeria, they eliminate the dependency factor of laboratories and professionals since they can make their own genetic constructions and insert them into bacteria. Another of the areas to which Printeria is directed is education. With it, the complex technological processes that are explained in the theory can be made known and make this science something more attractive. Finally, Printeria's automation potential makes it an essential instrument for synthetic biology laboratories.</p> |
| − | </p> | + | |
| | | | |
| − | <p style="font-weight: bold !important;">This is our project. Do you want to join us?</p>
| |
| | | | |
| | </div> | | </div> |
| Line 1,082: |
Line 79: |
| | </div> | | </div> |
| | <!--end of container--> | | <!--end of container--> |
| − | </section> | + | </section></body> |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − | <footer class="footer-3 text-center-xs space--xxs " style="background-color:#353535;">
| + | |
| − | <div>
| + | |
| − | <img alt="image" src="https://static.igem.org/mediawiki/2018/4/48/T--Valencia_UPV--footer.jpeg">
| + | |
| − | </div>
| + | |
| − | </footer>
| + | |
| − | </div>
| + | |
| − | <!--<div class="loader"></div>-->
| + | |
| − | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
| + | |
| − | <i class="stack-interface stack-up-open-big"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </body>
| + | |
| − | | + | |
| − | | + | |
| | </html> | | </html> |
| | | | |
| Line 1,110: |
Line 90: |
| | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery.steps.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> |
| | + | {{Valencia_UPV/footer}} |
