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

Line 1: Line 1:
−
<html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <title>Home | Triangle</title> <link href="http://goldenbraid.cloudno.de/template/css/bootstrap.min.css" rel="stylesheet"> <link href="http://goldenbraid.cloudno.de/template/css/font-awesome.min.css" rel="stylesheet"> <link href="http://goldenbraid.cloudno.de/template/css/animate.min.css" rel="stylesheet"> <link href="http://goldenbraid.cloudno.de/template/css/lightbox.css" rel="stylesheet"> <link href="http://goldenbraid.cloudno.de/template/css/main.css" rel="stylesheet"> <link href="http://goldenbraid.cloudno.de/template/css/responsive.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="http://goldenbraid.cloudno.de/template/js/html5shiv.js"></script> <script src="http://goldenbraid.cloudno.de/template/js/respond.min.js"></script> <![endif]--> <link rel="shortcut icon" href="http://goldenbraid.cloudno.de/template/images/ico/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://goldenbraid.cloudno.de/template/images/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://goldenbraid.cloudno.de/template/images/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://goldenbraid.cloudno.de/template/images/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="http://goldenbraid.cloudno.de/template/images/ico/apple-touch-icon-57-precomposed.png"></head><!--/head--><style>#top_title {
 
−
    display: none;
 
−
}
 
  
−
#sideMenu {
+
{{:Team:Valencia_UPV/Templates:generalcss}}
−
  display: none;
+
{{:Team:Valencia_UPV/Templates:customcss}}
−
}
+
  
−
#content {
+
<html><head><meta charset="utf-8"/><meta name="keywords" content="HTML5,CSS3,Template"/> <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0"/> <meta name="description" content=""/> <title>HYPE IT - Valencia UPV</title><meta name="Author" content="Dorin Grigoras [www.stepofweb.com]"/></head><body class="smoothscroll enable-animation"><div id="wrapper"><div id="header" class="sticky clearfix"><header id="topNav"><div class="container"><button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse"><i class="fa fa-bars"></i></button><a class="logo pull-left" href="/"><img src="https://static.igem.org/mediawiki/2016/7/77/ValenciaUPV_HYPElogo.png" alt=""/></a><div class="navbar-collapse pull-right nav-main-collapse collapse submenu-dark"><nav class="nav-main"><ul id="topMain" class="nav nav-pills nav-main"> <li> <a href="https://2016.igem.org/Team:Valencia_UPV"> HOME </a> </li><li class="dropdown"><a class="dropdown-toggle" href="#">TEAM</a><ul class="dropdown-menu pull-right"><li><a href="https://2016.igem.org/Team:Valencia_UPV/Team">OUR TEAM</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Collaborations">COLLABORATIONS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Attributions">ATTRIBUTIONS</a></li></ul></li><li class="dropdown"> <a class="dropdown-toggle" href="#"> PROJECT </a> <ul class="dropdown-menu pull-right"> <li><a href="https://2016.igem.org/Team:Valencia_UPV/Project">OUR PROJECT</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Design">DESIGN</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Software">DATA PROCESSING SOFTWARE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Grna_testing_system">GRNA TESTING SYSTEM</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Split">SPLIT CAS9</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Hardware">LAB CASE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Demonstrate">DEMONSTRATE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Results">RESULTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/notebook">NOTEBOOK</a></li></ul> </li><li class="dropdown"> <a class="dropdown-toggle" href="#"> HUMAN PRACTICES </a> <ul class="dropdown-menu pull-right"> <li><a href="https://2016.igem.org/Team:Valencia_UPV/Human_Practices">OUR HUMAN PRACTICES</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Silver">SOCIAL ENGAGEMENT</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Gold">GOLD</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Integrated_Practices">INTEGRATED PRACTICES</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Safety">SAFETY</a></li></ul> </li><li class="dropdown"> <a class="dropdown-toggle" href="#"> PARTS </a> <ul class="dropdown-menu pull-right"> <li><a href="https://2016.igem.org/Team:Valencia_UPV/Parts">Our PARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Basic_Part">BASIC PARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Composite_Part">COMPOSITEPARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Part_Collection">PART COLLECTION</a></li></ul> </li><li> <a class="active" href="https://2016.igem.org/Team:Valencia_UPV/Model"> MODEL </a> </li></ul></nav></div></div></header></div><section class="page-header page-header-xs"><div class="container"><h1>MODEL</h1><span class="font-lato size-18 hidden-xs">We believe in Simple &amp; Creative</span></div></section><footer id="footer"> <div class="container"> <div class="row"> <div class="col-md-8"> <img class="footer-logo footer-2" width="200px" src="http://goldenbraid.cloudno.de/template/assets/images/logo_dark.png" alt=""> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque.</p><hr> <div class="row"> <div class="col-md-6 col-sm-6 hidden-xs"> <div class="margin-left-50 clearfix"> <p class="margin-bottom-10">Follow Us</p><a href="#" class="social-icon social-icon-sm social-icon-transparent social-facebook pull-left" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="#" class="social-icon social-icon-sm social-icon-transparent social-twitter pull-left" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"> <i class="icon-twitter"></i> <i class="icon-twitter"></i> </a> <a href="#" class="social-icon social-icon-sm social-icon-transparent social-gplus pull-left" data-toggle="tooltip" data-placement="top" title="" data-original-title="Google plus"> <i class="icon-gplus"></i> <i class="icon-gplus"></i> </a> </div></div></div></div><div class="col-md-4"> <h4 class="letter-spacing-1">PHOTO GALLERY</h4> <div class="footer-gallery lightbox" data-plugin-options="{&quot;delegate&quot;: &quot;a&quot;, &quot;gallery&quot;:{&quot;enabled&quot;: true}}"> <a href="assets/images/demo/1200x800/10-min.jpg"> <img src="assets/images/demo/150x99/10-min.jpg" width="106" height="70" alt=""> </a> <a href="assets/images/demo/1200x800/19-min.jpg"> <img src="assets/images/demo/150x99/19-min.jpg" width="106" height="70" alt=""> </a> <a href="assets/images/demo/1200x800/12-min.jpg"> <img src="assets/images/demo/150x99/12-min.jpg" width="106" height="70" alt=""> </a> <a href="assets/images/demo/1200x800/13-min.jpg"> <img src="assets/images/demo/150x99/13-min.jpg" width="106" height="70" alt=""> </a> <a href="assets/images/demo/1200x800/18-min.jpg"> <img src="assets/images/demo/150x99/18-min.jpg" width="106" height="70" alt=""> </a> <a href="assets/images/demo/1200x800/15-min.jpg"> <img src="assets/images/demo/150x99/15-min.jpg" width="106" height="70" alt=""> </a> </div></div></div></div><div class="copyright"> <div class="container"> <ul class="pull-right nomargin list-inline mobile-block"> <li><a href="#">Terms &amp; Conditions</a></li><li>•</li><li><a href="#">Privacy</a></li></ul> © All Rights Reserved, Company LTD </div></div></footer></div></body></html>
−
background: white;
+
 
−
border-left: 0px;
+
{{:Team:Valencia_UPV/Templates:generaljs}}
−
border: none;
+
−
color: black;
+
−
line-height: 1.5em;
+
−
margin-left: auto;
+
−
margin-right: auto;  
+
−
padding: 15px;  
+
−
padding: 5px 5px 5px 5px;  
+
−
position: relative;  
+
−
width: 100%;  
+
−
}</style><body> <header id="header"> <div class="container"> <div class="row"> <div class="col-sm-12 overflow"> <div class="social-icons pull-right"> <ul class="nav nav-pills"> <li><a href=""><i class="fa fa-facebook"></i></a> </li> <li><a href=""><i class="fa fa-twitter"></i></a> </li> <li><a href=""><i class="fa fa-google-plus"></i></a> </li> <li><a href=""><i class="fa fa-dribbble"></i></a> </li> <li><a href=""><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> </div> </div> <div class="navbar navbar-inverse" role="banner"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"> <h1><img src="http://goldenbraid.cloudno.de/template/images/logo.png" alt="logo"></h1> </a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="index.html">Home</a> </li> <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="aboutus.html">About</a> </li> <li><a href="aboutus2.html">About 2</a> </li> <li><a href="service.html">Services</a> </li> <li><a href="pricing.html">Pricing</a> </li> <li><a href="contact.html">Contact us</a> </li> <li><a href="contact2.html">Contact us 2</a> </li> <li><a href="404.html">404 error</a> </li> <li><a href="coming-soon.html">Coming Soon</a> </li> </ul> </li> <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="blog.html">Blog Default</a> </li> <li><a href="blogtwo.html">Timeline Blog</a> </li> <li><a href="blogone.html">2 Columns + Right Sidebar</a> </li> <li><a href="blogthree.html">1 Column + Left Sidebar</a> </li> <li><a href="blogfour.html">Blog Masonary</a> </li> <li><a href="blogdetails.html">Blog Details</a> </li> </ul> </li> <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="portfolio.html">Portfolio Default</a> </li> <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a> </li> <li><a href="portfolioone.html">3 Columns + Right Sidebar</a> </li> <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a> </li> <li><a href="portfoliothree.html">2 Columns</a> </li> <li><a href="portfolio-details.html">Portfolio Details</a> </li> </ul> </li> <li><a href="shortcodes.html ">Shortcodes</a> </li> </ul> </div> <div class="search"> <form role="form"> <i class="fa fa-search"></i> <div class="field-toggle"> <input type="text" class="search-form" autocomplete="off" placeholder="Search"> </div> </form> </div> </div> </div> </header> <!--/#header--> <section id="home-slider"> <div class="container"> <div class="row"> <div class="main-slider"> <div class="slide-text"> <h1>Maletin molon</h1> <p>Boudin doner frankfurter pig. Cow shank bresaola pork loin tri-tip tongue venison pork belly meatloaf short loin landjaeger biltong beef ribs shankle chicken andouille.</p> <a href="#" class="btn btn-common">SIGN UP</a> </div> <img src="http://goldenbraid.cloudno.de/template/images/home/slider/hill.png" class="slider-hill" alt="slider image"> <img src="http://goldenbraid.cloudno.de/template/images/home/slider/house.png" class="slider-house" alt="slider image"> <img src="http://goldenbraid.cloudno.de/template/images/home/slider/sun.png" class="slider-sun" alt="slider image"> <img src="http://goldenbraid.cloudno.de/template/images/home/slider/birds1.png" class="slider-birds1" alt="slider image"> <img src="http://goldenbraid.cloudno.de/template/images/home/slider/birds2.png" class="slider-birds2" alt="slider image"> </div> </div> </div> <div class="preloader"><i class="fa fa-sun-o fa-spin"></i> </div> </section> <!--/#home-slider--> <section id="services"> <div class="container"> <div class="row"> <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms"> <div class="single-service"> <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/icon1.png" alt=""> </div> <h2>Incredibly Responsive</h2> <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p> </div> </div> <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="single-service"> <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/icon2.png" alt=""> </div> <h2>Superior Typography</h2> <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p> </div> </div> <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms"> <div class="single-service"> <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/icon3.png" alt=""> </div> <h2>Swift Page Builder</h2> <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p> </div> </div> <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="1200ms"> <div class="single-service"> <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/icon3.png" alt=""> </div> <h2>Swift Page Builder</h2> <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p> </div> </div> </div> </div> </section> <!--/#services--> <section id="action" class="responsive"> <div class="vertical-center"> <div class="container"> <div class="row"> <div class="action take-tour"> <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> <h1 class="title">Triangle Corporate Template</h1> <p>A responsive, retina-ready &amp; wide multipurpose template.</p> </div> <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> <div class="tour-button"> <a href="#" class="btn btn-common">TAKE THE TOUR</a> </div> </div> </div> </div> </div> </div> </section> <!--/#action--> <section id="features"> <div class="container"> <div class="row"> <div class="single-features"> <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/image1.png" class="img-responsive" alt=""> </div> <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> <h2>Experienced and Enthusiastic</h2> <P>Pork belly leberkas cow short ribs capicola pork loin. Doner fatback frankfurter jerky meatball pastrami bacon tail sausage. Turkey fatback ball tip, tri-tip tenderloin drumstick salami strip steak.</P> </div> </div> <div class="single-features"> <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> <h2>Built for the Responsive Web</h2> <P>Mollit eiusmod id chuck turducken laboris meatloaf pork loin tenderloin swine. Pancetta excepteur fugiat strip steak tri-tip. Swine salami eiusmod sint, ex id venison non. Fugiat ea jowl cillum meatloaf.</P> </div> <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/image2.png" class="img-responsive" alt=""> </div> </div> <div class="single-features"> <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> <img src="http://goldenbraid.cloudno.de/template/images/home/image3.png" class="img-responsive" alt=""> </div> <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> <h2>Experienced and Enthusiastic</h2> <P>Ut officia cupidatat anim excepteur fugiat cillum ea occaecat rump pork chop tempor. Ut tenderloin veniam commodo. Shankle aliquip short ribs, chicken eiusmod exercitation shank landjaeger spare ribs corned beef.</P> </div> </div> </div> </div> </section> <!--/#features--> <section id="clients"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="clients text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms"> <p><img src="http://goldenbraid.cloudno.de/template/images/home/clients.png" class="img-responsive" alt=""> </p> <h1 class="title">Happy Clients</h1> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> Ut enim ad minim veniam, quis nostrud </p> </div> <div class="clients-logo wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="col-xs-3 col-sm-2"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/client1.png" class="img-responsive" alt=""> </a> </div> <div class="col-xs-3 col-sm-2"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/client2.png" class="img-responsive" alt=""> </a> </div> <div class="col-xs-3 col-sm-2"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/client3.png" class="img-responsive" alt=""> </a> </div> <div class="col-xs-3 col-sm-2"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/client4.png" class="img-responsive" alt=""> </a> </div> <div class="col-xs-3 col-sm-2"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/client5.png" class="img-responsive" alt=""> </a> </div> <div class="col-xs-3 col-sm-2"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/client6.png" class="img-responsive" alt=""> </a> </div> </div> </div> </div> </div> </section> <!--/#clients--> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center bottom-separator"> <img src="http://goldenbraid.cloudno.de/template/images/home/under.png" class="img-responsive inline" alt=""> </div> <div class="col-md-4 col-sm-6"> <div class="testimonial bottom"> <h2>Testimonial</h2> <div class="media"> <div class="pull-left"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/profile1.png" alt=""> </a> </div> <div class="media-body"> <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> <h3><a href="#">- Jhon Kalis</a></h3> </div> </div> <div class="media"> <div class="pull-left"> <a href="#"><img src="http://goldenbraid.cloudno.de/template/images/home/profile2.png" alt=""> </a> </div> <div class="media-body"> <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> <h3><a href="">- Abraham Josef</a></h3> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="contact-info bottom"> <h2>Contacts</h2> <address> E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> Phone: +1 (123) 456 7890 <br> Fax: +1 (123) 456 7891 <br> </address> <h2>Address</h2> <address> Unit C2, St.Vincent's Trading Est., <br> Feeder Road, <br> Bristol, BS2 0UY <br> United Kingdom <br> </address> </div> </div> <div class="col-md-4 col-sm-12"> <div class="contact-form bottom"> <h2>Send a message</h2> <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> <div class="form-group"> <input type="text" name="name" class="form-control" required="required" placeholder="Name"> </div> <div class="form-group"> <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> </div> <div class="form-group"> <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> </div> <div class="form-group"> <input type="submit" name="submit" class="btn btn-submit" value="Submit"> </div> </form> </div> </div> <div class="col-sm-12"> <div class="copyright-text text-center"> <p>&copy; Your Company 2014. All Rights Reserved.</p> <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a> </p> </div> </div> </div> </div> </footer> <!--/#footer--> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/js/jquery.js"></script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/js/bootstrap.min.js"></script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/js/lightbox.min.js"></script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/js/wow.min.js"></script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/js/main.js"></script></body></html>
+

Revision as of 22:40, 6 September 2016

HYPE IT - Valencia UPV

MODEL

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque.

PHOTO GALLERY

© All Rights Reserved, Company LTD