|
|
(97 intermediate revisions by 5 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 13: |
Line 15: |
| #sideMenu, #top_title, .patrollink {display:none;} | | #sideMenu, #top_title, .patrollink {display:none;} |
| #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} | | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} |
| + | |
| + | |
| | | |
| </style> | | </style> |
| | | |
− | <head>
| + | <head> |
− | <meta charset="utf-8">
| + | <meta charset="utf-8"> |
− | <title>Stack Multipurpose HTML Template</title>
| + | <title>Stack Multipurpose HTML Template</title> |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
− | <meta name="description" content="Site Description Here">
| + | <meta name="description" content="Site Description Here"> |
− | <link href="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">
| + | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"> |
| + | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
| + | |
| + | </head> |
| | | |
− | </head>
| |
− | <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>
| |
| | | |
| | | |
| + | <!-- ESTE ES EL CODIGO DE LA IMAGEN DE LA ESQUINA DERECHA |
| | | |
− |
| + | He puesto justo debajo los atributos height y width a 200 píxeles |
| + | por defecto pero se puede modificar. Con esos valores, cualquier foto |
| + | que pongas se va a ver con un tamaño de 200x200. |
| | | |
− | <section class="switchable feature-large" style="
| + | --> |
− | padding-top: 6em;">
| + | |
− | <div class="container">
| + | <div style=" |
− | <div class="row">
| + | position: absolute; |
− |
| + | padding-right: 1em; |
− | <div class="col-md-6">
| + | padding-bottom: 1em; |
− | <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style="
| + | padding-left: 1em; |
− | padding-top: 80px;"> | + | z-index: 99; |
− | </div><div class="col-md-6 col-lg-5">
| + | width: 100%; |
− | <div>
| + | text-align: right; |
− | <h4 style="
| + | "> |
− | 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> | + | |
− | <p style="
| + | |
− | 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>
| + | |
| | | |
− | <p>
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Awards"> |
− | 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.
| + | <img style=" |
− |
| + | margin: 0 !important; |
− | </p><p>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.
| + | width: 200px; |
| + | height: 200px; |
| | | |
− | </p>
| + | " src="https://static.igem.org/mediawiki/2018/7/7d/T--Valencia_UPV--TROFEOGIF_ale.gif"> |
| + | </a> |
| | | |
− | <p>
| |
− | 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;">This is our project. Do you want to join us?</p>
| + | </div> |
| + | |
| + | <!----> |
| + | |
| + | |
| + | |
| + | <div class="t-cover" style=" |
| + | height: 100vh; margin-top: -20px;background-color: #DCDEDC;"> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <div id="media-box"> |
| + | |
| + | |
| + | <video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted=""> |
| + | <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4"> |
| + | </video> |
| + | <center style=" |
| + | height: 100%; |
| + | /* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */"> |
| + | <a class="btn down inner-link active" href="#story" style=" |
| + | ;; |
| + | font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 80vh;z-index: 93;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;"> |
| + | <i class="stack-interface stack-down-open-big"></i> |
| + | </a> |
| + | </center></div> |
| + | </div> |
| + | <div class="main-container" style=""><row> |
| + | |
| + | |
| + | <!-------------------------------IMAGEN PRINCIPAL------------------------------------------------> |
| + | |
| + | |
| + | |
| + | |
| + | <!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN -----------------------------> |
| + | <div class="col-md-12" style=" |
| + | z-index: 99; |
| + | position: relative;width: 100%;padding-left: 0;padding-right: 0;"> |
| + | |
| + | <section class="imageblock " style=" |
| + | padding-bottom: 0px !important; |
| + | height: 722px; |
| + | padding-bottom: 24px; |
| + | ;background-color: #DCDEDC; |
| + | "><a class="anchorOffset" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;"></a><row> |
| + | |
| + | |
| + | <div class=" col-lg-6 col-md-6" style=" |
| + | float: left !important; |
| + | padding-right: 0px; |
| + | padding-left: 0px; |
| + | position: relative; |
| + | float: left;"> |
| + | <div class="row" style=" |
| + | padding: 5em; |
| + | ; |
| + | display: block; |
| + | position: absolute; |
| + | height: 100%; |
| + | /*! background-color: #DCDEDC; */ |
| + | "> |
| + | <div class="col-lg-12 col-md-12 mt--12" style=" |
| + | padding-right: 3em; |
| + | display: block;"> |
| + | |
| + | |
| + | <div class="modal-instance block"> |
| + | |
| + | |
| | | |
| + | <!--end of modal-container--> |
| </div> | | </div> |
| + | <!--end of modal instance--> |
| </div> | | </div> |
| </div> | | </div> |
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style=" |
| + | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--ImagenHomeIzqUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a> |
| + | </div> |
| + | <div class=" col-lg-6 col-md-6 pos-left" style=" |
| + | padding-right: 0px; |
| + | padding-left: 0px; |
| + | position: relative; |
| + | height: 100%; |
| + | background-color: #DCDEDC; |
| + | float: right;"> |
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/1/12/T--Valencia_UPV--ImagenHomeDerUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a> |
| + | <img alt="image" src="https://static.igem.org/mediawiki/2018/8/87/T--Valencia_UPV--ImagenHomeDer2UPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"> |
| + | |
| + | |
| <!--end of row--> | | <!--end of row--> |
| </div> | | </div> |
− | <!--end of container--> | + | <!--end of container--></row> |
| </section> | | </section> |
| + | <section class="" style=" |
| + | padding-top: -1px; |
| + | padding-bottom: 0px !important; |
| + | height: 722px; |
| + | padding-bottom: 24px; |
| + | ;"><div style=" |
| + | float: left;"> |
| + | |
| + | |
| + | <div class=" col-lg-6 col-md-6" style=" |
| + | top: -7.5em;float: left !important; |
| + | padding-right: 0px; |
| + | padding-left: 0px; |
| + | position: relative; |
| + | float: left;"> |
| + | <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/archive/4/46/20181017075815%21T--Valencia_UPV--gifhomeUPV2018.jpeg" style=" |
| + | float: left; |
| + | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;"> |
| + | </div> |
| + | <div class=" col-lg-6 col-md-6" style=" |
| + | top: -7.5em;float: right !important; |
| + | padding-right: 0px; |
| + | padding-left: 0px; |
| + | position: relative; |
| + | float: left;"> |
| + | <div style=" |
| + | width: 100%; |
| + | height: 16%;"><h1 style=" |
| + | padding-top: 1.8em !important; padding-left: 2em !important; margin: 0em !important; height: 87% !important; margin-bottom: 11em !important;margin-left: 6em; margin-top: 5em; padding-right: 5em !important; /* font-size: 18px !important; */; width: 102%; overflow-x: hidden !important; padding: 0; height: 100%; overflow: scroll; letter-spacing: 0px; line-height: 27px !important; color: white; position: absolute; left: 0em; z-index: 20;">Abstract</h1><p style=" |
| + | padding-top: 9.5em !important; |
| + | padding-left: 6em !important; |
| + | margin: 0em !important; |
| + | height: 87% !important; |
| + | margin-bottom: 11em !important;margin-left: 6em; |
| + | margin-top: 5em; |
| + | padding-right: 5em !important; |
| + | font-size: 18px !important; |
| + | width: 102%; |
| + | overflow-x: hidden !important; |
| + | padding: 0; |
| + | height: 100%; |
| + | overflow: scroll; |
| + | letter-spacing: 0px; |
| + | line-height: 27px !important; |
| | | |
− |
| + | color: white; |
− |
| + | position: absolute; |
− | <footer class="footer-3 text-center-xs space--xxs "> | + | left: 0em; |
− | <div>
| + | z-index: 20;"> |
− | <img alt="image" src="https://static.igem.org/mediawiki/2018/4/48/T--Valencia_UPV--footer.jpeg">
| + | Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. <font size="+1"><b>Printeria</b></font> is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy. |
− | </div>
| + | Printeria opens the door to a world of applications affordable for the general public. |
− | </footer>
| + | </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style=" |
− | </div>
| + | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;"> |
− | <!--<div class="loader"></div>-->
| + | </div> |
− | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
| + | |
− | <i class="stack-interface stack-up-open-big"></i>
| + | <!--end of container--></div> |
− | </a>
| + | </section></div> |
| + | |
| + | |
| + | <!--------------------------------------------TEXTO------------------------------------------------> |
| + | |
| + | |
| + | |
| + | |
| + | <div class="container hashlink" tabindex="-1" style="outline: none;position: relative;"> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | <div class="col-md-12" style="padding-top: 1em; padding-right: 0em; padding-left: 0em; position: relative; margin-right: 11em; outline: none;" tabindex="-1"> |
| + | |
| + | <div style=" |
| + | margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style=" |
| + | margin-bottom: 0px !important; |
| + | margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style=" |
| + | position: relative; |
| + | z-index: 50; |
| + | float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style=" |
| + | float: left; |
| + | margin-top: 0; |
| + | /* width: 56%; */"> |
| + | <div class="blue" style=" |
| + | opacity: 0.2; |
| + | height: 100%; |
| + | width: 100%; |
| + | position: absolute;"></div> |
| + | </div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style=" |
| + | position: relative; z-index: 50; float: left; width: 47%;;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style=" |
| + | float: right; |
| + | margin-top: 0;"><div class="yellow" style=" |
| + | opacity: 0.2; |
| + | height: 100%; |
| + | width: 100%; |
| + | position: absolute;"></div></div> |
| + | |
| + | </a></div> |
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style=" |
| + | position: relative; z-index: 50; float: left; width: 52%;; |
| + | width: 48%; |
| + | float: right;"></a> |
| + | |
| + | <a style=" |
| + | margin-top: 0em; |
| + | width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;; |
| + | float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style=" |
| + | margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style=" |
| + | position: relative; z-index: 50; float: left; width: 65%;;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style=" |
| + | float: right; |
| + | margin-top: 0;"><div class="red" style=" |
| + | opacity: 0.2; |
| + | height: 100%; |
| + | width: 100%; |
| + | position: absolute;"></div></div> |
| + | |
| + | </a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style=" |
| + | position: relative; z-index: 50; float: left; width: 100%;;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style=" |
| + | float: right; |
| + | margin-top: 0;"><div class="yellow" style=" |
| + | opacity: 0.2; |
| + | height: 100%; |
| + | width: 100%; |
| + | position: absolute;"></div></div> |
| + | |
| + | </a></div> |
| + | |
| + | </div><div class="col-md-12 row" style=" |
| + | padding-left: 2em; |
| + | padding-right: 0em !important;margin-bottom: 5em;"> |
| + | |
| + | <div class="col-md-3"><div style=" |
| + | ; |
| + | float: left; |
| + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style=" |
| + | background-position: center center; |
| + | background-size: cover; |
| + | ; |
| + | height: 142px !important; |
| + | border-top-left-radius: 13px; |
| + | border-top-right-radius: 13px; |
| + | background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style=" |
| + | padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a> |
| + | |
| + | </div></div> |
| + | <div class="col-md-3"><div style=" |
| + | ; |
| + | float: left; |
| + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style=" |
| + | background-position: center center; |
| + | background-size: cover; |
| + | ; |
| + | height: 142px !important; |
| + | border-top-left-radius: 13px; |
| + | border-top-right-radius: 13px; |
| + | background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style=" |
| + | padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a> |
| + | |
| + | </div></div> |
| + | <div class="col-md-3"><div style=" |
| + | ; |
| + | float: left; |
| + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><div style=" |
| + | background-position: center center; |
| + | background-size: cover; |
| + | ; |
| + | height: 142px !important; |
| + | border-top-left-radius: 13px; |
| + | border-top-right-radius: 13px; |
| + | background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--GifHomeDesignUPV2018.gif);"></div><p style=" |
| + | padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a> |
| + | |
| + | </div></div><div class="col-md-3"><div style=" |
| + | ; |
| + | float: left; |
| + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div id="btnHomeModel" style=" |
| + | background-position: center center; |
| + | background-size: cover; |
| + | ; |
| + | height: 142px !important; |
| + | border-top-left-radius: 13px; |
| + | border-top-right-radius: 13px; |
| + | background-image: url(https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--GifHomeModelUPV2018.gif);"></div><p style=" |
| + | padding-bottom: 22px; |
| + | padding-top: 24px; |
| + | padding-right: 12px; |
| + | padding-left: 24px !important;">Do you want to discover the multiple possibilities that Printeria modeling offers you?</p> |
| + | |
| + | </a> |
| + | |
| + | </div></div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | </div><!--end of row--> |
| + | </div></row></div> |
| + | </body> |
| + | |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script> |
| + | <script> |
| + | |
| + | (function ($) { |
| + | $(document).ready(function(){ |
| + | |
| + | // hide .nav-container first |
| + | $(".nav-container").hide(); |
| + | |
| + | // fade in .nav-container |
| + | $(function () { |
| + | $(window).scroll(function () { |
| + | // set distance user needs to scroll before we fadeIn navbar |
| + | if ($(this).scrollTop() > 100) { |
| + | $('.nav-container').fadeIn(); |
| + | } else { |
| + | $('.nav-container').fadeOut(); |
| + | } |
| + | }); |
| + | |
| + | |
| + | }); |
| + | |
| + | }); |
| + | }(jQuery)); |
| + | |
| + | </script> |
| | | |
− | </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> |
| + | {{Valencia_UPV/footer}} |