<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Home</title>
<!-- Favicon Icon -->
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-icon.png">
<link rel="icon" type="image/png" href="images/favicon.png">
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:regular,700,600&latin" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Ion Icons -->
<link href="css/ionicons.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Navbar -->
<div class="navbar navbar-default navbar-fixed-top menu-top">
<div class="container">
<div class="navbar-header">
<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>
<a href="index.html" class="navbar-brand"><img src="images/logo.png" alt="logo"></a>
</div>
<div class="navbar-collapse collapse">
<nav>
<ul class="nav navbar-nav navbar-right">
<li><a class="page-scroll active" href="#home">Home</a></li>
<li><a class="page-scroll" href="#about">About</a></li>
<li><a class="page-scroll" href="#work-process">Process</a></li>
<li><a class="page-scroll" href="#service">Service</a></li>
<li><a class="page-scroll" href="#portfolio">Portfolio</a></li>
<li><a class="page-scroll" href="#team">Team</a></li>
<li><a class="page-scroll" href="#blog">Blog</a></li>
<li><a class="page-scroll" href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- End Navbar -->
<!-- Slider -->
<section id="home" class="welcome-area">
<div class="welcome-slider-area">
<div id="welcome-slide-carousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators carousel-indicators-slider">
<li data-target="#welcome-slide-carousel" data-slide-to="0" class="active"></li>
<li data-target="#welcome-slide-carousel" data-slide-to="1" class=""></li>
<li data-target="#welcome-slide-carousel" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="single-slide-item slide-1">
<div class="hero-clouds"></div>
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>create your company website <br><span>with Osahan</span></h2>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
<a class="btn btn-lg btn-custom" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="single-slide-item slide-2">
<div class="hero-clouds"></div>
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>best services we provide <br><span>with care</span></h2>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
<a class="btn btn-lg btn-custom" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="single-slide-item slide-3">
<div class="hero-clouds"></div>
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>We create an awesome design <br><span>with care</span></h2>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
<a class="btn btn-lg btn-custom" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Slider -->
<!-- About Us -->
<section id="about" class="about-us section-padding">
<div class="container">
<div class="row text-center">
<div class="section-title">
<h2>About us</h2>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single">
<i class="ion-ios-monitor-outline"></i>
<h4>Our Mission</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single">
<i class="ion-ios-eye-outline"></i>
<h4>Our vision</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single">
<i class="ion-ios-people-outline"></i>
<h4>Our history</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single">
<i class="ion-ios-loop"></i>
<h4>Our process</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End About Us -->
<!-- Process Box -->
<section id="work-process" class="process-box section-padding">
<div class="container">
<div class="row text-center">
<div class="section-title text-center">
<h2 class="section-title-white">Work Process</h2>
<span class="section-title-white-span"></span>
<p class="section-title-white">Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
</div>
</div>
<div class="row">
<div class="col-md-2 col-sm-6">
<div class="process-item text-center process-item-alt">
<div class="process-item-icon">
<span class="ion-ios-lightbulb-outline"></span>
</div>
<div class="process-item-content">
<span class="process-item-number">1</span>
<h3 class="process-item-title">Interview</h3>
</div>
</div>
</div>
<div class="col-md-2 col-sm-6">
<div class="process-item highlight text-center process-item-alt">
<div class="process-item-icon">
<span class="ion-ios-bookmarks-outline"></span>
</div>
<div class="process-item-content">
<span class="process-item-number">2</span>
<h3 class="process-item-title">Plan</h3>
</div>
</div>
</div>
<div class="col-md-2 col-sm-6">
扁平宽屏公司网站单页模板是一款响应式HTML5单页网站模板下载。.rar （37个子文件） 
扁平宽屏公司网站单页模板是一款响应式HTML5单页网站模板下载。 moban1831 css 
bootstrap.min.css 138KB ionicons.min.css 50KB style.css 16KB images slider 
slide1.jpg 63KB slide3.jpg 260KB slide2.jpg 107KB team team-1.jpg 47KB team-2.jpg 111KB team-3.jpg 80KB portfolios logo 2.jpg 104KB 1.jpg 32KB app 2.jpg 76KB 1.jpg 84KB icon 2.jpg 88KB 1.jpg 80KB web 2.jpg 94KB 1.jpg 97KB breadcumb.jpg 107KB
logo.png 815B fonts ionicons.eot 118KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.ttf 40KB ionicons.ttf 184KB glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.svg 61KB ionicons.woff 66KB
index.html 33KB js jquery.js 94KB bootstrap.min.js 36KB jquery.mixitup.min.js 28KB custom.js 1KB font-awesome css font-awesome.min.css 28KB fonts fontawesome-webfont.eot 55KB fontawesome-webfont.woff 64KB FontAwesome.otf 84KB fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB资源评论
