Difference between revisions of "Team:FSU"

 
(92 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Florida State University}}
+
{{FSU}}
<--!DOCTYPE html-->
+
<html>
<html lang="en">
+
<head>
+
<meta charset="UTF-8">
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<meta name="description" content="">
+
<meta name="author" content="">
+
<title>Florida State iGEM 2017</title>
+
<!-- Favicons-->
+
<link rel="shortcut icon" href="assets/images/favicon.png">
+
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
+
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-touch-icon-72x72.png">
+
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-touch-icon-114x114.png">
+
<!-- Web Fonts-->
+
<link href="https://fonts.googleapis.com/css?family=Poppins:500,600,700" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Hind:400,600,700" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Lora:400i" rel="stylesheet">
+
<!-- Bootstrap core CSS-->
+
<link href="http:2017.igem.org/Team:FSU/bootstrap.min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<!-- Icon Fonts-->
+
<link href="http:2017.igem.org/Team:FSU/css/font-awesome.min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/linea-arrows.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/linea-icons.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<!-- Plugins-->
+
<link href="https://2017.igem.org/Team:FSU/owl.carousel.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/flexslider.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/magnific-popup.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/vertical.min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/pace-theme-minimal.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Team:FSU/animate.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<!-- Template core CSS-->
+
<link href="https://2017.igem.org/Team:FSU/template.min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<meta name="generator" content="MediaWiki 1.24.1" />
+
<!--FIXES-->
+
<link rel="shortcut icon" href="/favicon.ico" />
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
+
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
+
<link rel="alternate" hreflang="x-default" href="/Team:FSU" />
+
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
<link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
}</script>
+
<script>if(window.mw){
+
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
}</script>
+
</head>
+
<body>
+
  
<!-- Layout-->
+
<div class="column full_size">
<div class="layout">
+
    <video controls autoplay>
 +
        <source src="https://static.igem.org/mediawiki/2017/0/02/FSU-Welcome-Video.mp4" type="video/mp4">Your browser does not support the video tag.</source>
 +
    </video>
 +
    <div class="clear extra_space"></div>
 +
    <h1 style="text-align:center; margin-top: 1.0em; margin-bottom: 0.5em;">THANK YOU TO OUR SUPPORTERS!</h1>
 +
    <h1 style="text-align:center; margin-bottom: 1.0em;">Please click on the logos to learn more about these amazing organizations.</h1>
 +
</div>
  
<!-- Header-->
+
<div class="column full_size">
<header class="header header-center">
+
<table id="sponsors" style="border:none;">
<div class="container-fluid">
+
  <tr>
<!-- Logos-->
+
  <td>
<div class="inner-header"><a class="inner-brand" href="index.html"><img class="brand-dark" src="assets/images/logo.png" width="77px" alt=""><img class="brand-light" src="assets/images/logo-light.png" width="77px" alt="">
+
        <a href="https://provost.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/3f/FSU-Office-Provost-V.png"></a>
<!-- Or simple text-->
+
    </td>
<!-- Core--></a></div>
+
  <td>
<!-- Navigation-->
+
        <a href="https://med.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/10/FSU-College-Medicine-V.png"></a>
<div class="inner-navigation collapse">
+
    </td>
<div class="inner-navigation-inline">
+
      <td>
<div class="inner-nav">
+
        <a href="http://foundation.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/36/FSU-Foundation-V.png"></a>
<ul>
+
    </td>
<!-- Home-->
+
  <td>
<li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Home</a>
+
        <a href="https://www.eng.famu.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/4/48/FAMU-FSU-College-Engineering-V.png"></a>
<div class="mega-menu">
+
    </td>
<ul class="sub-menu mega-menu-row">
+
  </tr>
<!-- Column 1-->
+
  <tr>
<li class="menu-item-has-children mega-menu-col"><a href="#">Basic</a>
+
    <td>
<ul class="sub-menu">
+
        <a href="https://www.research.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/2/24/FSU-Office-Research-V.png"></a>
<li><a href="index.html">Parallax Dark</a></li>
+
    </td>
<li><a href="index-2.html">Parallax Light</a></li>
+
    <td>
<li><a href="index-3.html">Parallax Gradient</a></li>
+
        <a href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/b/be/Ox_Neb_logo.png"></a>
<li><a href="index-4.html">Full Screen Slider</a></li>
+
    </td>
<li><a href="index-5.html">Text Rotator</a></li>
+
    <td>
<li><a href="index-23.html">Scale</a></li>
+
        <a href="https://www.idtdna.com/site" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/db/Ox_Idt_logo.png"></a>
<li><a href="index-24.html">Scale & opacity</a></li>
+
    </td>
<li><a href="index-27.html">Flexslider</a></li>
+
    <td>
<li><a href="index-28.html">Ken burns Slider</a></li>
+
        <a href="https://film.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/50/FSU-College-Motion-Picture-Arts.png"></a>
<li><a href="index-29.html">Ripples Full Screen</a></li>
+
    </td>
</ul>
+
  </tr>
</li>
+
  <tr>
<!-- Column 2-->
+
    <td>
<li class="menu-item-has-children mega-menu-col"><a href="#">Special</a>
+
        <a href="http://www.colab.thepodadvertising.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/0d/FSU-Colab.png"></a>
<ul class="sub-menu">
+
    </td>
<li><a href="index-18.html">One Page</a></li>
+
    <td>
<li><a href="index-26.html">One Page 2</a></li>
+
        <a href="https://business.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/d9/FSU-College-Business-V.png"></a>
<li><a href="index-21.html">Business</a></li>
+
    </td>
<li><a href="index-22.html">Startup</a></li>
+
    <td>
<li><a href="index-19.html">Portfolio Masonry</a></li>
+
        <a href="https://artsandsciences.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/7/7b/FSU-College-Arts-Sciences-V.png"></a>
<li><a href="index-20.html">Freelance Designer</a></li>
+
    </td>
<li><a href="index-25.html">New Agency</a></li>
+
    <td>
</ul>
+
        <a href="http://polisci.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/6/68/FSU-College-Social-Sciences-and-Public-Policy.png"></a>
</li>
+
    </td>
<!-- Column 3-->
+
  </tr>
<li class="menu-item-has-children mega-menu-col"><a href="#">Video</a>
+
  <tr>
<ul class="sub-menu">
+
    <td>
<li><a href="index-7.html">Youtube Dark</a></li>
+
        <a href="http://www.marpan.com" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/00/FSU-marpan-logo.png"></a>
<li><a href="index-8.html">Youtube Light</a></li>
+
    </td>
<li><a href="index-9.html">Youtube Gradient</a></li>
+
    <td>
<li><a href="index-10.html">Vimeo Dark</a></li>
+
        <a href="http://jimmoranschool.fsu.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/02/FSU-Jim-Moran-School-Entrepreneurship-V.png"></a>
<li><a href="index-11.html">Vimeo Light</a></li>
+
    </td>
<li><a href="index-12.html">Vimeo Gradient</a></li>
+
    <td></td>
<li><a href="index-6.html">Local Video</a></li>
+
    <td></td>
</ul>
+
    <td></td>
</li>
+
  </tr>
<!-- Column 4-->
+
</table>
<li class="menu-item-has-children mega-menu-col"><a href="#">Small</a>
+
</div>
<ul class="sub-menu">
+
<li><a href="index-13.html">Dark Small</a></li>
+
<li><a href="index-14.html">Light Small</a></li>
+
<li><a href="index-15.html">Gradient Small</a></li>
+
<li><a href="index-16.html">Youtube Small</a></li>
+
<li><a href="index-17.html">Vimeo Small</a></li>
+
<li><a href="index-30.html">Ripples</a></li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</li>
+
<!-- Home end-->
+
<!-- Pages-->
+
<li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Pages</a>
+
<div class="mega-menu">
+
<ul class="sub-menu mega-menu-row">
+
<!-- Column 1-->
+
<li class="menu-item-has-children mega-menu-col"><a href="#">Basic</a>
+
<ul class="sub-menu">
+
<li><a href="about.html">About Us 1</a></li>
+
<li><a href="about-2.html">About Us 2</a></li>
+
<li><a href="services.html">Services 1</a></li>
+
<li><a href="services-2.html">Services 2</a></li>
+
<li><a href="services-3.html">Services 3</a></li>
+
<li><a href="pricing-1.html">Pricing</a></li>
+
<li><a href="faq.html">FAQ</a></li>
+
</ul>
+
</li>
+
<!-- Column 2-->
+
<li class="menu-item-has-children mega-menu-col"><a href="#">Secondary</a>
+
<ul class="sub-menu">
+
<li><a href="contact-1.html">Contact</a></li>
+
<li><a href="contact-2.html">Map Contact</a></li>
+
<li><a href="contact-3.html">Image Contact</a></li>
+
<li><a href="nav-left.html">Left Nav</a></li>
+
<li><a href="index.html">Center Nav</a></li>
+
<li><a href="nav-right.html">Right Nav</a></li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</li>
+
<!-- Pages end-->
+
<!-- Portfolio-->
+
<li class="menu-item-has-children"><a href="#">Human Practives</a>
+
<ul class="sub-menu">
+
<li class="menu-item-has-children"><a href="#">Outreach</a>
+
<ul class="sub-menu">
+
<li><a href="portfolio-classic-2-col.html">Education</a></li>
+
<li><a href="portfolio-classic-3-col.html">Comunity Involvement</a></li>
+
</ul>
+
</li>
+
<li class="menu-item-has-children"><a href="#">Patient Research</a>
+
<ul class="sub-menu">
+
<li><a href="portfolio-grid-3-col.html">What We Learned</a></li>
+
<li><a href="portfolio-grid-4-col.html">How It Was Applied to Our Project</a></li>
+
</ul>
+
</li>
+
<li class="menu-item-has-children"><a href="#">Masonry</a>
+
<ul class="sub-menu">
+
<li><a href="portfolio-masonry-3-col.html">3 Columns</a></li>
+
<li><a href="portfolio-masonry-4-col.html">4 Columns</a></li>
+
</ul>
+
</li>
+
<li class="menu-item-has-children"><a href="#">Standard</a>
+
<ul class="sub-menu">
+
<li><a href="portfolio-standard-3-col.html">3 Columns</a></li>
+
<li><a href="portfolio-standard-4-col.html">4 Columns</a></li>
+
</ul>
+
</li>
+
<li class="menu-item-has-children"><a href="#">Single Work</a>
+
<ul class="sub-menu">
+
<li><a href="portfolio-single-1.html">Small Images</a></li>
+
<li><a href="portfolio-single-2.html">Small Slider</a></li>
+
<li><a href="portfolio-single-3.html">Big Images</a></li>
+
<li><a href="portfolio-single-4.html">Big Slider</a></li>
+
<li><a href="portfolio-single-5.html">Gallery</a></li>
+
</ul>
+
</li>
+
</ul>
+
</li>
+
<!-- Portfolio end-->
+
<!-- Blog-->
+
<li class="menu-item-has-children"><a href="#">Blog</a>
+
<ul class="sub-menu">
+
<li class="menu-item-has-children"><a href="#">Classic</a>
+
<ul class="sub-menu">
+
<li><a href="blog.html">Sidebar Right</a></li>
+
<li><a href="blog-2.html">Sidebar Left</a></li>
+
<li><a href="blog-3.html">Full width <span class="label label-brand">New</span></a></li>
+
</ul>
+
</li>
+
<li class="menu-item-has-children"><a href="#">Grid</a>
+
<ul class="sub-menu">
+
<li><a href="blog-grid.html">2 Columns</a></li>
+
<li><a href="blog-grid-2.html">3 Columns</a></li>
+
</ul>
+
</li>
+
<li class="menu-item-has-children"><a href="#">Masonry</a>
+
<ul class="sub-menu">
+
<li><a href="blog-masonry.html">2 Columns</a></li>
+
<li><a href="blog-masonry-2.html">3 Columns</a></li>
+
</ul>
+
</li>
+
<li><a href="blog-magazine.html">Magazine <span class="label label-brand">New</span></a></li>
+
<li class="menu-item-has-children"><a href="#">Single Post</a>
+
<ul class="sub-menu">
+
<li><a href="blog-single.html">Single Post 1</a></li>
+
<li><a href="blog-single-2.html">Single Post 2</a></li>
+
</ul>
+
</li>
+
</ul>
+
</li>
+
<!-- Blog end-->
+
<!-- Shop-->
+
<li class="menu-item-has-children"><a href="#">Shop</a>
+
<ul class="sub-menu">
+
<li><a href="shop-masonry.html">Shop Masonry</a></li>
+
<li><a href="shop-grid-2.html">Shop 2 Columns</a></li>
+
<li><a href="shop-grid-3.html">Shop 3 Columns</a></li>
+
<li><a href="shop-grid-4.html">Shop 4 Columns</a></li>
+
<li><a href="shop-product.html">Single Product</a></li>
+
<li><a href="shop-checkout.html">Checkout</a></li>
+
</ul>
+
</li>
+
<!-- Shop end-->
+
<!-- Mega menu-->
+
<li class="menu-item-has-children menu-item-has-mega-menu"><a href="#">Shortcodes</a>
+
<div class="mega-menu">
+
<ul class="sub-menu mega-menu-row">
+
<!-- Column 1-->
+
<li class="menu-item-has-children mega-menu-col"><a href="#">Group 1</a>
+
<ul class="sub-menu">
+
<li><a href="shortcodes-buttons.html"><i class="fa fa-link"></i> Buttons</a></li>
+
<li><a href="shortcodes-tabs.html"><i class="fa fa-columns"></i> Tabbed Content</a></li>
+
<li><a href="shortcodes-bars.html"><i class="fa fa-tachometer"></i> Progress Bars</a></li>
+
<li><a href="shortcodes-accordions.html"><i class="fa fa-plus-circle"></i> Accordions</a></li>
+
<li><a href="shortcodes-alerts.html"><i class="fa fa-columns"></i> Alerts</a></li>
+
<li><a href="shortcodes-forms.html"><i class="fa fa-align-justify"></i> Form Inputs</a></li>
+
<li><a href="shortcodes-iconbox.html"><i class="fa fa-th-large"></i> Icon Boxes</a></li>
+
</ul>
+
</li>
+
<!-- Column 2-->
+
<li class="menu-item-has-children mega-menu-col"><a href="#">Group 2</a>
+
<ul class="sub-menu">
+
<li><a href="shortcodes-modals.html"><i class="fa fa-search-plus"></i> Modals</a></li>
+
<li><a href="shortcodes-modules.html"><i class="fa fa-object-ungroup"></i> Parallax</a></li>
+
<li><a href="shortcodes-pricing.html"><i class="fa fa-dollar"></i> Pricing Options</a></li>
+
<li><a href="shortcodes-piechart.html"><i class="fa fa-pie-chart"></i> Pie charts</a></li>
+
<li><a href="shortcodes-clients.html"><i class="fa fa-diamond"></i> Clients</a></li>
+
<li><a href="shortcodes-sliders.html"><i class="fa fa-image"></i> Sliders</a></li>
+
<li><a href="shortcodes-widgets.html"><i class="fa fa-heart"></i> Widgets</a></li>
+
</ul>
+
</li>
+
<!-- Column 3-->
+
<li class="menu-item-has-children mega-menu-col"><a href="#">Group 3</a>
+
<ul class="sub-menu">
+
<li><a href="shortcodes-grid.html"><i class="fa fa-table"></i> Grid</a></li>
+
<li><a href="shortcodes-typography.html"><i class="fa fa-font"></i> Typography</a></li>
+
<li><a href="shortcodes-video.html"><i class="fa fa-youtube-play"></i> Video Players</a></li>
+
<li><a href="shortcodes-video-backgrounds.html"><i class="fa fa-youtube-play"></i> Video Backgrounds</a></li>
+
<li><a href="shortcodes-special-headings.html"><i class="fa fa-header"></i> Special Headings</a></li>
+
<li><a href="shortcodes-testimonials.html"><i class="fa fa-send"></i> Testimonials</a></li>
+
<li><a href="shortcodes-chart.html"><i class="fa fa-line-chart"></i> Chart</a></li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</li>
+
<!-- Mega menu end-->
+
<!-- Simple-->
+
<li><a href="start.html">All Demos</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
<!-- Extra menu-->
+
<div class="extra-nav">
+
<ul>
+
<li><a class="open-offcanvas" href="#"><span>Menu</span><span class="fa fa-bars"></span></a></li>
+
</ul>
+
</div>
+
<!-- Mobile menu-->
+
<div class="nav-toogle"><a href="#" data-toggle="collapse" data-target=".inner-navigation"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a></div>
+
</div>
+
</header>
+
<!-- Header end-->
+
  
<!-- Wrapper-->
 
<div class="wrapper">
 
 
<!-- Page Header-->
 
<section class="flexslider kenburns full-height">
 
<ul class="slides">
 
<li class="bg-dark bg-dark-30">
 
<div class="slide-background" data-background="assets/images/module-21.jpg"></div>
 
<div class="container">
 
<div class="row">
 
<div class="col-md-12">
 
<h1 class="h1">Florida State University</h1>
 
<h1 class="h1 m-b-20">iGEM 2017</h1>
 
<p class="m-b-40">OVER AND OUT</p>
 
<p><a class="btn btn-circle btn-lg btn-brand" href="#">< Press Play ></a></p>
 
</div>
 
</div>
 
</div>
 
</li>
 
<li class="bg-dark bg-dark-30">
 
<div class="slide-background" data-background="assets/images/module-26.jpg"></div>
 
<div class="container">
 
<div class="row">
 
<div class="col-md-12">
 
<h1 class="h1">Core Template</h1>
 
<h1 class="h1 m-b-20">Unleash Your Potential</h1>
 
<p class="m-b-40">Core is elegant website template based on Bootstrap 4 framework.</p>
 
<p><a class="btn btn-circle btn-lg btn-brand" href="#">Let’s get started!</a></p>
 
</div>
 
</div>
 
</div>
 
</li>
 
</ul>
 
</section>
 
<!-- Page Header end-->
 
 
<!-- Services-->
 
<section class="module">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-3">
 
<div class="icon-box text-center">
 
<div class="icon-box-icon"><span class="icon icon-basic-pencil-ruler"></span></div>
 
<div class="icon-box-title">
 
<h6>Excellent Designs</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
 
</div>
 
<div class="icon-box-link"><a href="#">Take a tour</a></div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="icon-box text-center">
 
<div class="icon-box-icon"><span class="icon icon-basic-paperplane"></span></div>
 
<div class="icon-box-title">
 
<h6>Fully Responsive</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
 
</div>
 
<div class="icon-box-link"><a href="#">Take a tour</a></div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="icon-box text-center">
 
<div class="icon-box-icon"><span class="icon icon-basic-heart"></span></div>
 
<div class="icon-box-title">
 
<h6>User Friendly</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
 
</div>
 
<div class="icon-box-link"><a href="#">Take a tour</a></div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="icon-box text-center">
 
<div class="icon-box-icon"><span class="icon icon-basic-server-download"></span></div>
 
<div class="icon-box-title">
 
<h6>Free Updates</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam lorem ipsum dolor sit amet.</p>
 
</div>
 
<div class="icon-box-link"><a href="#">Take a tour</a></div>
 
</div>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-md-12">
 
<div class="m-b-100"></div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Services end-->
 
 
<!-- Notebooks-->
 
<section class="module module-gray p-0">
 
<div class="container-fluid">
 
<div class="row">
 
<div class="col-md-12 text-center"><img class="bb" src="assets/images/notebooks.png" alt=""></div>
 
</div>
 
</div>
 
</section>
 
<!-- Notebooks end-->
 
 
<!-- Bars-->
 
<section class="module module-gray p-t-0">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-6">
 
<div class="progress-item">
 
<div class="progress-title">Gulp</div>
 
<div class="progress">
 
<div class="progress-bar progress-bar-brand" aria-valuenow="60" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
 
</div>
 
</div>
 
<div class="progress-item">
 
<div class="progress-title">UX Design</div>
 
<div class="progress">
 
<div class="progress-bar progress-bar-brand" aria-valuenow="80" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
 
</div>
 
</div>
 
<div class="progress-item">
 
<div class="progress-title">HTML / CSS3 / SASS</div>
 
<div class="progress">
 
<div class="progress-bar progress-bar-brand" aria-valuenow="50" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-6">
 
<div class="progress-item">
 
<div class="progress-title">Gulp</div>
 
<div class="progress">
 
<div class="progress-bar progress-bar-brand" aria-valuenow="60" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
 
</div>
 
</div>
 
<div class="progress-item">
 
<div class="progress-title">UX Design</div>
 
<div class="progress">
 
<div class="progress-bar progress-bar-brand" aria-valuenow="80" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
 
</div>
 
</div>
 
<div class="progress-item">
 
<div class="progress-title">HTML / CSS3 / SASS</div>
 
<div class="progress">
 
<div class="progress-bar progress-bar-brand" aria-valuenow="50" role="progressbar" aria-valuemin="0" aria-valuemax="100"><span class="pb-number-box"><span class="pb-number"></span>%</span></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Bars end-->
 
 
<!-- Portfolio-->
 
<section class="module p-b-0">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-8 offset-md-2">
 
<div class="module-title text-center">
 
<h2>Case Studies</h2>
 
<p class="font-serif">An eye for detail makes our works excellent.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Portfolio-->
 
<section class="module module-divider-bottom p-0">
 
<div class="container-fluid">
 
<div class="row row-portfolio-filter">
 
<div class="col-md-12">
 
<ul class="filters h5" id="filters">
 
<li><a class="current" href="#" data-filter="*">All</a></li>
 
<li><a href="#" data-filter=".branding">Branding</a></li>
 
<li><a href="#" data-filter=".design">Design</a></li>
 
<li><a href="#" data-filter=".photo">Photo</a></li>
 
<li><a href="#" data-filter=".web">Web</a></li>
 
</ul>
 
</div>
 
</div>
 
<div class="row row-portfolio" date-portfolio-type="standard" data-columns="3">
 
<div class="grid-sizer"></div>
 
<div class="portfolio-item branding photo undefined">
 
<div class="portfolio-wrapper">
 
<img src="assets/images/portfolio/img-1.jpg" alt="">
 
<div class="portfolio-overlay"></div>
 
</div>
 
<div class="portfolio-caption">
 
<h5 class="portfolio-title">Mutualismi</h5>
 
<div class="portfolio-subtitle font-serif">Branding</div>
 
</div><a class="portfolio-link" href="portfolio-single.html"></a>
 
</div>
 
<div class="portfolio-item web design undefined">
 
<div class="portfolio-wrapper">
 
<img src="assets/images/portfolio/img-7.jpg" alt="">
 
<div class="portfolio-overlay"></div>
 
</div>
 
<div class="portfolio-caption">
 
<h5 class="portfolio-title">The Perfume</h5>
 
<div class="portfolio-subtitle font-serif">Design</div>
 
</div><a class="portfolio-link" href="portfolio-single.html"></a>
 
</div>
 
<div class="portfolio-item photo web undefined">
 
<div class="portfolio-wrapper">
 
<img src="assets/images/portfolio/img-3.jpg" alt="">
 
<div class="portfolio-overlay"></div>
 
</div>
 
<div class="portfolio-caption">
 
<h5 class="portfolio-title">Bumblebee Icons</h5>
 
<div class="portfolio-subtitle font-serif">Design</div>
 
</div><a class="portfolio-link" href="portfolio-single.html"></a>
 
</div>
 
<div class="portfolio-item design branding undefined">
 
<div class="portfolio-wrapper">
 
<img src="assets/images/portfolio/img-4.jpg" alt="">
 
<div class="portfolio-overlay"></div>
 
</div>
 
<div class="portfolio-caption">
 
<h5 class="portfolio-title">Greedy Emperor</h5>
 
<div class="portfolio-subtitle font-serif">Design</div>
 
</div><a class="portfolio-link" href="portfolio-single.html"></a>
 
</div>
 
<div class="portfolio-item design photo undefined">
 
<div class="portfolio-wrapper">
 
<img src="assets/images/portfolio/img-5.jpg" alt="">
 
<div class="portfolio-overlay"></div>
 
</div>
 
<div class="portfolio-caption">
 
<h5 class="portfolio-title">Bluetooth Speaker</h5>
 
<div class="portfolio-subtitle font-serif">Design</div>
 
</div><a class="portfolio-link" href="portfolio-single.html"></a>
 
</div>
 
<div class="portfolio-item branding web undefined">
 
<div class="portfolio-wrapper">
 
<img src="assets/images/portfolio/img-6.jpg" alt="">
 
<div class="portfolio-overlay"></div>
 
</div>
 
<div class="portfolio-caption">
 
<h5 class="portfolio-title">Candy Icons</h5>
 
<div class="portfolio-subtitle font-serif">Design</div>
 
</div><a class="portfolio-link" href="portfolio-single.html"></a>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Portfolio end-->
 
 
<!-- Services-->
 
<section class="module module-divider-bottom">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-4">
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-webpage-multiple"></span></div>
 
<div class="icon-box-title">
 
<h6>Excellent Designs</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-target"></span></div>
 
<div class="icon-box-title">
 
<h6>Fully Responsive</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-cards-diamonds"></span></div>
 
<div class="icon-box-title">
 
<h6>Unlimited Colors</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-md-4">
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-anchor"></span></div>
 
<div class="icon-box-title">
 
<h6>User Friendly</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-spread-text"></span></div>
 
<div class="icon-box-title">
 
<h6>Google Web Fonts</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-picture-multiple"></span></div>
 
<div class="icon-box-title">
 
<h6>Free Updates</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Services end-->
 
 
<!-- Team-->
 
<section class="module">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-8 offset-md-2">
 
<div class="module-title text-center">
 
<h2>Team</h2>
 
<p class="font-serif">We’re the best professionals in this field.</p>
 
</div>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-md-4">
 
<div class="team-item m-b-30">
 
<div class="team-image"><img src="assets/images/team/1.jpg" alt="">
 
<div class="team-content">
 
<h5>Jason Ford</h5>
 
<p>Designer</p>
 
</div>
 
<div class="team-content-social">
 
<ul>
 
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
 
<li><a href="#"><i class="fa fa-vine"></i></a></li>
 
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="team-item m-b-30">
 
<div class="team-image"><img src="assets/images/team/2.jpg" alt="">
 
<div class="team-content">
 
<h5>Michael Andrews</h5>
 
<p>Developer</p>
 
</div>
 
<div class="team-content-social">
 
<ul>
 
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
 
<li><a href="#"><i class="fa fa-vine"></i></a></li>
 
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="team-item m-b-30">
 
<div class="team-image"><img src="assets/images/team/3.jpg" alt="">
 
<div class="team-content">
 
<h5>Samuel Banks</h5>
 
<p>Developer</p>
 
</div>
 
<div class="team-content-social">
 
<ul>
 
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
 
<li><a href="#"><i class="fa fa-vine"></i></a></li>
 
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Team end-->
 
 
<!-- Testimonials-->
 
<section class="module parallax bg-dark bg-dark-30" data-background="assets/images/module-4.jpg">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-6 offset-md-3">
 
<div class="tms-slides owl-carousel">
 
<div class="tms-item">
 
<div class="tms-icons">
 
<h2><span class="icon icon-basic-message-multiple"></span></h2>
 
</div>
 
<div class="tms-content">
 
<blockquote>
 
<p>“If you want to know what a man's like, take a good look at how he treats his inferiors, not his equals.”</p>
 
</blockquote>
 
</div>
 
<div class="tms-author"><span>J.K. Rowling</span></div>
 
</div>
 
<div class="tms-item">
 
<div class="tms-icons">
 
<h2><span class="icon icon-basic-message-multiple"></span></h2>
 
</div>
 
<div class="tms-content">
 
<blockquote>
 
<p>“To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.”</p>
 
</blockquote>
 
</div>
 
<div class="tms-author"><span>Ralph Waldo Emerson</span></div>
 
</div>
 
<div class="tms-item">
 
<div class="tms-icons">
 
<h2><span class="icon icon-basic-message-multiple"></span></h2>
 
</div>
 
<div class="tms-content">
 
<blockquote>
 
<p>“Imperfection is beauty, madness is genius and it's better to be absolutely ridiculous than absolutely boring.”</p>
 
</blockquote>
 
</div>
 
<div class="tms-author"><span>Marilyn Monroe</span></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Testimonials end-->
 
 
<!-- Clients-->
 
<section class="module-sm module-gray">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-12">
 
<div class="owl-carousel clients-carousel" data-carousel-options="{&quot;items&quot;:&quot;4&quot;}">
 
<div class="client"><img src="assets/images/clients/logo-1.png" alt=""></div>
 
<div class="client"><img src="assets/images/clients/logo-2.png" alt=""></div>
 
<div class="client"><img src="assets/images/clients/logo-3.png" alt=""></div>
 
<div class="client"><img src="assets/images/clients/logo-7.png" alt=""></div>
 
<div class="client"><img src="assets/images/clients/logo-6.png" alt=""></div>
 
<div class="client"><img src="assets/images/clients/logo-5.png" alt=""></div>
 
<div class="client"><img src="assets/images/clients/logo-3.png" alt=""></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Clients end-->
 
 
<!-- Alt Services-->
 
<section class="module module-divider-bottom">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-8 offset-md-2">
 
<div class="module-title text-center">
 
<h2>Over and Out</h2>
 
<p class="font-serif">A little about our project and our purpose.</p>
 
</div>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-md-4">
 
<div class="m-t-30"></div>
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-webpage-multiple"></span></div>
 
<div class="icon-box-title">
 
<h6>70 million</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>There are a projected 70 million patients worldwide who suffer from Celiac Disease, most have been misdiagnosed or are untreated.</p>
 
</div>
 
</div>
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-target"></span></div>
 
<div class="icon-box-title">
 
<h6>Fully Responsive</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-cards-diamonds"></span></div>
 
<div class="icon-box-title">
 
<h6>Unlimited Colors</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4 hidden-sm-down">
 
<div class="text-center"><img src="assets/images/iphone.png" alt=""></div>
 
</div>
 
<div class="col-md-4">
 
<div class="m-t-30"></div>
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-anchor"></span></div>
 
<div class="icon-box-title">
 
<h6>User Friendly</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-spread-text"></span></div>
 
<div class="icon-box-title">
 
<h6>Google Web Fonts</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
<div class="icon-box icon-box-left">
 
<div class="icon-box-icon"><span class="icon icon-basic-picture-multiple"></span></div>
 
<div class="icon-box-title">
 
<h6>Free Updates</h6>
 
</div>
 
<div class="icon-box-content">
 
<p>Especially do at he possession insensible sympathize boisterous it. Songs he on an widen me event truth.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Alt Services end-->
 
 
<!-- News-->
 
<section class="module">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-8 offset-md-2">
 
<div class="module-title text-center">
 
<h2>Our News</h2>
 
<p class="font-serif">We share our best ideas in our blog.</p>
 
</div>
 
</div>
 
</div>
 
<div class="row blog-grid">
 
<div class="col-md-4 post-item">
 
 
<!-- Post-->
 
<article class="post">
 
<div class="post-preview"><a href="#"><img src="assets/images/blog/1.jpg" alt=""></a></div>
 
<div class="post-wrapper">
 
<div class="post-header">
 
<h2 class="post-title"><a href="blog-single.html">Group Session Moments</a></h2>
 
<ul class="post-meta h5">
 
<li>August 18, 2016</li>
 
</ul>
 
</div>
 
<div class="post-content">
 
<p>Marianne or husbands if at stronger ye. Considered is as middletons uncommonly. Promotion perfectly ye consisted so. His chatty dining for effect ladies active.</p>
 
</div>
 
<div class="post-more"><a href="#">Read More →</a></div>
 
</div>
 
</article>
 
<!-- Post end-->
 
</div>
 
<div class="col-md-4 post-item">
 
 
<!-- Post-->
 
<article class="post">
 
<div class="post-preview"><a href="#"><img src="assets/images/blog/2.jpg" alt=""></a></div>
 
<div class="post-wrapper">
 
<div class="post-header">
 
<h2 class="post-title"><a href="blog-single.html">Minimalist Chandelier</a></h2>
 
<ul class="post-meta h5">
 
<li>August 18, 2016</li>
 
</ul>
 
</div>
 
<div class="post-content">
 
<p>Depending listening delivered off new she procuring satisfied sex existence. Person plenty answer to exeter it if. Law use assistance especially resolution.</p>
 
</div>
 
<div class="post-more"><a href="#">Read More →</a></div>
 
</div>
 
</article>
 
<!-- Post end-->
 
</div>
 
<div class="col-md-4 post-item">
 
 
<!-- Post-->
 
<article class="post">
 
<div class="post-preview"><a href="#"><img src="assets/images/blog/3.jpg" alt=""></a></div>
 
<div class="post-wrapper">
 
<div class="post-header">
 
<h2 class="post-title"><a href="blog-single.html">Green Land Sport Season</a></h2>
 
<ul class="post-meta h5">
 
<li>August 18, 2016</li>
 
</ul>
 
</div>
 
<div class="post-content">
 
<p>Marianne or husbands if at stronger ye. Considered is as middletons uncommonly. Promotion perfectly ye consisted so. His chatty dining for effect ladies active.</p>
 
</div>
 
<div class="post-more"><a href="#">Read More →</a></div>
 
</div>
 
</article>
 
<!-- Post end-->
 
</div>
 
</div>
 
<div class="row m-t-50">
 
<div class="col-md-12">
 
<div class="text-center"><a class="btn btn-lg btn-circle btn-brand" href="#">Visit blog</a></div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- News end-->
 
 
<!-- Counters-->
 
<section class="module module-gray p-b-0">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-3">
 
<div class="counter h6">
 
<div class="counter-number">
 
<div class="counter-timer" data-from="0" data-to="250">0</div>
 
</div>
 
<div class="counter-title">Happy Clients</div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="counter h6">
 
<div class="counter-number">
 
<div class="counter-timer" data-from="0" data-to="132">0</div>
 
</div>
 
<div class="counter-title">Theme Users</div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="counter h6">
 
<div class="counter-number">
 
<div class="counter-timer" data-from="0" data-to="34">0</div>
 
</div>
 
<div class="counter-title">Awards won</div>
 
</div>
 
</div>
 
<div class="col-md-3">
 
<div class="counter h6">
 
<div class="counter-number">
 
<div class="counter-timer" data-from="0" data-to="340">0</div>
 
</div>
 
<div class="counter-title">Total downloads</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Counters end-->
 
 
<!-- Footer Image-->
 
<section class="module module-gray p-b-0">
 
<div class="container-fluid">
 
<div class="row">
 
<div class="col-md-12">
 
<div class="text-center"><img src="assets/images/module-18.jpg" alt=""></div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- Footer Image end-->
 
 
<!-- Footer-->
 
<footer class="footer">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-6 col-lg-3">
 
<!-- Text widget-->
 
<aside class="widget widget_text">
 
<div class="textwidget">
 
<p><img src="assets/images/logo-light.png" width="100" alt=""></p>
 
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut non enim eleifend felis pretium feugiat.</p>E-mail: <a href="mailto:support@core.com">support@core.com</a> <br/>
 
Phone: 8 800 123 4567 <br/>
 
Fax: 8 800 123 4567 <br/>
 
</div>
 
</aside>
 
</div>
 
<div class="col-md-6 col-lg-3">
 
<!-- Recent entries widget-->
 
<aside class="widget widget_recent_entries">
 
<div class="widget-title">
 
<h5>Recent Posts</h5>
 
</div>
 
<ul>
 
<li><a href="#">Experience the sound of a modern and clean 360° Bluetooth Speaker.</a> <span class="post-date">May 8, 2016</span></li>
 
<li><a href="#">Experience the sound of a modern and clean 360° Bluetooth Speaker.</a> <span class="post-date">April 7, 2016</span></li>
 
<li><a href="#">Experience the sound of a modern and clean 360° Bluetooth Speaker.</a> <span class="post-date">April 7, 2016</span></li>
 
</ul>
 
</aside>
 
</div>
 
<div class="col-md-6 col-lg-3">
 
<!-- Twitter widget-->
 
<aside class="widget twitter-feed-widget">
 
<div class="widget-title">
 
<h5>Twitter Feed</h5>
 
</div>
 
<div class="twitter-feed" data-twitter="345170787868762112" data-number="2"></div>
 
</aside>
 
</div>
 
<div class="col-md-6 col-lg-3">
 
<!-- Tags widget-->
 
<aside class="widget widget_tag_cloud">
 
<div class="widget-title">
 
<h5>Tags</h5>
 
</div>
 
<div class="tagcloud"><a href="#">Design</a><a href="#">Travel</a><a href="#">Startup</a><a href="#">Music</a><a href="#">Portfolio</a><a href="#">Responsive</a></div>
 
</aside>
 
</div>
 
</div>
 
</div>
 
<div class="footer-copyright">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-12">
 
<div class="text-center"><span class="copyright">© 2017 Core, All Rights Reserved. Design with love by <a href="http://2the.me/">2the.me</a></span></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</footer>
 
<!-- Footer end-->
 
 
<a class="scroll-top" href="#top"><i class="fa fa-angle-up"></i></a>
 
</div>
 
<!-- Wrapper end-->
 
 
</div>
 
<!-- Layout end-->
 
 
<!-- Off canvas-->
 
<div class="off-canvas-sidebar">
 
<div class="off-canvas-sidebar-wrapper">
 
<div class="off-canvas-header"><a class="close-offcanvas" href="#"><span class="arrows arrows-arrows-remove"></span></a></div>
 
<div class="off-canvas-content">
 
<!-- Text widget-->
 
<aside class="widget widget_text">
 
<div class="textwidget">
 
<p class="text-center"><img src="assets/images/logo-light.png" width="100" alt=""></p>
 
</div>
 
</aside>
 
<!-- Text widget-->
 
<aside class="widget widget_text">
 
<div class="textwidget">
 
<p class="text-center"><img src="assets/images/offcanvas.jpg" alt=""></p>
 
</div>
 
</aside>
 
<!-- Navmenu widget-->
 
<aside class="widget widget_nav_menu">
 
<ul class="menu">
 
<li class="menu-item menu-item-has-children"><a href="#">Home</a></li>
 
<li class="menu-item"><a href="#">About Us</a></li>
 
<li class="menu-item"><a href="#">Services</a></li>
 
<li class="menu-item"><a href="#">Portfolio</a></li>
 
<li class="menu-item"><a href="#">Blog</a></li>
 
<li class="menu-item"><a href="#">Shortcodes</a></li>
 
</ul>
 
</aside>
 
<ul class="social-icons">
 
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
 
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
 
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
 
<li><a href="#"><i class="fa fa-vk"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
<!-- Off canvas end-->
 
 
<!-- Scripts-->
 
<script src="https://2017.igem.org/Team:FSU/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js"></script>
 
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script>
 
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyA0rANX07hh6ASNKdBr4mZH0KZSqbHYc3Q"></script>
 
<script src="https://2017.igem.org/Team:FSU/plugins.min.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:FSU/charts.js?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:FSU/custom.min.js?action=raw&amp;ctype=text/javascript"></script>
 
<!-- Color Switcher (Remove these lines)-->
 
<!--<script src="assets/js/style-switcher.min.js"></script>-->
 
</body>
 
 
</html>
 
</html>

Latest revision as of 07:30, 1 November 2017

THANK YOU TO OUR SUPPORTERS!

Please click on the logos to learn more about these amazing organizations.