[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
Backup
/
05122024
/
htdocs
/
siakad
/
login
/
landing
/
[
Home
]
File: service.html
<!DOCTYPE html> <html class="no-js"> <!-- Mirrored from demo.themefisher.com/timer/service.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 12 Dec 2016 14:09:17 GMT --> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" type="image/png" href="images/favicon.html"> <title>Timer Agency Template</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <!-- Mobile Specific Metas ================================================== --> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Template CSS Files ================================================== --> <!-- Twitter Bootstrs CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Ionicons Fonts Css --> <link rel="stylesheet" href="css/ionicons.min.css"> <!-- animate css --> <link rel="stylesheet" href="css/animate.css"> <!-- Hero area slider css--> <link rel="stylesheet" href="css/slider.css"> <!-- owl craousel css --> <link rel="stylesheet" href="css/owl.carousel.css"> <link rel="stylesheet" href="css/owl.theme.css"> <link rel="stylesheet" href="css/jquery.fancybox.css"> <!-- template main css file --> <link rel="stylesheet" href="css/main.css"> <!-- responsive css --> <link rel="stylesheet" href="css/responsive.css"> <!-- Template Javascript Files ================================================== --> <!-- modernizr js --> <script src="js/vendor/modernizr-2.6.2.min.js"></script> <!-- jquery --> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!-- owl carouserl js --> <script src="js/owl.carousel.min.js"></script> <!-- bootstrap js --> <script src="js/bootstrap.min.js"></script> <!-- wow js --> <script src="js/wow.min.js"></script> <!-- slider js --> <script src="js/slider.js"></script> <script src="js/jquery.fancybox.js"></script> <!-- template main js --> <script src="js/main.js"></script> </head> <body> <!-- ================================================== Header Section Start ================================================== --> <header id="top-bar" 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 --> <div class="navbar-brand"> <a href="index.html" > <img src="images/logo.png" alt=""> </a> </div> <!-- /logo --> </div> <!-- main menu --> <nav class="collapse navbar-collapse navbar-right" role="navigation"> <div class="main-menu"> <ul class="nav navbar-nav navbar-right"> <li> <a href="index.html" >Home</a> </li> <li><a href="about.html">About</a></li> <li><a href="service.html">Service</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a> <div class="dropdown-menu"> <ul> <li><a href="404.html">404 Page</a></li> <li><a href="gallery.html">Gallery</a></li> </ul> </div> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <span class="caret"></span></a> <div class="dropdown-menu"> <ul> <li><a href="blog-fullwidth.html">Blog Full</a></li> <li><a href="blog-left-sidebar.html">Blog Left sidebar</a></li> <li><a href="blog-right-sidebar.html">Blog Right sidebar</a></li> </ul> </div> </li> <li><a href="contact.html">Contact</a></li> </ul> </div> </nav> <!-- /main nav --> </div> </header> <!-- ================================================== Global Page Section Start ================================================== --> <section class="global-page-header"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="block"> <h2>Service</h2> <ol class="breadcrumb"> <li> <a href="index.html"> <i class="ion-ios-home"></i> Home </a> </li> <li class="active">Service</li> </ol> </div> </div> </div> </div> </section><!--/#Page header--> <!-- ================================================== Service Page Section Start ================================================== --> <section id="service-page" class="pages service-page"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="block"> <h2 class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">What We Love To Do</h2> <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis porro recusandae non quibusdam iure adipisci.</p> <div class="row service-parts"> <div class="col-md-6"> <div class="block wow fadeInUp animated" data-wow-duration="400ms" data-wow-delay="600ms"> <i class="ion-ios-paper-outline"></i> <h4>BRANDING</h4> <p>Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum.</p> </div> </div> <div class="col-md-6"> <div class="block wow fadeInUp animated" data-wow-duration="400ms" data-wow-delay="800ms"> <i class="ion-ios-pint-outline"></i> <h4>DESIGN</h4> <p>Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum.</p> </div> </div> <div class="col-md-6"> <div class="block wow fadeInUp animated" data-wow-duration="400ms" data-wow-delay="1s"> <i class="ion-ios-paper-outline"></i> <h4>DEVELOPMENT</h4> <p>Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum.</p> </div> </div> <div class="col-md-6"> <div class="block wow fadeInUp animated" data-wow-duration="400ms" data-wow-delay="1.1s"> <i class="ion-ios-paper-outline"></i> <h4>THEMEING</h4> <p>Veritatis eligendi, dignissimos. Porta fermentum mus aute pulvinar earum minus platea massa feugiat rutrum urna facilisi ipsameum.</p> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="block"> <img class="img-responsive" src="images/team.jpg" alt=""> </div> </div> </div> </div> </section> <!-- ================================================== Works Section Start ================================================== --> <section class="works service-page"> <div class="container"> <h2 class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Some Of Our Features Works</h2> <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"> Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere <br> tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus. </p> <div class="row"> <div class="col-sm-3"> <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> <div class="img-wrapper"> <img src="images/portfolio/item-1.jpg" class="img-responsive" alt="this is a title" > <div class="overlay"> <div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-1.jpg">Demo</a> <a target="_blank" href="#">Details</a> </div> </div> </div> <figcaption> <h4> <a href="#"> Dew Drop </a> </h4> <p> Redesigne UI Concept </p> </figcaption> </figure> </div> <div class="col-sm-3"> <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms"> <div class="img-wrapper"> <img src="images/portfolio/item-2.jpg" class="img-responsive" alt="this is a title" > <div class="overlay"> <div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-2.jpg">Demo</a> <a target="_blank" href="#">Details</a> </div> </div> </div> <figcaption> <h4> <a href="#"> Bottle Mockup </a> </h4> <p> Lorem ipsum dolor sit. </p> </figcaption> </figure> </div> <div class="col-sm-3"> <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms"> <div class="img-wrapper"> <img src="images/portfolio/item-3.jpg" class="img-responsive" alt="" > <div class="overlay"> <div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-3.jpg">Demo</a> <a target="_blank" href="#">Details</a> </div> </div> </div> <figcaption> <h4> <a href="#"> Table Design </a> </h4> <p> Lorem ipsum dolor sit amet. </p> </figcaption> </figure> </div> <div class="col-sm-3"> <figure class="wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="600ms"> <div class="img-wrapper"> <img src="images/portfolio/item-4.jpg" class="img-responsive" alt="" > <div class="overlay"> <div class="buttons"> <a rel="gallery" class="fancybox" href="images/portfolio/item-4.jpg">Demo</a> <a target="_blank" href="#">Details</a> </div> </div> </div> <figcaption> <h4> <a href="#"> Make Up elements </a> </h4> <p> Lorem ipsum dolor. </p> </figcaption> </figure> </div> </div> </div> </section> <!-- ================================================== Clients Section Start ================================================== --> <section id="clients"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="subtitle text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay=".3s">Our Happy Clinets</h2> <p class="subtitle-des text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, error.</p> <div id="clients-logo" class="owl-carousel"> <div> <img src="images/clients/logo-1.jpg" alt=""> </div> <div> <img src="images/clients/logo-2.jpg" alt=""> </div> <div> <img src="images/clients/logo-3.jpg" alt=""> </div> <div> <img src="images/clients/logo-4.jpg" alt=""> </div> <div> <img src="images/clients/logo-5.jpg" alt=""> </div> <div> <img src="images/clients/logo-1.jpg" alt=""> </div> <div> <img src="images/clients/logo-2.jpg" alt=""> </div> <div> <img src="images/clients/logo-3.jpg" alt=""> </div> <div> <img src="images/clients/logo-4.jpg" alt=""> </div> <div> <img src="images/clients/logo-5.jpg" alt=""> </div> </div> </div> </div> </div> </section> <!-- ================================================== Call To Action Section Start ================================================== --> <section id="call-to-action"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="block"> <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h1> <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,<br>possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.</p> <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a> </div> </div> </div> </div> </section> <!-- ================================================== Footer Section Start ================================================== --> <footer id="footer"> <div class="container"> <div class="col-md-8"> <p class="copyright">Copyright: <span>2015</span> . Design and Developed by <a href="http://www.themefisher.com/">Themefisher</a></p> </div> <div class="col-md-4"> <!-- Social Media --> <ul class="social"> <li> <a href="#" class="Facebook"> <i class="ion-social-facebook"></i> </a> </li> <li> <a href="#" class="Twitter"> <i class="ion-social-twitter"></i> </a> </li> <li> <a href="#" class="Linkedin"> <i class="ion-social-linkedin"></i> </a> </li> <li> <a href="#" class="Google Plus"> <i class="ion-social-googleplus"></i> </a> </li> </ul> </div> </div> </footer> <!-- /#footer --> </body> <!-- Mirrored from demo.themefisher.com/timer/service.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 12 Dec 2016 14:09:19 GMT --> </html>