<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="not-ie no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="img/img/fav-icon.jpg">
<title>SkyWay Responive</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" media="screen"/>
<!-- Start of custom skin style sheet link -->
<link rel="stylesheet" href="skin/custom-skin.css" media="screen"/>
<!-- End of custom skin style sheet -->
<link rel="stylesheet" href="css/animate.css" media="screen"/>
<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="vendor/rsplugin/css/settings.css" media="screen"/>
<link rel="stylesheet" href="css/styleDream.css" media="screen" />
<!-- This is just a little bit of custom CSS code to enhance things. Feel free to place this in your main CSS file. I've commented to say what each bit does. -->
</head>
<body>
<div class="body-wrapper">
	<div class="frame">
	
		<div id="layout" class="fullwidth">
		
			<header id="header" class="clearfix">
			<div class="container">
			<div id="logo">
					<img alt="Reponsive Style" src="img/PortfolioImg/logo.png" style="width:250px">
				</div>
				<!-- Main Menu for Large devices -->
				<div id="main-nav-wrap">
					<nav id="main-nav">
					<ul>
						<li class="current">
						<a href="#">HOME</a>
						</li>
						<li>
						<a href="#aboutus">ABOUT US</a>
						</li>
						<li>
						<a href="#features">FEATURES</a>
						</li>
						<li>
						<a href="#services">SERVICES</a>
						</li>
						<li>
						<a href="#portfolio">PORTFOLIO</a>
						</li>
						<li>
						<a href="#team">TEAM</a>
						</li>
						<li>
						<a href="#">BLOG</a>
						<ul>
							<li><a href="portfolio-col-2.html">Portfolio 2 Columns</a>
							</li>
							<li><a href="portfolio-col-3.html">Portfolio 3 Columns</a>
							</li>
							<li><a href="portfolio-col-4.html">Portfolio 4 Columns</a>
							</li>
						</ul>
						</li>
						<li>
						<a href="#contactus">CONTACT US</a>
						</li>
					</ul>
					</nav>
					<!-- end #main-nav -->
				</div>
			</div>
			</header>
			
			<div class="tp-banner-container">
			<div class="tp-banner">
				<ul>
					<!-- SLIDE  -->
					<li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
					<!-- MAIN IMAGE -->
					<img src="img/SliderImg/slider2/slide1.png" alt="slidebg1" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
					<!-- LAYERS -->
					<!-- LAYER NR. 1 -->
					<div class="tp-caption skewfromrightshort customout lft" data-x="550" data-y="101" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="800" data-easing="Back.easeOut" data-endspeed="500" data-endeasing="Power4.easeIn" data-captionhidden="on" style="z-index: 4;font-family:open sans;font-size:60px;color:black">
						UNIQUE DESIGN
					</div>
					<!-- LAYER NR. 2 -->
					<div class="tp-caption skewfromrightshort lfb" data-x="558" data-y="200" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="1300" data-easing="Back.easeOut" data-endspeed="500" data-endeasing="Power4.easeIn" data-captionhidden="on" style="z-index: 5;font-size:20px;padding-bottom:15px;padding-top:15px;border-bottom:2px solid #000;border-top:2px solid #000;color:#000">
						Modern, Minimal, spacious and easy to modify
					</div>
					<!-- LAYER NR. 3 -->
					<div class="tp-caption skewfromrightshort customout lfb" data-x="558" data-y="300" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="2000" data-easing="Back.easeOut" data-endspeed="500" data-endeasing="Power4.easeIn" data-captionhidden="on" style="z-index: 6">
						<a class="btn btn-black btn-lg btn-bordered" style="border:2px solid #000; ">PURCHASE NOW</a>
					</div>
					</li>
					<!-- SLIDE  -->
					<li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000">
					<!-- MAIN IMAGE -->
					<img src="img/SliderImg/slider2/slide2.png" style="max-width:100% !important" alt="darkblurbg" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
					<!-- LAYERS -->
					<!-- LAYER NR. 1 -->
					<div class="tp-caption customin skewtoleft" data-x="4" data-y="20" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="600" data-start="1300" data-easing="Back.easeOut" data-endspeed="400" data-endeasing="Back.easeIn" style="z-index: 3">
						<img src="img/SliderImg/slider2/baloons.png" alt="">
					</div>
					<!-- LAYER NR. 2 -->
					<div class="tp-caption skewfromrightshort customout lft" data-x="500" data-y="101" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="800" data-easing="Back.easeOut" data-endspeed="500" data-endeasing="Power4.easeIn" data-captionhidden="on" style="z-index: 4;font-family:open sans;font-size:60px;color:black">
						Agora no seu Smartphone.
					</div>
					<!-- LAYER NR. 3 -->
					<div class="tp-caption skewfromrightshort lfb" data-x="558" data-y="200" data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="500" data-start="1300" data-easing="Back.easeOut" data-endspeed="500" data-endeasing="Power4.easeIn" data-captionhidden="on" style="z-index: 5;font-size:20px;padding-bottom:15px;padding-top:15px;border-bottom:2px solid #000;border-top:2px solid #000;color:#000">
						A Clínica Mest sempre pesando na melhor forma para atendê-lo.</br>
						PCMSO - Programa de controle médico de saúde ocupacional.</br> 
						PPRA - Programa de prevenção de risco ambiental. </br>
						PCMAT - Programa de meio ambiente de trabalho. </br>
						LTCAT - Laudo técnico de condições do ambiente de trabalho. </br>
						PPP - Perfil profissional gráfico previdenciário. </br>
						Aso - Atestado de saúde ocupacional. </br>
						Audiometria. </br>
						Exames laboratoriais. </br>
						Estadia de médicos de trabalho em sua empresa. </br>
						Contrato de consultoria de técnico de segurança.
					</div>
					
					</li>
					<!-- SLIDE  -->
					<li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000">
					<!-- MAIN IMAGE -->
					<img src="img/SliderImg/slider2/slide4.png" style="max-width:100% !important" alt="darkblurbg" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
					<!-- LAYERS -->
					<!-- LAYER NR. 1 -->
					<div class="tp-caption largeblackbg customin customout" data-x="4" data-y="25" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="1000" data-speed="600" data-easing="Power0.easeIn" data-end="7000" data-endspeed="600" data-endeasing="Linear.easeNone">
						Segurança do Trabalho
					</div>
					<!-- LAYER NR. 2 -->
					<div class="tp-caption mediumwhitebg customin customout" data-x="4" data-y="90" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="1500" data-speed="600" data-easing="Power0.easeIn" data-end="7500" data-endspeed="600" data-endeasing="Linear.easeNone">
						PPRA - Programa de prevenção de risco ambiental.
					</div>
					<!-- LAYER NR. 3 -->
					<div class="tp-caption mediumwhitebg customin customout" data-x="4" data-y="140" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="2000" data-speed="600" data-easing="Power0.easeIn" data-end="8000" data-endspeed="600" data-endeasing="Linear.easeNone">
						PCMSO - Programa de controle médico de saúde ocupacional. 
					</div>
					<div class="tp-caption mediumwhitebg customin customout" data-x="4" data-y="190" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="2000" data-speed="600" data-easing="Power0.easeIn" data-end="8500" data-endspeed="600" data-endeasing="Linear.easeNone">
						PCMAT - Programa de meio ambiente de trabalho. 
					</div>
					<div class="tp-caption mediumwhitebg customin customout" data-x="4" data-y="240" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="2000" data-speed="600" data-easing="Power0.easeIn" data-end="9000" data-endspeed="600" data-endeasing="Linear.easeNone">
						PCMAT - Programa de meio ambiente de trabalho. 
					</div>
					<div class="tp-caption mediumwhitebg customin customout" data-x="4" data-y="290" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="2000" data-speed="600" data-easing="Power0.easeIn" data-end="9500" data-endspeed="600" data-endeasing="Linear.easeNone">
						LTCAT - Laudo técnico de condições do ambiente de trabalho. 
					</div>
					
					<div class="tp-caption mediumwhitebg customin customout" data-x="4" data-y="340" data-customin="x:0;y:-100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-customout="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-start="2000" data-speed="600" data-easing="Power0.easeIn" data-end="10000" data-endspeed="600" data-endeasing="Linear.easeNone">
						PPP - Perfil profissional gráfico previdenciário.
					</div>
					
					</li>
				</ul>
				<div class="tp-bannertimer">
					</div>
				</div>
			</div>
			
			
			
			
			
			
			
			
			
			
			
			<!-- Start of about us section -->
			<section id="aboutus">
			<div class="container">
				<h1 class="one-page-heading">
				<span>We Are SkyWay</span>
				</h1>
				<h4 class="normal-font margin-bottom-50 text-center"><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. </i></h4>
				<div class="row">
					<div class="col-md-6" data-gen="fadeInDown">
						<h4 class="margin-bottom-30">Welcome to our template</h2>
						<p>
							SkyWay is beautiful responsive multipurpose bootstrap 3.0 and HTML5 template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec
						</p>
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec
						</p>
					</div>
					<!-- /.col-md-4 -->
					<div class="col-sm-6">
						<h4 class="margin-bottom-30">We got <span class="primary-color">awesome</span> skills</h4>
						<div class="progress progress-striped active margin-bottom-30">
							<div class="progress-bar progress-bar-black" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" rel="100">
								<span class="sr-only">100% Complete</span>
							</div>
							<span class="progress-bar-text">Mobile Programming - 100%</span>
						</div>
						<div class="progress progress-striped active margin-bottom-30">
							<div class="progress-bar progress-bar-black " role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="90" rel="100">
								<span class="sr-only">100% Complete</span>
							</div>
							<span class="progress-bar-text">Web Programming - 100%</span>
						</div>
						<div class="progress progress-striped active margin-bottom-30">
							<div class="progress-bar progress-bar-black " role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="80" rel="100">
								<span class="sr-only">100% Complete</span>
							</div>
							<span class="progress-bar-text">Web Design - 100%</span>
						</div>
						<div class="progress progress-striped active margin-bottom-30">
							<div class="progress-bar progress-bar-black " role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="70" rel="95">
								<span class="sr-only">100% Complete</span>
							</div>
							<span class="progress-bar-text">Photoshop - 95%</span>
						</div>
						<div class="progress progress-striped active margin-bottom-30">
							<div class="progress-bar progress-bar-black " role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="70" rel="90">
								<span class="sr-only">100% Complete</span>
							</div>
							<span class="progress-bar-text">Wordpress - 90%</span>
						</div>
						<div class="progress progress-striped active margin-bottom-30">
							<div class="progress-bar progress-bar-black " role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="70" rel="85">
								<span class="sr-only">100% Complete</span>
							</div>
							<span class="progress-bar-text">HTML / CSS - 85%</span>
						</div>
					</div>
				</div>
				<!-- /.row -->
				<div class="margin-bottom-80">
				</div>
			</div>
			</section>
			<!-- End of about us section -->
			<!-- Start of features section -->
			<section id="features" class="parallax-2 parallax-onepage">
			<div class="container white-text-color">
				<h1 class="one-page-heading">
				<span> Core Features</span>
				</h1>
				<h4 class="normal-font margin-bottom-50 text-center"><i> Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i>
				</h4>
				<div class="row">
					<div class="col-md-6">
						<img src="img/IndexImg/responsive-view.png" title="Responsive Style">
					</div>
					<div class="col-md-6">
						<p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus
						</p>
						<div class="row">
							<div class="col-sm-6">
								<ol class="number-list list-divider">
									<li>
									Praesent commodo cursus magna </li>
									<li>
									Donec ullamcorper nulla non elit </li>
									<li>
									Consectetur adipiscing elit nulla </li>
									<li>
									Lorem ipsum dolor sit amet non </li>
									<li>
									Faucibus porta lacus fringilla vel </li>
								</ol>
								<a class="btn btn-primary animated zoomIn" href="#" style="">View All Features</a>
							</div>
							<div class="col-sm-6">
								<ol class="number-list list-divider">
									<li>
									Praesent commodo cursus magna </li>
									<li>
									Donec ullamcorper nulla non elit </li>
									<li>
									Consectetur adipiscing elit nulla </li>
									<li>
									Lorem ipsum dolor sit amet non </li>
									<li>
									Faucibus porta lacus fringilla vel </li>
								</ol>
							</div>
						</div>
					</div>
				</div>
			</div>
			</section>
			<!-- End of features section -->
			<!-- Start of services section -->
			<section id="services" class="container">
			<h1 class="one-page-heading">
			<span> Our Services</span>
			</h1>
			<h4 class="normal-font margin-bottom-50 text-center"><i> Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i>
			</h4>
			<div class="row">
				<div class="col-sm-3">
					<img src="img/IndexImg/businessman.png" alt="Marketing">
				</div>
				<div class="col-sm-6">
					<h3 class="header-title">What We Offer</h3>
					<span class="line"></span>
					<div class="icon-text-block animated zoomIn" data-gen="zoomIn" style="">
						<i class="fa block-icon fa-check-circle fa-3x"></i>
						<div class="text-block">
							<h4>Fully dedicated 24/7 customer support</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis
							</p>
						</div>
					</div>
					<div class="icon-text-block animated zoomIn" data-gen="zoomIn" style="">
						<i class="fa block-icon fa-check-circle fa-3x"></i>
						<div class="text-block">
							<h4>Clean coded theme with retina ready graphics</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis
							</p>
						</div>
					</div>
					<div class="icon-text-block animated zoomIn" data-gen="zoomIn" style="">
						<i class="fa block-icon fa-check-circle fa-3x"></i>
						<div class="text-block">
							<h4>Pixel perfect design with responsive touch</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-3">
					<h3 class="header-title">Testimonials</h3>
					<span class="line"></span>
					<div id="testimonials-2" class="slide testimonial testimonial-version1">
						<!-- Testimonial items -->
						<div class="carousel-inner">
							<div class="item active">
								<div class="textbox">
									<p>
										SkyWay is beautiful responsive multipurpose bootstrap 3.0 and HTML5 template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut
									</p>
								</div>
								<div class="fullwidth">
									<div class="testimonial-metadata">
										<img src="img/BlogImg/author2.jpg" alt="Circle Image" class="img-circle">
										<span class="author primary-color">
										Jone Doe </span>
										<br>
										<em>CEO of Company</em>
									</div>
								</div>
							</div>
							<!--/item-->
							<div class="item">
								<div class="textbox">
									<p>
										SkyWay is beautiful responsive multipurpose bootstrap 3.0 and HTML5 template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut
									</p>
								</div>
								<div class="fullwidth">
									<div class="testimonial-metadata">
										<img src="img/BlogImg/ahmadmalik.jpg" alt="Circle Image" class="img-circle">
										<span class="author primary-color">
										Ahmad Malik </span>
										<br>
										<em>Project Manager</em>
									</div>
								</div>
							</div>
							<!--/item-->
							<div class="item">
								<div class="textbox">
									<p>
										 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut, tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus. Sed non leo nisl, ac euismod nisi.
									</p>
								</div>
								<div class="fullwidth">
									<div class="testimonial-metadata">
										<img src="img/TemplateImg/Icons/user.jpg" alt="Circle Image" class="img-circle">
										<span class="author primary-color">
										User </span>
										<br>
										<em>General User</em>
									</div>
								</div>
							</div>
							<!--/item-->
						</div>
						<!--/Testimonial-inner-->
						<div class="testimonial-control pull-right">
							<a class="left btn btn-default btn-xs animated zoomIn" href="#testimonials-2" data-slide="prev" style=""><i class="fa fa-angle-left fa-2x"></i></a>
							<a class="right btn btn-default btn-xs animated zoomIn" href="#testimonials-2" data-slide="next" style=""><i class="fa fa-angle-right fa-2x"></i></a>
						</div>
					</div>
				</div>
			</div>
			</section>
			<!-- End of services section -->
			<!-- Start of Download tagline -->
			<div class="container margin-bottom-40">
				<div class="fullwidth">
					<div class="tag-box black-text-color tag-box-version1">
						<div class="row">
							<div class="col-sm-9">
								<h4>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae </h4>
								<small>ligula elementum ut luctus lorem facilisis. Sed non leo nisl, ac euismod nisi. Aenean augue dolor, facilisis id fringilla ut</small>
							</div>
							<div class="col-xs-3">
								<button class="btn btn-default pull-right">
								<h4 style="color: inherit !important"><i class="fa fa-cloud-download"></i> Download Now</h4>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End of Download tagline -->
			<!-- Start of portfolio section -->
			<section id="portfolio" class="parallax-onepage parallax-1 white-text-color">
			<h1 class="one-page-heading">
			<span> Portfolio Projects</span>
			</h1>
			<h4 class="normal-font margin-bottom-50 text-center"><i> Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i>
			</h4>
			<div class="fullwidth content-slider relative-position">
				<div id="owl-slider" class="owl-slider owl-carousel">
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img2.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img3.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img4.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img5.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img6.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img7.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img8.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img9.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img10.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img11.jpg" alt="ALT NAME">
					</div>
					<div class="item thumbnail-v8 text-center">
						<div class="caption animated" style="display: none;">
							<h4>Caption Title</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing. Integer posuere erat a ante. Aenean augue dolor, facilisis id fringilla ut. tempus vitae nibh. Nullam nec diam risus. Donec laoreet ultricies rhoncus.
							</p>
							<div>
								<a class="btn btn-default btn-icon" href="portfolio-item-style2.html"><i class="fa fa-link fa-fw fa-lg"></i></a>
								<a class="btn btn-default btn-icon"><i class="fa fa-search-plus fa-fw fa-lg"></i></a>
							</div>
						</div>
						<img src="img/PortfolioImg/img12.jpg" alt="ALT NAME">
					</div>
				</div>
				<div class="fullwidth text-center">
					<a class="prev btn btn-default btn-xs absolute-left vertical-middle"><i class="fa fa-angle-left fa-3x"></i></a>
					<a class="next btn btn-default btn-xs absolute-right vertical-middle"><i class="fa fa-angle-right fa-3x"></i></a>
				</div>
			</div>
			</section>
			<!-- End of portfolio section -->
			<!-- Start of team section -->
			<section id="team">
			<div class="container">
				<h1 class="one-page-heading">
				<span> Meet Our Team</span>
				</h1>
				<h4 class="normal-font margin-bottom-50 text-center"><i> Donec iaculis metus vitae ligula elementum ut luctus lorem facilisis. <br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i>
				</h4>
				<div class="row our-team">
					<div class="col-sm-3">
						<div class="thumbnail-text">
							<img class="group1" src="img/IndexImg/rob.png" title="Image Title">
							<div class="heading">
								<h4>Rob Winson</h4>
								<small>Chief Executive Officer</small>
							</div>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus
							</p>
							<ul class="list-inline pull-right">
								<li><a href="#" class="btn facebook-icon animated zoomIn" style=""><i class="fa fa-facebook fa-lg"></i></a></li>
								<li><a href="#" class="btn twitter-icon animated zoomIn" style=""><i class="fa fa-twitter fa-lg"></i></a></li>
								<li><a href="#" class="btn googleplus-icon animated zoomIn" style=""><i class="fa fa-google-plus fa-lg"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail-text">
							<img class="group1" src="img/IndexImg/john.png" title="Image Title">
							<div class="heading">
								<h4>John Doe</h4>
								<small>Project Manager</small>
							</div>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus
							</p>
							<ul class="list-inline pull-right">
								<li><a href="#" class="btn facebook-icon animated zoomIn" style=""><i class="fa fa-facebook fa-lg"></i></a></li>
								<li><a href="#" class="btn twitter-icon animated zoomIn" style=""><i class="fa fa-twitter fa-lg"></i></a></li>
								<li><a href="#" class="btn googleplus-icon animated zoomIn" style=""><i class="fa fa-google-plus fa-lg"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail-text">
							<img class="group1" src="img/IndexImg/smith.png" title="Image Title">
							<div class="heading">
								<h4>John Smith</h4>
								<small>Creative Director</small>
							</div>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus
							</p>
							<ul class="list-inline pull-right">
								<li><a href="#" class="btn facebook-icon animated zoomIn" style=""><i class="fa fa-facebook fa-lg"></i></a></li>
								<li><a href="#" class="btn twitter-icon animated zoomIn" style=""><i class="fa fa-twitter fa-lg"></i></a></li>
								<li><a href="#" class="btn googleplus-icon animated zoomIn" style=""><i class="fa fa-google-plus fa-lg"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-3">
						<div class="thumbnail-text">
							<img class="group1" src="img/IndexImg/julia.png" title="Image Title">
							<div class="heading">
								<h4>Julia Amanda</h4>
								<small>Web Developer</small>
							</div>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis metus vitae ligula elementum ut luctus
							</p>
							<ul class="list-inline pull-right">
								<li><a href="#" class="btn facebook-icon animated zoomIn" style=""><i class="fa fa-facebook fa-lg"></i></a></li>
								<li><a href="#" class="btn twitter-icon animated zoomIn" style=""><i class="fa fa-twitter fa-lg"></i></a></li>
								<li><a href="#" class="btn googleplus-icon animated zoomIn" style=""><i class="fa fa-google-plus fa-lg"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			</section>
			<!-- End of team section -->
			<!-- Start of contact us section -->
			<section id="contactus" class="parallax-4 padding-bottom-50 white-text-color">
			<div class="container contactuspage" style="background-image:">
				<h1 class="one-page-heading">
				<span> Contact Us</span>
				</h1>
				<h4 class="normal-font margin-bottom-50 text-center"><i> We like to create things with fun, like-minded people.<br/>Feel free to say hello! </i>
				</h4>
				<div class="row ">
					<div class="col-sm-3">
						<h3 class="header-title"> Visit Our Office</h3>
						<br/><br/>
						<table class="contactustable">
						<tr>
							<td>
								<h5><i class="fa fa-map-marker fa-lg"></i> Address:</h5>
							</td>
							<td>
								<p class="padding-top-10">
									123 Street Name St.
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<h5><i class="fa fa-phone fa-lg"></i> Phone:</h5>
							</td>
							<td>
								<p class="padding-top-10">
									+923234392424
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<h5><i class="fa fa-envelope-o fa-lg"></i> Email:</h5>
							</td>
							<td>
								<p class="padding-top-10">
									saleem804@gmail.com
								</p>
							</td>
						</tr>
						</table>
					</div>
					<div class="col-sm-3">
						<h3 class="header-title"> Office Timing</h3>
						<br/><br/>
						<table>
						<tr>
							<td>
								<h5><i class="fa fa-clock-o fa-lg"></i> Mon. - Fri. :</h5>
							</td>
							<td>
								<p class="padding-top-10">
									8am to 5pm
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<h5><i class="fa fa-clock-o fa-lg"></i> Sat. :</h5>
							</td>
							<td>
								<p class="padding-top-10">
									9am to 3pm
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<h5><i class="fa fa-clock-o fa-lg"></i> Sun. :</h5>
							</td>
							<td>
								<p class="padding-top-10">
									Closed
								</p>
							</td>
						</tr>
						</table>
					</div>
					<div class="col-sm-6">
						<div class="row">
							<form role="form" class="text-center contactform">
								<div class="row">
									<div class="input-group col-sm-6">
										<div class="input-group-addon primary-color">
											<i class="fa fa-user"></i>
										</div>
										<input type="text" class="form-control" placeholder="Your Name"/>
									</div>
									<div class="input-group col-sm-6">
										<div class="input-group-addon primary-color">
											<i class="fa fa-envelope"></i>
										</div>
										<input type="text" class="form-control" placeholder="Email address"/>
									</div>
								</div>
								<textarea class="form-control" id="exampleMessage" placeholder="Message" rows="4"></textarea>
								<br/>
								<input type="submit" value="Send Message" class="btn btn-primary widthfull"/>
							</form>
						</div>
					</div>
				</div>
				<div class="fullwidth">
					<iframe width="100%" height="400" class="gmap" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Lahore,+Punjab,+Pakistan&amp;aq=0&amp;oq=Lahore+&amp;sll=37.0625,-95.677068&amp;sspn=51.04407,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=Lahore,+Lahore+District,+Punjab,+Pakistan&amp;t=m&amp;z=11&amp;ll=31.60505,74.340683&amp;output=embed">
					</iframe>
					<br/><small></small>
				</div>
			</div>
			</section>
			<!--Start of  FOOTER -->
			<!-- Dotted line between footer -->
			<hr class='dotted'/>
			<footer class="below-footer">
			<div class="container ">
				<div class="pull-right smalllogo">
					<div>
						<a href="http://themifycloud.com/downloads/skyway-responsive-html5-template/"><i class="fa fa-dot-circle-o"></i> SkyWay</a>
					</div>
				</div>
				<a id="scrolltotop" href="#" class="btn btn-default btn-sm"><i class="fa fa-angle-up fa-2x"></i></a>
				<p>
					&copy; 2014 Company, Inc. &nbsp;&nbsp;<a href="http://themifycloud.com" class="primary-color">Privacy Policy</a>&nbsp; |&nbsp; <a href="http://themifycloud.com" class="primary-color">Terms of Service</a>
				</p>
			</div>
			</footer>
			<!-- End of footer -->
		</div>
	</div>
</div>
<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/site.js"></script>
<!--start of Main Image Slider css and jquery files-->
<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
<script type="text/javascript" src="vendor/rsplugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="vendor/rsplugin/js/jquery.themepunch.revolution.min.js"></script>
<!--This is javascript for style switcher widget-->
<script type="text/javascript" src="styleswitcher/styleChanger/styleswitcher.js"></script>
<!--End of switcher widget-->
<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
<script type="text/javascript">
				var revapi;
				jQuery(document).ready(function() {
					   revapi = jQuery('.tp-banner').revolution(
						{
							delay:15000,
							startwidth:1170,
							startheight:500,
							hideThumbs:10,
							fullWidth:"off",
							fullScreen:"on",
							fullScreenOffsetContainer: "",
							navigationType: "none"
						});
				});	//ready
			</script>
<!-- End of SLIDER REVOLUTION 4.x CSS SETTINGS -->
</body>
</html>