Difference between revisions of "Team:Edinburgh UG"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
<head>
−
<link href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<link href="https://2017.igem.org/Template:Edinburgh_UG/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet">
+
 +
<!-- 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://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
<script src="https://2017.igem.org/Template:Edinburgh_UG/bootstrapJS?action=raw&ctype=text/javascript"></script>
−
<script src="https://2017.igem.org/Template:Edinburgh_UG/bootstrapMinJs?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Template:Edinburgh_UG/jquery1113?action=raw&ctype=text/javascript"></script>
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
<script src="https://2017.igem.org/Template:Edinburgh_UG/wayPoints?action=raw&ctype=text/javascript"></script>
−
</head>
+
<script src="https://2017.igem.org/Template:Edinburgh_UG/lightboxJS?action=raw&ctype=text/javascript"></script>
 +
<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>
  
−
<body style="background-color: #f0eceb">
+
</head>
−
<nav class="navbar navbar-inverse">
+
<body id="top">
−
    <div class="container-fluid">
+
−
        <ul class="nav navbar-nav">
+
−
            <li class="active"><a href=/Team:Edinburgh_UG>Home</a></li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/Team>Team</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Projects<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/Description>Description</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Design>Design</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Experiments>Experiments</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Notebook>Notebook</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/InterLab>InterLab</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Contribution>Contribution</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Model>Model</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Results>Results</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Improve>Improve</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Attributions>Attributions</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/Parts>Parts</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Basic_Parts>Basic Parts</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li class="active"><a href=/Team:Edinburgh_UG/Safety>Safety</a></li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards<span class="caret"></span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Applied_Design>Applied Design</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Entrepreneurship>Entrepreneurship</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Model>Model</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Plant>Plant</a></li>
+
−
                    <li><a href=/Team:Edinburgh_UG/HP/Software>Software</a></li>
+
−
                </ul>
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
−
</nav>
+
  
 +
        <header id="navigation" class="navbar-fixed-top animated-header">
 +
            <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 -->
 +
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
                    <ul id="nav" class="nav navbar-nav menu">
 +
                        <li><a href="#top">Home</a></li>
 +
                        <li><a href="#features">Service</a></li>
 +
                        <li><a href="#portfolio">Portfolio</a></li>
 +
                        <li><a href="#team">Team</a></li>
 +
                        <li><a href="#pricing-table">Price</a></li>
 +
                        <li><a href="#blog">Blog</a></li>
 +
                        <li><a href="#testimonial">Testimonial</a></li>
 +
                        <li><a href="#contact-form">Contact</a></li>
 +
                    </ul>
 +
                </nav>
 +
<!-- /main nav -->
 +
 +
            </div>
 +
        </header>
  
−
<div class="column full_size" style="background-color: #f0eceb" >
 
  
−
<img style="max-width: 100%" src="https://static.igem.org/mediawiki/2017/c/c3/T--Edinburgh_UG--logo.png" width="100%">
+
<div class="wrapper">
 +
<section id="banner">
 +
<div class="container">
 +
<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>
  
−
<p class="topic" style="text-align:center;font-size:350%;font-family:serif">Inspiration</p>
+
<section id="blog">
−
<p class="general" style="text-align:center;font-size:170%;font-family:serif;">Many commercially important chemicals are manufactured with the help of microbes. These microbes are often genetically modified so that they are equipped with the necessary enzymes to produce those chemicals. However, there are millions of species in nature, each carrying their own version of enzymes. Which one should we choose to put into the microbes?
+
<div class="container">
−
To answer this questions, researchers normally test these enzymes – or combinations of enzymes – one by one to see if they work well in the microbe. As you may imagine, this is very labour-intensive and time-consuming, even with the help of automated systems. Therefore, we, the Homologics team, are developing a highly-adaptable method to speed up this process.</p>
+
<div class="row">
−
</div>
+
<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>
  
−
</body>
 
  
 +
 +
 +
<section id="testimonial">
 +
<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>
 +
<div class="col-md-6">
 +
<form>
 +
                            <input type="text" class="form-control" placeholder="Name">
 +
                            <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>
 +
                        </form>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<footer>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12">
 +
<div class="block">
 +
<a href="#"><img src="img/logo.png" alt=""></a>
 +
<p>All rights reserved © 2015</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 14:00, 30 June 2017

OUR BEST SERVICES

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

Responsive Design

Lorem ipsum dolor sit amet, consectetur adipisic-
ing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim

Outstanding Animation

Lorem ipsum dolor sit amet, consectetur adipisic-
ing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim

Unlimited Colors

Lorem ipsum dolor sit amet, consectetur adipisic-
ing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim

FUN FACTS

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

136800 k

Lines Coded

7800 +

Lines Coded

399

Lines Coded

9995

Lines Coded

LATEST WORKS

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

GET THE TEMPLATE

Dantes remained confused and silent by this explanation of the

<div class="button ion-ios-play-outline wow zoomIn" data-wow-delay=".3s"></div>

CREATIVE TEAM

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

ROBERT SMITH Product Designer

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

ROBERT SMITH Product Designer

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

ROBERT SMITH Product Designer

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

PRICING TABLE

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

  • STARTER PACK

    $ 40 /Month

  • Unlimited Downloads

  • Unlimited Uploads

  • Unlimited Email Accounts

  • Email Forwards

  • Cloud Storage

  • Screen Share

  • BUY NOW

  • STARTER PACK

    $ 40 /Month

  • Unlimited Downloads

  • Unlimited Uploads

  • Unlimited Email Accounts

  • Email Forwards

  • Cloud Storage

  • Screen Share

  • BUY NOW

  • STARTER PACK

    $ 40 /Month

  • Unlimited Downloads

  • Unlimited Uploads

  • Unlimited Email Accounts

  • Email Forwards

  • Cloud Storage

  • Screen Share

  • BUY NOW

Blog

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

Hey,This is a blog title

By admin / Sept 18, 2014

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!

Read More

Hey,This is a blog title

By admin / Sept 18, 2014

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!

Read More

Hey,This is a blog title

By admin / Sept 18, 2014

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!

Read More

Hey,This is a blog title

By admin / Sept 18, 2014

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!

Read More

Hey,This is a blog title

By admin / Sept 18, 2014

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!

Read More

TESTIMONIAL

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

Jonathon Andrew

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

Jonathon Andrew

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

Jonathon Andrew

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

Jonathon Andrew

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

CONTACT US

Dantes remained confused and silent by this explanation of the
thoughts which had unconsciously

All rights reserved © 2015