<!doctype html>
<html class="no-js" lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SITE TITLE -->
<title></title>
<!-- =========================
Meta Information
============================== -->
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- =========================
Bootstrap and animation
============================== -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/animate.min.css">
<!-- =========================
Fonts, typography and icons
============================== -->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/typography.css">
<!-- =========================
Carousel, lightbox and circle generator
============================== -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo-lightbox-default.css">
<link rel="stylesheet" href="css/jquery.circliful.css">
<!-- ***** Custom Stylesheet ***** -->
<link rel="stylesheet" href="css/main-blue-nutshell.css">
<!-- ***** Responsive fixes ***** -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Header scripts -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script src="js/queryloader2.min.js"></script>
<!-- =========================
Preloader
============================== -->
<script>
window.addEventListener('DOMContentLoaded', function() {
"use strict";
new QueryLoader2(document.querySelector("body"), {
barColor: "#0196a7",
backgroundColor: "#111",
percentage: true,
barHeight: 1,
minimumTime: 200,
fadeOutTime: 1000
});
});
var alert_color_success_background = '#0196a7';
var alert_color_error_background = '#CF000F';
</script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- =========================
Fullscreen menu
============================== -->
<div class="mobilenav">
<ul>
<li data-rel="#header">
<span class="nav-label">Home</span>
</li>
<li data-rel="#about-us">
<span class="nav-label">About Us</span>
</li>
<li data-rel="#why-choose-us">
<span class="nav-label">Why Choose Us</span>
</li>
<li data-rel="#our-team">
<span class="nav-label">Our Team</span>
</li>
<li data-rel="#testimonial">
<span class="nav-label">Testimonial</span>
</li>
<li data-rel="#portfolio">
<span class="nav-label">Portfolio</span>
</li>
<li data-rel="#map">
<span class="nav-label">Contact Us</span>
</li>
</ul>
</div> <!-- *** end Full Screen Menu *** -->
<!-- ***** hamburger icon ***** -->
<a href="javascript:void(0)" class="menu-trigger">
<div class="hamburger">
<div class="menui top-menu"></div>
<div class="menui mid-menu"></div>
<div class="menui bottom-menu"></div>
</div>
</a>
<!-- =========================
Header
============================== -->
<header id="header">
<div id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<!-- ***** Logo ***** -->
<div class="logo-container">
<a href="#">
<img src="img/logo-header.png" height="37" width="197" alt="">
</a>
</div>
<!-- =========================
Header item 1
============================== -->
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slider-4.jpg');">
</div>
<div class="carousel-caption">
<h1 class="light mab-none">This is <strong class="bold-text">KreFolio</strong></h1>
<h1 class="light margin-bottom-medium mat-none">And We Are <strong class="bold-text">Awesome</strong></h1>
<p class="light margin-bottom-medium">Stop blending in & start leaving your mark on the web.</p>
<div class="call-button">
<div class="row">
<div class="col-md-4 col-md-offset-2 col-sm-4 col-sm-offset-2 col-xs-12">
<a href="#portfolio" class="button pull-right internal-link bold-text light hvr-grow" data-rel="#portfolio">Our Work</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<a href="#about-us" class="button pull-left internal-link bold-text main-bg hvr-grow" data-rel="#about-us">About Us</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<!-- =========================
Header item 2
============================== -->
<div class="item">
<!-- Set the second background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slider-1.jpg');"></div>
<div class="carousel-caption">
<h1 class="light mab-none">This is <strong class="bold-text">KreFolio</strong></h1>
<h1 class="light margin-bottom-medium mat-none">And We Are <strong class="bold-text">Awesome</strong></h1>
<p class="light margin-bottom-medium">Stop blending in & start leaving your mark on the web.</p>
<div class="call-button">
<div class="row">
<div class="col-md-4 col-md-offset-2 col-sm-4 col-sm-offset-2 col-xs-12">
<a href="#portfolio" class="button pull-right internal-link bold-text light hvr-grow" data-rel="#portfolio">Our Work</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<a href="#about-us" class="button pull-left internal-link bold-text main-bg hvr-grow" data-rel="#about-us">About Us</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<!-- =========================
Header item 3
============================== -->
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slider/slider-2.jpg');"></div>
<div class="carousel-caption">
<h1 class="light mab-none">This is <strong class="bold-text">KreFolio</strong></h1>
<h1 class="light margin-bottom-medium mat-none">And We Are <strong class="bold-text">Awesome</strong></h1>
<p class="light margin-bottom-medium">Stop blending in & start leaving your mark on the web.</p>
<div class="call-button">
<div class="row">
<div class="col-md-4 col-md-offset-2 col-sm-4 col-sm-offset-2 col-xs-12">
<a href="#portfolio" class="button pull-right internal-link bold-text light hvr-grow" data-rel="#portfolio">Our Work</a>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<a href="#about-us" class="button pull-left internal-link bold-text main-bg hvr-grow" data-rel="#about-us">About Us</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="overlay"></div>
</div>
<!-- =========================
Header item 4
============================== -->
<div class="item">
<!-- Set the third background image us