<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Clean Single Page Template</title>
<!-- BOOTSTRAP CORE STYLE -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME ICON STYLE -->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- PRETTYPHOTO STYLE -->
<link href="assets/css/prettyPhoto.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- CUSTOM THEME COLOR -- YOU CAN USE LIGHT & DARK THEMES -->
<link href="assets/css/themes/dark.css" rel="stylesheet" />
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top scrollclass">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CLEAN + </a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home-sec">Home</a></li>
<li><a href="#features-sec">Features</a></li>
<li><a href="#advance-sec">Advance</a></li>
<li><a href="#gallery-sec">Gallery</a></li>
<li><a href="#location-sec">Location</a></li>
</ul>
</div>
</div>
</div>
<!--END NAB BAR SECTION-->
<div id="home-sec">
<div class="overlay">
<div class="container">
<div class="col-md-8 pad-top scrollclass">
<h1>
<strong>Simple way to <mark>Attract </mark>your audience by this page </strong>
</h1>
<p class="home-p">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor vitae. Mauris sagittis felis dolor vitae.
Mauris sagittis felis dolor vitae Mauris sagittis felis dolor vitae.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<a class="btn btn-primary btn-lg btn-home" href="#features-sec">Explore More <i class="fa fa-toggle-on"></i></a>
</div>
<div class="col-md-4 img-home-side ">
<img src="assets/img/home-side.png" class="img-responsive" />
</div>
</div>
</div>
</div>
<!--END HOME SECTION-->
<section id="features-sec">
<div class="container">
<div class="row text-center min-set">
<div class="col-md-12">
<h2><mark class="head-glow">Awesome </mark>Features </h2>
<hr class="sub-hr" />
</div>
</div>
<div class="row">
<div class="col-md-4 text-center">
<img src="assets/img/1.png" class="img-set" />
<h3>Dolor sit ametn</h3>
<hr />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="col-md-4 text-center">
<img src="assets/img/bulb-yellow.png" class="main-img" />
</div>
<div class="col-md-4 text-center" style="padding-top: 10px;">
<img src="assets/img/2.png" class="img-set" />
<h3>Lorem ipsum dolo</h3>
<hr />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</div>
</section>
<!--END FEATURES SECTION-->
<section id="skill-sec">
<div class="overlay">
<div class="container">
<div class="row ">
<div class="col-lg-3 col-md-3 col-sm-3 text-center ">
<i class="fa fa-bullseye fa-5x"></i>
<h4>New Technology</h4>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center ">
<i class="fa fa-dollar fa-5x"></i>
<h4>Reduced Cost</h4>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center ">
<i class="fa fa-comments-o fa-5x"></i>
<h4>Dedecated Support </h4>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center">
<i class="fa fa-user fa-5x"></i>
<h4>Awesome Skill </h4>
</div>
</div>
</div>
</div>
</section>
<!--END SKILL SECTION-->
<section id="advance-sec">
<div class="container">
<div class="row text-center min-set">
<div class="col-md-12">
<h2><mark class="head-glow">Advance </mark>Options </h2>
<hr class="sub-hr" />
</div>
</div>
<div class="row">
<div class="col-md-4 text-center">
<img src="assets/img/4.png" class="img-set" />
<h3>Dolor sit ametn</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="col-md-4 text-center">
<img src="assets/img/5.png" class="img-set" />
<h3>Dolor sit ametn</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="col-md-4 text-center">
<img src="assets/img/3.png" class="img-set" />
<h3>Dolor sit ametn</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</div>
</section>
<!--END ADVANCE SECTION-->
<div id="just-sec" style="">
<div class="overlay">
+ YOUR HEADLINE GOES HERE +
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!--END JUST SECTION-->
<section id="gallery-sec">
<div class="container ">
<div class="row text-center min-set">
<div class="col-md-12">
<h2><mark class="head-glow">Galle
简洁作品展示bootstrap响应式手机案例黑色单页lightboxfixed简单.rar
需积分: 0 31 浏览量
2023-09-10
10:33:38
上传
评论
收藏 1.83MB RAR 举报
简洁单页bootstrap作品展示模板下载_简洁作品展示bootstrap响应式手机案例黑色单页lightboxfixed简单.rar （57个子文件） 
style.css 6KB dark.css 817B bootstrap.js 59KB
44.jpg 45KB 66.jpg 61KB
sprite_prev.png 1KB FontAwesome.otf 84KB jquery.prettyPhoto.js 22KB side.png 86KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB 3.png 116KB jquery.easing.min.js 5KB jquery-1.11.1.js 276KB fontawesome-webfont.eot 55KB 22.jpg 48KB contentPatternLeft.png 137B font-awesome.css 26KB sprite_x.png 1KB 15.png 137B
default_thumbnail.gif 227B default_thumb.png 2KB contentPatternTop.png 142B 1.png 145KB fontawesome-webfont.woff 64KB contentPattern.png 121B
index-dark.html 13KB light.css 983B home-side.png 187KB bootstrap.css 129KB sprite.png 3KB bulb-yellow.png 81KB home.jpg 48KB prettyPhoto.css 19KB bulb-white.png 96KB index.html 867B 5.png 86KB 4.png 74KB 11.jpg 63KB btnNext.png 1KB fontawesome-webfont.svg 280KB jquery.mixitup.min.js 14KB btnPrevious.png 1KB sprite_next.png 1KB fontawesome-webfont.ttf 110KB custom.js 2KB contentPatternRight.png 136B contentPatternBottom.png 142B 33.jpg 59KB index-light.html 13KB 2.png 67KB jquery.nicescroll.min.js 57KB sprite_y.png 1KB 55.jpg 36KB loader.gif 2KB资源评论
