<!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
共57个文件
png:23个
js:7个
jpg:7个
需积分: 0 0 下载量 100 浏览量
2023-09-10
10:33:38
上传
评论
收藏 1.83MB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
简洁单页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
共 57 条
- 1
资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功