From 12695890391292f247626486700374a11674c9b3 Mon Sep 17 00:00:00 2001 From: LuminousRubyist <andytaelee@gmail.com> Date: Thu, 8 Sep 2016 10:52:42 -0400 Subject: [PATCH] Jekyllize work.html --- work.html | 423 +++++++++++++++++++++--------------------------------- 1 file changed, 164 insertions(+), 259 deletions(-) diff --git a/work.html b/work.html index 78c282f..624b8d8 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> -- GitLab