<!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
需积分: 0 22 浏览量
2023-09-10
10:34:00
上传
评论
收藏 2.09MB RAR 举报
扁平宽屏公司网站单页模板是一款响应式HTML5单页网站模板下载.rar （31个子文件） 
style.css 16KB bootstrap.min.css 138KB
2.jpg 94KB FontAwesome.otf 84KB slide2.jpg 107KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB bootstrap.min.js 36KB fontawesome-webfont.eot 55KB
logo.png 815B 1.jpg 97KB slide1.jpg 63KB fontawesome-webfont.woff 64KB breadcumb.jpg 107KB team-3.jpg 80KB slide3.jpg 260KB font-awesome.min.css 28KB ionicons.ttf 184KB ionicons.eot 118KB
index.html 33KB ionicons.woff 66KB fontawesome-webfont.svg 280KB jquery.mixitup.min.js 28KB team-1.jpg 47KB fontawesome-webfont.ttf 110KB ionicons.min.css 50KB custom.js 1KB jquery.js 94KB team-2.jpg 111KB资源评论
