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

(Prototype team page)
 
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrap.css}}
 +
{{Valencia_UPV/custom.css}}
 +
{{Valencia_UPV/flickity.css}}
 +
{{Valencia_UPV/iconsmind.css}}
 +
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 +
{{Valencia_UPV/theme.css}}
 
<html>
 
<html>
 +
<style>
  
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
  
 +
</style>
  
−
<div class="column full_size">
+
    <head>
−
<h1>Description</h1>
+
        <meta charset="utf-8">
 +
        <title>Stack Multipurpose HTML Template</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <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/icon?family=Material+Icons" rel="stylesheet">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
    </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>
  
−
</div>
 
  
  
 +
           
  
−
<div class="column two_thirds_size">
+
<section class="switchable feature-large" style="
−
<h3>What should this page contain?</h3>
+
padding-top: 6em; padding-bottom: 50px">
−
<ul>
+
                <div class="container">
−
<li> A clear and concise description of your project.</li>
+
                    <div class="row">
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
                       
−
<li>References and sources to document your research.</li>
+
                        <div class="col-md-6">
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
                            <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style="
−
</ul>
+
padding-top: 110px;">
−
</div>
+
                        </div><div class="col-md-6 col-lg-5">
 +
                            <div>
 +
                                <h4 style="
 +
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>
 +
                                <p style="
 +
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>
  
−
<div class="column third_size" >
+
                                <p>
−
<div class="highlight decoration_A_full">
+
                                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>.
−
<h3>Inspiration</h3>
+
−
<p>See how other teams have described and presented their projects: </p>
+
  
−
<ul>
+
                             
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
                                </p>
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
<p>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
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.
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
  
 +
                                </p>
  
−
 
+
                                <p>
−
<div class="column two_thirds_size" >
+
                                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.  
−
<h3>Advice on writing your Project Description</h3>
+
−
 
+
−
<p>
+
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.  
+
 
</p>
 
</p>
  
−
</div>
+
                                <p style="font-weight: bold !important;">This is our project. Do you want to join us?</p>
−
 
+
                               
−
<div class="column third_size">
+
                            </div>
−
<h3>References</h3>
+
                        </div>
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
                    </div>
−
 
+
                    <!--end of row-->
−
</div>
+
                </div>
−
 
+
                <!--end of container-->
 +
            </section>
  
 +
           
 +
         
 +
            <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>
 +
<!--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>

Revision as of 20:58, 29 June 2018

Stack Multipurpose HTML Template

image
image
Image

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?

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.

To face this challenge, what do we propose? 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.

But, how does Printeria really work? Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators. Using the Golden Gate Technology, it is capable of assembly these domesticated DNA parts in one-step reaction to obtain different transcriptional units, so that they are expressed in specific bacterial chassis. We achieve this using a digital microfluidic system that is able to create little droplets, 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 intuitive interface that allows the user to select which DNA parts will be assembled. In conclusion, a device that integrates hardware, software and biology.

Our team is convinced that there is still a lot to be done in the SynBio expansion 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.

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

image