Difference between revisions of "Team:Edinburgh UG"

 
(343 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:Edinburgh_UG/Templates/NavigationBar}}
 +
 
<html>
 
<html>
−
<head>
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
 
−
<!-- Css link -->
 
−
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/owlCarousel?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/owlTransitions?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/animate?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/lightbox?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/bootstrap?action=raw&amp;ctype=text/css?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/preloader?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/image?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/icon?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/style?action=raw&amp;ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/responsive?action=raw&amp;ctype=text/css">
 
  
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/bootstrapJS?action=raw&ctype=text/javascript"></script>
+
<head>
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jquery1113?action=raw&ctype=text/javascript"></script>
+
    <meta name="viewport" content="width=device-width,initial-scale=1">
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/wayPoints?action=raw&ctype=text/javascript"></script>
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/lightboxJS?action=raw&ctype=text/javascript"></script>
+
    <link rel="stylesheet" href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css">
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jqueryCounterUp?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/owlCarouselJS?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/html5lightbox?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jqueryMixItUp?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/wowJS?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jqueryScrollUp?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jquerySticky?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jqueryNav?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/jqueryMain?action=raw&ctype=text/javascript"></script>
+
  
−
</head>
 
−
<body id="top">
 
−
 
  
−
        <header id="navigation" class="navbar-fixed-top animated-header">
+
    <!-- External CSS for navbar, footer and page. -->
−
            <div class="container">
+
−
                <div class="navbar-header">
+
−
                    <!-- responsive nav button -->
+
−
<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>
+
−
<!-- /responsive nav button -->
+
−
+
−
<!-- logo -->
+
−
<h1 class="navbar-brand">
+
−
<a href="#body"><img src="img/logo.png" height="40" width="164" alt=""></a>
+
−
</h1>
+
−
<!-- /logo -->
+
−
                </div>
+
  
−
<!-- main nav -->
+
    <style>
−
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
        /* Max Width must be the max width of the carousel... */
−
                    <ul id="nav" class="nav navbar-nav menu">
+
        .same-width {
−
                        <li><a href="#top">Home</a></li>
+
            width: 70%;
−
                        <li><a href="#features">Service</a></li>
+
            max-width: 55em;
−
                        <li><a href="#portfolio">Portfolio</a></li>
+
        }
−
                        <li><a href="#team">Team</a></li>
+
       
−
                        <li><a href="#pricing-table">Price</a></li>
+
        .carousel-control.left,
−
                        <li><a href="#blog">Blog</a></li>
+
        .carousel-control.right {
−
                        <li><a href="#testimonial">Testimonial</a></li>
+
            background-image: none
−
                        <li><a href="#contact-form">Contact</a></li>
+
        }
−
                    </ul>
+
       
−
                </nav>
+
        #carousel {
−
<!-- /main nav -->
+
            border-style: solid;
−
+
            border-width: 5pt;
−
            </div>
+
        }
−
        </header>
+
       
 +
        /*CSS for the sponsor us images. */
 +
        .sponsor img {
 +
            display: inline;
 +
            max-width: 6.5em;
 +
            height: auto;
 +
            margin: 10px;
 +
        }
 +
/* Putting the carousel indicators outside the carousel: */
 +
.carousel-indicators {
 +
  bottom:-2.5em;
 +
  width: auto;
 +
  margin-left: 0;
 +
  left: 20.5em;
 +
}
  
 +
.carousel-inner {
 +
}
  
−
<div class="wrapper">
+
.carousel-indicators li {
−
<section id="banner">
+
  background-color: white;
−
<div class="container">
+
  border-color: black;
−
<div class="row">
+
  border-width: 2.5pt;
−
<div class="col-md-12">
+
}
−
<div class="block">
+
.carousel-indicators .active {
−
<h1>Clean and Flexible Business Template</h1>
+
  background-color: black;
−
<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <br> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</h2>
+
  border-color: black;
−
<div class="buttons">
+
  border-width: 2.5pt;
−
<a href="#" class="btn btn-learn">Purchase Now</a>
+
}
−
<a href="#" class="btn btn-learn">View Featurese</a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="scrolldown">
+
−
            <a id="scroll" href="#features" class="scroll"></a>
+
−
        </div>
+
−
</section>
+
−
<section id="features">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<div class="title">
+
−
<h2>OUR BEST SERVICES</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="row">
+
−
<div class="col-md-4 col-xs-6 col-sm-6">
+
−
<div class="feature-block text-center">
+
−
<div class="icon-box">
+
−
<i class="ion-easel"></i>
+
−
</div>
+
−
<h4 class="wow fadeInUp" data-wow-delay=".3s">Responsive Design</h4>
+
−
<p class="wow fadeInUp" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisic-<br>ing elit, sed do eiusmod tempor incididunt ut <br> labore et dolore magna aliqua. Ut enim ad minim</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 col-sm-6">
+
−
<div class="feature-block text-center">
+
−
<div class="icon-box">
+
−
<i class="ion-paintbucket"></i>
+
−
</div>
+
−
<h4 class="wow fadeInUp" data-wow-delay=".3s">Outstanding Animation</h4>
+
−
<p class="wow fadeInUp" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisic-<br>ing elit, sed do eiusmod tempor incididunt ut <br> labore et dolore magna aliqua. Ut enim ad minim</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 col-sm-6">
+
−
<div class="feature-block text-center">
+
−
<div class="icon-box">
+
−
<i class="ion-paintbrush"></i>
+
−
</div>
+
−
<h4 class="wow fadeInUp" data-wow-delay=".3s">Unlimited Colors</h4>
+
−
<p class="wow fadeInUp" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisic-<br>ing elit, sed do eiusmod tempor incididunt ut <br> labore et dolore magna aliqua. Ut enim ad minim</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="counter">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="title">
+
−
<h2>FUN FACTS</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-6">
+
−
<div class="block wow fadeInRight" data-wow-delay=".3s">
+
−
<i class="ion-code"></i>
+
−
<p class="count-text">
+
−
<span class="counter-digit">136800 </span> k
+
−
</p>
+
−
<p>Lines Coded</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-6">
+
−
<div class="block wow fadeInRight" data-wow-delay=".5s">
+
−
<i class="ion-compass"></i>
+
−
<p class="count-text">
+
−
<span class="counter-digit">7800 </span> +
+
−
</p>
+
−
<p>Lines Coded</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-6">
+
−
<div class="block wow fadeInRight" data-wow-delay=".7s">
+
−
<i class="ion-compose"></i>
+
−
<p class="count-text">
+
−
<span class="counter-digit">399</span>
+
−
</p>
+
−
<p>Lines Coded</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 col-xs-6">
+
−
<div class="block wow fadeInRight" data-wow-delay=".9s">
+
−
<i class="ion-image"></i>
+
−
<p class="count-text">
+
−
<span class="counter-digit">9995</span>
+
−
</p>
+
−
<p>Lines Coded</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="portfolio">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<div class="title">
+
−
<h2>LATEST WORKS</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
<div class="block">
+
−
<div class="recent-work-mixMenu">
+
−
<ul>
+
−
<li><button class="filter" data-filter="all">All</button></li>
+
−
<li><button class="filter" data-filter=".category-2">Printing</button></li>
+
−
<li><button class="filter" data-filter=".category-1">Web</button></li>
+
−
<li><button class="filter" data-filter=".category-2">Illustration</button></li>
+
−
<li><button class="filter" data-filter=".category-1">Media</button></li>
+
−
</ul>
+
−
</div>
+
−
<div class="recent-work-pic">
+
−
<ul id="mixed-items">
+
−
<li class="mix category-1 col-md-4 col-xs-6" data-my-order="1">
+
−
<a class="example-image-link" href="img/work1.jpg" data-lightbox="example-set">
+
−
<img class="img-responsive" src="img/work1.jpg" alt="">
+
−
<div class="overlay">
+
−
<h3>Web design</h3>
+
−
<i class="ion-ios-plus-empty"></i>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="mix category-2 col-md-4 col-xs-6" data-my-order="2">
+
−
<a class="example-image-link" href="img/work2.jpg" data-lightbox="example-set">
+
−
<img class="img-responsive" src="img/work2.jpg" alt="">
+
−
<div class="overlay">
+
−
<h3>Web design</h3>
+
−
<i class="ion-ios-plus-empty"></i>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="mix category-1 col-md-4 col-xs-6" data-my-order="3">
+
−
<a class="example-image-link" href="img/work3.jpg" data-lightbox="example-set">
+
−
<img class="img-responsive" src="img/work3.jpg" alt="">
+
−
<div class="overlay">
+
−
<h3>Web design</h3>
+
−
<i class="ion-ios-plus-empty"></i>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="mix category-2 col-md-4 col-xs-6" data-my-order="4">
+
−
<a class="example-image-link" href="img/work4.jpg" data-lightbox="example-set">
+
−
<img class="img-responsive" src="img/work4.jpg" alt="">
+
−
<div class="overlay">
+
−
<h3>Web design</h3>
+
−
<i class="ion-ios-plus-empty"></i>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="mix category-1 col-md-4 col-xs-6" data-my-order="5">
+
−
<a class="example-image-link" href="img/work5.jpg" data-lightbox="example-set">
+
−
<img class="img-responsive" src="img/work5.jpg" alt="">
+
−
<div class="overlay">
+
−
<h3>Web design</h3>
+
−
<i class="ion-ios-plus-empty"></i>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="mix category-2 col-md-4 col-xs-6" data-my-order="6">
+
−
<a class="example-image-link" href="img/work6.jpg" data-lightbox="example-set">
+
−
<img class="img-responsive" src="img/work6.jpg" alt="">
+
−
<div class="overlay">
+
−
<h3>Web design</h3>
+
−
<i class="ion-ios-plus-empty"></i>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="play-video">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<div class="block">
+
−
<h2 class="wow fadeInUp" data-wow-delay=".3s">GET THE TEMPLATE</h2>
+
−
<p class="wow fadeInUp" data-wow-delay=".5s">Dantes remained confused and silent by this explanation of the </p>
+
−
<a href="https://vimeo.com/channels/staffpicks/145743834" class="html5lightbox" data-width=800 data-height=400>
+
−
<div class="button ion-ios-play-outline wow zoomIn" data-wow-delay=".3s"></div>
+
−
</a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="team">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="title">
+
−
<h2>CREATIVE TEAM</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4 col-xs-6">
+
−
<div class="block wow fadeInLeft" data-wow-delay=".3s">
+
−
<img src="img/team-img1.jpg" alt="">
+
−
<div class="team-overlay">
+
−
<h3>ROBERT SMITH <span>Product Designer</span></h3>
+
−
<span class="icon"><i class="ion-quote"></i></span>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4  col-sm-4 col-xs-6">
+
−
<div class="block wow fadeInLeft" data-wow-delay=".6s">
+
−
<img src="img/team-img2.jpg" alt="">
+
−
<div class="team-overlay">
+
−
<h3>ROBERT SMITH <span>Product Designer</span></h3>
+
−
<span class="icon"><i class="ion-quote"></i></span>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4  col-sm-4 col-xs-6">
+
−
<div class="block wow fadeInLeft" data-wow-delay=".9s">
+
−
<img src="img/team-img3.jpg" alt="">
+
−
<div class="team-overlay">
+
−
<h3>ROBERT SMITH <span>Product Designer</span></h3>
+
−
<span class="icon"><i class="ion-quote"></i></span>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="pricing-table">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="title">
+
−
<h2>PRICING TABLE</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
<div class="col-md-4 col">
+
−
<div class="block text-center wow fadeInLeft" data-wow-delay=".3s">
+
−
<ul>
+
−
<li>
+
−
<h4>STARTER PACK</h4>
+
−
<p>&#36; 40 <span>/Month</span></p>
+
−
</li>
+
−
<li><p>Unlimited Downloads</p></li>
+
−
<li><p>Unlimited Uploads</p></li>
+
−
<li><p>Unlimited Email Accounts</p></li>
+
−
<li><p> Email Forwards </p></li>
+
−
<li><p>Cloud Storage</p></li>
+
−
<li><p>Screen Share</p></li>
+
−
<li>
+
−
<a href="#" class="btn btn-buy">BUY NOW</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col">
+
−
<div class="block text-center wow zoomIn" data-wow-delay=".3s">
+
−
<ul>
+
−
<li>
+
−
<h4>STARTER PACK</h4>
+
−
<p>&#36; 40 <span>/Month</span></p>
+
−
</li>
+
−
<li><p>Unlimited Downloads</p></li>
+
−
<li><p>Unlimited Uploads</p></li>
+
−
<li><p>Unlimited Email Accounts</p></li>
+
−
<li><p> Email Forwards </p></li>
+
−
<li><p>Cloud Storage</p></li>
+
−
<li><p>Screen Share</p></li>
+
−
<li>
+
−
<a href="#" class="btn btn-buy">BUY NOW</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col">
+
−
<div class="block text-center wow fadeInRight" data-wow-delay=".3s">
+
−
<ul>
+
−
<li>
+
−
<h4>STARTER PACK</h4>
+
−
<p>&#36; 40 <span>/Month</span></p>
+
−
</li>
+
−
<li><p>Unlimited Downloads</p></li>
+
−
<li><p>Unlimited Uploads</p></li>
+
−
<li><p>Unlimited Email Accounts</p></li>
+
−
<li><p> Email Forwards </p></li>
+
−
<li><p>Cloud Storage</p></li>
+
−
<li><p>Screen Share</p></li>
+
−
<li>
+
−
<a href="#" class="btn btn-buy">BUY NOW</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
  
−
<section id="blog">
+
.carousel-control.left {
−
<div class="container">
+
  margin-left: -4.5em;
−
<div class="row">
+
  color: black;
−
<div class="col-md-12">
+
}
−
<div class="title">
+
−
<h2>Blog</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
<div id="blog-post" class="owl-carousel">
+
−
<div>
+
−
<div class="block">
+
−
<img src="img/blog/blog-1.jpg" alt="" class="img-responsive">
+
−
<div class="content">
+
−
<h4><a href="blog.html">Hey,This is a blog title</a></h4>
+
−
<small>By admin / Sept 18, 2014</small>
+
−
<p>
+
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
+
−
</p>
+
−
<a href="blog.html" class="btn btn-read">Read More</a>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div>
+
−
<div class="block">
+
−
<img src="img/blog/blog-2.jpg" alt="" class="img-responsive">
+
−
<div class="content">
+
−
<h4><a href="blog.html">Hey,This is a blog title</a></h4>
+
−
<small>By admin / Sept 18, 2014</small>
+
−
<p>
+
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
+
−
</p>
+
−
<a href="blog.html" class="btn btn-read">Read More</a>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div>
+
−
<div class="block">
+
−
<img src="img/blog/blog-3.jpg" alt="" class="img-responsive">
+
−
<div class="content">
+
−
<h4><a href="blog.html">Hey,This is a blog title</a></h4>
+
−
<small>By admin / Sept 18, 2014</small>
+
−
<p>
+
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
+
−
</p>
+
−
<a href="blog.html" class="btn btn-read">Read More</a>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div>
+
−
<div class="block">
+
−
<img src="img/blog/blog-4.jpg" alt="" class="img-responsive">
+
−
<div class="content">
+
−
<h4><a href="blog.html">Hey,This is a blog title</a></h4>
+
−
<small>By admin / Sept 18, 2014</small>
+
−
<p>
+
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
+
−
</p>
+
−
<a href="blog.html" class="btn btn-read">Read More</a>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div>
+
−
<div class="block">
+
−
<img src="img/blog/blog-1.jpg" alt="" class="img-responsive">
+
−
<div class="content">
+
−
<h4><a href="blog.html">Hey,This is a blog title</a></h4>
+
−
<small>By admin / Sept 18, 2014</small>
+
−
<p>
+
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
+
−
</p>
+
−
<a href="blog.html" class="btn btn-read">Read More</a>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
  
 +
.carousel-control.right {
 +
  margin-right: -4.5em;
 +
  color: black;
 +
}
  
 +
.carousel .carousel-control{
 +
  opacity: 1;
 +
}
  
 +
    </style>
 +
</head>
  
−
<section id="testimonial">
+
<body>
−
<div class="container">
+
    <!-- Preloading hidden images. -->
−
<div class="row">
+
    <div class="hidden">
−
<div class="title">
+
        <script type="text/javascript">
−
<h2>TESTIMONIAL</h2>
+
            <!--//--><![CDATA[//><!--
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
        var images = new Array()
−
</div>
+
−
<div class="col col-md-6">
+
−
<div class="media wow fadeInLeft" data-wow-delay=".3s">
+
−
  <div class="media-left">
+
−
    <a href="#">
+
−
      <img src="img/service-img.png" alt="">
+
−
    </a>
+
−
  </div>
+
−
  <div class="media-body">
+
−
    <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
+
−
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo</p>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
<div class="col col-md-6">
+
−
<div class="media wow fadeInRight" data-wow-delay=".3s">
+
−
  <div class="media-left">
+
−
    <a href="#">
+
−
      <img src="img/service-img.png" alt="">
+
−
    </a>
+
−
  </div>
+
−
  <div class="media-body">
+
−
    <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
+
−
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo</p>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
<div class="col col-md-6">
+
−
<div class="media wow fadeInLeft" data-wow-delay=".3s">
+
−
  <div class="media-left">
+
−
    <a href="#">
+
−
      <img src="img/service-img.png" alt="">
+
−
    </a>
+
−
  </div>
+
−
  <div class="media-body">
+
−
    <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
+
−
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo</p>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
<div class="col col-md-6">
+
−
<div class="media wow fadeInRight" data-wow-delay=".3s">
+
−
  <div class="media-left">
+
−
    <a href="#">
+
−
      <img src="img/service-img.png" alt="">
+
−
    </a>
+
−
  </div>
+
−
  <div class="media-body">
+
−
    <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
+
−
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo</p>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="client-logo">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<div class="block">
+
−
<div id="Client_Logo" class="owl-carousel">
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo1.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo2.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo3.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo4.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo5.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo6.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo1.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo2.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo3.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo4.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo5.jpg" alt=""></a>
+
−
</div>
+
−
<div>
+
−
<a href="#"><img class="img-responsive" src="img/clientLogo/client-logo6.jpg" alt=""></a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="contact-form">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="title">
+
−
<h2>CONTACT US</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</div>
+
−
<div class="col-md-6 col">
+
  
−
</div>
+
            function preload() {
−
<div class="col-md-6">
+
                for (i = 0; i < preload.arguments.length; i++) {
−
<form>
+
                    images[i] = new Image()
−
                            <input type="text" class="form-control" placeholder="Name">
+
                    images[i].src = preload.arguments[i]
−
                            <input type="text" class="form-control" placeholder="Email">
+
                }
−
                            <textarea class="form-control" rows="3" placeholder="Message"></textarea>
+
            }
−
                            <button class="btn btn-default" type="submit">SEND</button>
+
            preload(
−
                        </form>
+
                "https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg",
−
</div>
+
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg",
−
</div>
+
                "https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg",
−
</div>
+
                "https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg",
−
</section>
+
                "https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg",
−
<footer>
+
                "https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg",
−
<div class="container">
+
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg",
−
<div class="row">
+
                "https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg",
−
<div class="col-md-12">
+
                "https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg"
−
<div class="block">
+
            )
−
<a href="#"><img src="img/logo.png" alt=""></a>
+
          //--><!]]>
−
<p>All rights reserved © 2015</p>
+
        </script>
−
</div>
+
    </div>
−
</div>
+
 
−
</div>
+
    <br><br><br><br><br>
−
</div>
+
 
−
</footer>
+
    <!-- Logo -->
−
</div>
+
    <center>
−
</body>
+
        <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Edinburgh_UG--Smore_Main.svg" class="same-width">
 +
        <h2 style="text-align:centre; font-size: 30px; margin-top: 40px;"> Project Introduction
 +
    </center>
 +
 
 +
    <br><br><br>
 +
 
 +
    <!-- Carousel -->
 +
    <div style="text-align: center">
 +
        <div id="carousel" class="carousel slide same-width" data-ride="carousel" style="margin-left: auto; margin-right: auto">
 +
            <!-- Menu -->
 +
            <div style="margin: 0 auto; width: 100px; margin-left: 0px;">
 +
            <ol class="carousel-indicators">
 +
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
 +
                <li data-target="#carousel" data-slide-to="1"></li>
 +
                <li data-target="#carousel" data-slide-to="2"></li>
 +
                <li data-target="#carousel" data-slide-to="3"></li>
 +
                <li data-target="#carousel" data-slide-to="4"></li>
 +
                <li data-target="#carousel" data-slide-to="5"></li>
 +
            </ol></div>
 +
 
 +
            <!-- Items -->
 +
            <div class="carousel-inner">
 +
 
 +
                <div class="item active">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Edinburgh_UG--Carousel1.svg" alt="Slide 1" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5d/T--Edinburgh_UG--Carousel2.svg" alt="Slide 2" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/4/42/T--Edinburgh_UG--Carousel3.svg" alt="Slide 3" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Edinburgh_UG--Carousel4.svg" alt="Slide 4" />
 +
                </div>
 +
                <div class="item">
 +
                    <img src="https://static.igem.org/mediawiki/2017/2/28/T--Edinburgh_UG--Carousel5.svg" alt="Slide 5" />
 +
                </div>
 +
                <div class="item">
 +
                    <a href="https://2017.igem.org/Team:Edinburgh_UG/Description">
 +
                        <img src="https://static.igem.org/mediawiki/2017/0/04/T--Edinburgh_UG--Carousel6.svg" alt="Slide 6" /></a>
 +
                </div>
 +
            </div>
 +
            <a href="#carousel" class="left carousel-control" data-slide="prev">
 +
                <span class="glyphicon glyphicon-chevron-left"></span>
 +
            </a>
 +
            <a href="#carousel" class="right carousel-control" data-slide="next">
 +
                <span class="glyphicon glyphicon-chevron-right"></span>
 +
            </a>
 +
        </div>
 +
    </center>
 +
 
 +
 
 +
            <!-- Importing jquery and Bootstrap min.js + making the carousel work. -->
 +
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
            <script>
 +
                                                    $("#carousel").carousel();
 +
            </script>
 +
</body>
 
</html>
 
</html>
 +
 +
{{:Team:Edinburgh_UG/Templates/Footer}}

Latest revision as of 05:53, 1 November 2017






Project Introduction