Difference between revisions of "Team:Edinburgh UG"

 
(342 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>
+
  
−
<style>
 
  
−
+
    <!-- External CSS for navbar, footer and page. -->
−
#home_logo, #sideMenu { display:none; }
+
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
</style>
+
    <style>
−
</head>
+
        /* Max Width must be the max width of the carousel... */
−
<body id="top">
+
        .same-width {
−
+
            width: 70%;
 +
            max-width: 55em;
 +
        }
 +
       
 +
        .carousel-control.left,
 +
        .carousel-control.right {
 +
            background-image: none
 +
        }
 +
       
 +
        #carousel {
 +
            border-style: solid;
 +
            border-width: 5pt;
 +
        }
 +
       
 +
        /*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;
 +
}
  
−
        <header id="navigation" class="navbar-fixed-top animated-header">
+
.carousel-inner {
−
            <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 -->
+
.carousel-indicators li {
−
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
  background-color: white;
−
                    <ul id="nav" class="nav navbar-nav menu">
+
  border-color: black;
−
                        <li><a href="#top">Home</a></li>
+
  border-width: 2.5pt;
−
                        <li><a href="#features">Service</a></li>
+
}
−
                        <li><a href="#portfolio">Portfolio</a></li>
+
.carousel-indicators .active {
−
                        <li><a href="#team">Team</a></li>
+
  background-color: black;
−
                        <li><a href="#pricing-table">Price</a></li>
+
  border-color: black;
−
                        <li><a href="#blog">Blog</a></li>
+
  border-width: 2.5pt;
−
                        <li><a href="#testimonial">Testimonial</a></li>
+
}
−
                        <li><a href="#contact-form">Contact</a></li>
+
−
                    </ul>
+
−
                </nav>
+
−
<!-- /main nav -->
+
−
+
−
            </div>
+
−
        </header>
+
  
 +
.carousel-control.left {
 +
  margin-left: -4.5em;
 +
  color: black;
 +
}
  
−
<div class="wrapper">
+
.carousel-control.right {
−
<section id="banner">
+
  margin-right: -4.5em;
−
<div class="container">
+
  color: black;
−
<div class="row">
+
}
−
<div class="col-md-12">
+
−
<div class="block">
+
−
<h1>Clean and Flexible Business Template</h1>
+
−
<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>
+
−
<div class="buttons">
+
−
<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 .carousel-control{
−
<div class="container">
+
  opacity: 1;
−
<div class="row">
+
}
−
<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>
+
  
 +
    </style>
 +
</head>
  
 +
<body>
 +
    <!-- Preloading hidden images. -->
 +
    <div class="hidden">
 +
        <script type="text/javascript">
 +
            <!--//--><![CDATA[//><!--
 +
        var images = new Array()
  
 +
            function preload() {
 +
                for (i = 0; i < preload.arguments.length; i++) {
 +
                    images[i] = new Image()
 +
                    images[i].src = preload.arguments[i]
 +
                }
 +
            }
 +
            preload(
 +
                "https://static.igem.org/mediawiki/2017/4/43/T--Edinburgh_UG--sponsorBronze.svg",
 +
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorBronzeHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/c/ce/T--Edinburgh_UG--sponsorSilver.svg",
 +
                "https://static.igem.org/mediawiki/2017/6/66/T--Edinburgh_UG--sponsorSilverHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/4/44/T--Edinburgh_UG--sponsorGold.svg",
 +
                "https://static.igem.org/mediawiki/2017/6/6a/T--Edinburgh_UG--sponsorGoldHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/0/09/T--Edinburgh_UG--sponsorPlatinum.svg",
 +
                "https://static.igem.org/mediawiki/2017/e/e8/T--Edinburgh_UG--sponsorPlatinumHover.svg",
 +
                "https://static.igem.org/mediawiki/2017/d/db/T--Edinburgh_UG--ContactUsHover.svg"
 +
            )
 +
          //--><!]]>
 +
        </script>
 +
    </div>
  
−
<section id="testimonial">
+
    <br><br><br><br><br>
−
<div class="container">
+
−
<div class="row">
+
−
<div class="title">
+
−
<h2>TESTIMONIAL</h2>
+
−
<p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
+
−
</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>
+
    <!-- Logo -->
−
<div class="col-md-6">
+
    <center>
−
<form>
+
        <img src="https://static.igem.org/mediawiki/2017/c/c0/T--Edinburgh_UG--Smore_Main.svg" class="same-width">
−
                            <input type="text" class="form-control" placeholder="Name">
+
        <h2 style="text-align:centre; font-size: 30px; margin-top: 40px;"> Project Introduction
−
                            <input type="text" class="form-control" placeholder="Email">
+
    </center>
−
                            <textarea class="form-control" rows="3" placeholder="Message"></textarea>
+
 
−
                            <button class="btn btn-default" type="submit">SEND</button>
+
    <br><br><br>
−
                        </form>
+
 
−
</div>
+
    <!-- Carousel -->
−
</div>
+
    <div style="text-align: center">
−
</div>
+
        <div id="carousel" class="carousel slide same-width" data-ride="carousel" style="margin-left: auto; margin-right: auto">
−
</section>
+
            <!-- Menu -->
−
<footer>
+
            <div style="margin: 0 auto; width: 100px; margin-left: 0px;">
−
<div class="container">
+
            <ol class="carousel-indicators">
−
<div class="row">
+
                <li data-target="#carousel" data-slide-to="0" class="active"></li>
−
<div class="col-md-12">
+
                <li data-target="#carousel" data-slide-to="1"></li>
−
<div class="block">
+
                <li data-target="#carousel" data-slide-to="2"></li>
−
<a href="#"><img src="img/logo.png" alt=""></a>
+
                <li data-target="#carousel" data-slide-to="3"></li>
−
<p>All rights reserved © 2015</p>
+
                <li data-target="#carousel" data-slide-to="4"></li>
−
</div>
+
                <li data-target="#carousel" data-slide-to="5"></li>
−
</div>
+
            </ol></div>
−
</div>
+
 
−
</div>
+
            <!-- Items -->
−
</footer>
+
            <div class="carousel-inner">
−
</div>
+
 
−
</body>
+
                <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