diff --git a/work.html b/work.html
index 78c282fe1bc5a89bdd5fbc7084a7c6df2b27b923..624b8d851661a75c9e35b705768d1fd274337e9e 100755
--- a/work.html
+++ b/work.html
@@ -1,278 +1,183 @@
-<!DOCTYPE html>
-<html class="no-js">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Airspace A template by Themefisher</title>
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-
- <!-- CSS -->
- <link rel="stylesheet" href="css/owl.carousel.css">
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/font-awesome.min.css">
- <link rel="stylesheet" href="css/style.css">
- <link rel="stylesheet" href="css/ionicons.min.css">
- <link rel="stylesheet" href="css/animate.css">
- <link rel="stylesheet" href="css/responsive.css">
-
- <!-- Js -->
- <script src="js/vendor/modernizr-2.6.2.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/owl.carousel.min.js"></script>
- <script src="js/min/waypoints.min.js"></script>
- <script src="js/jquery.counterup.js"></script>
- <script src="js/plugins.js"></script>
- <script src="js/main.js"></script>
- </head>
- <body>
+---
+layout: page
+title: Our Work
+permalink: /work
+---
-
-
-
- <!-- Header Start -->
- <header>
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <!-- header Nav Start -->
- <nav class="navbar navbar-default">
- <div class="container-fluid">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="index.html">
- <img src="img/logo.png" alt="Logo">
- </a>
- </div>
-
- <!-- Collect the nav links, forms, and other content for toggling -->
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav navbar-right">
- <li><a href="index.html">Home</a></li>
- <li><a href="work.html">Work</a></li>
- <li><a href="#">Support</a></li>
- <li><a href="#">Service</a></li>
- <li><a href="contact.html">Contact</a></li>
- </li>
- </ul>
- </div><!-- /.navbar-collapse -->
- </div><!-- /.container-fluid -->
- </nav>
- </div>
- </div>
- </div>
- </header><!-- header close -->
-
- <!-- Slider Start -->
- <section id="global-header">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="block">
- <h1>Just some of our latest projects.</h1>
- <p>Don’t just take our word for it. Check out some of our latest work.</p>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- Portfolio Start -->
- <section id="portfolio-work">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
+ <!-- Slider Start -->
+<section id="global-header">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
<div class="block">
- <div class="portfolio-menu">
- <ul>
- <li class="filter" data-filter="all">Everything</li>
- <li class="filter" data-filter=".Branding">Branding</li>
- <li class="filter" data-filter=".Websites">Websites</li>
- <li class="filter" data-filter=".Graphic">Graphic</li>
- <li class="filter" data-filter=".design">design</li>
- <li class="filter" data-filter=".Video">Video</li>
- </ul>
- </div>
- <div class="portfolio-contant">
- <ul id="portfolio-contant-active">
- <li class="mix Branding">
- <a href="#">
- <img src="img/portfolio/work1.jpg" alt="">
- <div class="overly">
- <div class="position-center">
- <h2>Tesla Motors</h2>
- <p>Labore et dolore magna aliqua. Ut enim ad </p>
-
- </div>
- </div>
- </a>
- </li>
- <li class="mix Websites">
- <a href="#">
- <img src="img/portfolio/work2.jpg" alt="">
- <div class="overly">
- <div class="position-center">
- <h2>Tesla Motors</h2>
- <p>Labore et dolore magna aliqua. Ut enim ad </p>
-
- </div>
- </div>
- </a>
- </li>
- <li class="mix Graphic">
- <a href="#">
- <img src="img/portfolio/work3.jpg" alt="">
- <div class="overly">
- <div class="position-center">
- <h2>Tesla Motors</h2>
- <p>Labore et dolore magna aliqua. Ut enim ad </p>
-
- </div>
- </div>
-
- </a>
- </li>
- <li class="mix design">
- <a href="#">
- <img src="img/portfolio/work4.jpg" alt="">
- <div class="overly">
- <div class="position-center">
- <h2>Tesla Motors</h2>
- <p>Labore et dolore magna aliqua. Ut enim ad </p>
-
- </div>
- </div>
- </a>
- </li>
- <li class="mix Video">
- <a href="#">
- <img src="img/portfolio/work5.jpg" alt="">
- <div class="overly">
- <div class="position-center">
- <h2>Tesla Motors</h2>
- <p>Labore et dolore magna aliqua. Ut enim ad </p>
-
- </div>
- </div>
- </a>
- </li>
- <li class="mix Graphic">
- <a href="#">
- <img src="img/portfolio/work6.jpg" alt="">
- <div class="overly">
- <div class="position-center">
- <h2>Tesla Motors</h2>
- <p>Labore et dolore magna aliqua. Ut enim ad </p>
-
- </div>
- </div>
- </a>
- </li>
- </ul>
- </div>
+ <h1>Just some of our latest projects.</h1>
+ <p>Don’t just take our word for it. Check out some of our latest work.</p>
</div>
- </div>
</div>
</div>
- </section>
-
- <!-- Clients Logo Section Start -->
- <section id="clients-logo-section">
- <div class="container">
+ </div>
+</section>
+ <!-- Portfolio Start -->
+<section id="portfolio-work">
+ <div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
- <div id="clients-logo" class="owl-carousel">
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo1.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo2.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo3.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo4.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo5.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo3.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo2.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo5.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo1.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo4.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo5.png" alt="Features">
- </div>
- <div class="clients-logo-img">
- <img src="img/clients/clients-logo3.png" alt="Features">
- </div>
+ <div class="portfolio-menu">
+ <ul>
+ <li class="filter" data-filter="all">Everything</li>
+ <li class="filter" data-filter=".Branding">Branding</li>
+ <li class="filter" data-filter=".Websites">Websites</li>
+ <li class="filter" data-filter=".Graphic">Graphic</li>
+ <li class="filter" data-filter=".design">design</li>
+ <li class="filter" data-filter=".Video">Video</li>
+ </ul>
+ </div>
+ <div class="portfolio-contant">
+ <ul id="portfolio-contant-active">
+ <li class="mix Branding">
+ <a href="#">
+ <img src="img/portfolio/work1.jpg" alt="">
+ <div class="overly">
+ <div class="position-center">
+ <h2>Tesla Motors</h2>
+ <p>Labore et dolore magna aliqua. Ut enim ad </p>
+
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="mix Websites">
+ <a href="#">
+ <img src="img/portfolio/work2.jpg" alt="">
+ <div class="overly">
+ <div class="position-center">
+ <h2>Tesla Motors</h2>
+ <p>Labore et dolore magna aliqua. Ut enim ad </p>
+
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="mix Graphic">
+ <a href="#">
+ <img src="img/portfolio/work3.jpg" alt="">
+ <div class="overly">
+ <div class="position-center">
+ <h2>Tesla Motors</h2>
+ <p>Labore et dolore magna aliqua. Ut enim ad </p>
+
+ </div>
+ </div>
+
+ </a>
+ </li>
+ <li class="mix design">
+ <a href="#">
+ <img src="img/portfolio/work4.jpg" alt="">
+ <div class="overly">
+ <div class="position-center">
+ <h2>Tesla Motors</h2>
+ <p>Labore et dolore magna aliqua. Ut enim ad </p>
+
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="mix Video">
+ <a href="#">
+ <img src="img/portfolio/work5.jpg" alt="">
+ <div class="overly">
+ <div class="position-center">
+ <h2>Tesla Motors</h2>
+ <p>Labore et dolore magna aliqua. Ut enim ad </p>
+
+ </div>
+ </div>
+ </a>
+ </li>
+ <li class="mix Graphic">
+ <a href="#">
+ <img src="img/portfolio/work6.jpg" alt="">
+ <div class="overly">
+ <div class="position-center">
+ <h2>Tesla Motors</h2>
+ <p>Labore et dolore magna aliqua. Ut enim ad </p>
+
+ </div>
+ </div>
+ </a>
+ </li>
+ </ul>
</div>
</div>
</div>
</div>
- </div>
- </section>
+ </div>
+</section>
-
-<!-- Call to action Start -->
- <section id="call-to-action">
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="block">
- <h2>We design delightful digital experiences.</h2>
- <p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
- <a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
+<!-- Clients Logo Section Start -->
+<section id="clients-logo-section">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="block">
+ <div id="clients-logo" class="owl-carousel">
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo1.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo2.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo3.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo4.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo5.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo3.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo2.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo5.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo1.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo4.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo5.png" alt="Features">
+ </div>
+ <div class="clients-logo-img">
+ <img src="img/clients/clients-logo3.png" alt="Features">
</div>
</div>
</div>
</div>
- </section>
-
- <!-- footer Start -->
- <footer>
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="footer-manu">
- <ul>
- <li><a href="#">About Us</a></li>
- <li><a href="#">Contact us</a></li>
- <li><a href="#">How it works</a></li>
- <li><a href="#">Support</a></li>
- <li><a href="#">Terms</a></li>
- </ul>
- </div>
- <p>Copyright © 2006 - 2015 Built by <span>Themefisher</span>. All rights reserved.</p>
- </div>
- </div>
- </div>
- </footer>
+ </div>
+ </div>
+</section>
-
-<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
-
- </body>
-</html>
+<!-- Call to action Start -->
+<section id="call-to-action">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="block">
+ <h2>We design delightful digital experiences.</h2>
+ <p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
+ <a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>