<!DOCTYPE html>
<html lang="en">
<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><html lang="en"><![endif]-->
<!--[if !IE]><html lang="en"><![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Absolute - Responsive One Page Theme</title>
<!-- Fonts -->
<link href="#css?family=Source+Sans+Pro:300,400,400italic,700" rel="stylesheet" type="text/css">
<!-- Essential stylesheets -->
<link rel="stylesheet" href="css/lib/font-awesome.min.css">
<link rel="stylesheet" href="css/lib/magnific-popup.css">
<link rel="stylesheet" href="css/lib/bxslider.css">
<link rel="stylesheet" href="css/lib/owl.carousel.css">
<link rel="stylesheet" href="css/lib/owl.theme.css">
<link rel="stylesheet" href="css/lib/base.css">
<!-- The stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- The favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<script src="js/lib/modernizr.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Top of the page -->
<div id="top"></div>
<!-- Top bar -->
<div class="top-bar tb-large tb-transp">
<div class="row">
<div class="twelve col">
<!-- Symbolic or typographic logo -->
<div class="tb-logo">
<h1><a href="#home" class="scrollto">Absolute</a></h1>
</div>
<!-- Menu toggle -->
<input type="checkbox" id="toggle" />
<label for="toggle" class="toggle"></label>
<!-- Menu items -->
<nav class="menu">
<ul>
<li><a href="#home" class="scrollto">Home</a></li>
<li><a href="#about" class="scrollto">About</a></li>
<li><a href="#work" class="scrollto">Work</a>
<li><a href="#services" class="scrollto">Services</a></li>
<li><a href="#process" class="scrollto">Process</a></li>
<li><a href="#team" class="scrollto">Our Team</a></li>
<li><a href="#contact" class="scrollto">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- Home static background -->
<section id="home" class="home">
<div class="header large bg-img fixed background-one">
<div class="header-inner">
<!-- Content -->
<h2 class="bigtext text-white uber mb0">Absolute</h2>
<h6 class="serif bigtext text-white">Let Me Tell You Something</h6>
<a class="scrollto btn outline light grid-mt grid-ms" href="#about">LEARN MORE</a>
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<!-- Introduction -->
<section id="about" class="about">
<!-- Title text -->
<div class="row">
<div class="eight col center text-center">
<h3>About Us</h3>
</div>
</div>
<!-- Icon navigation -->
<div class="row equal">
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-desktop"></i>
<b>Professional Design </b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-comments-o"></i>
<b>Retina Ready</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-gears"></i>
<b>7x24 Support</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-flask"></i>
<b>Clean Coding</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-tablet"></i>
<b>Responsive Design</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-trophy"></i>
<b>Winning Award Theme</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-thumbs-o-up"></i>
<b>Easy Customize</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
<!-- Icon -->
<div class="three col medium-three col small-six col">
<div class="icon-nav">
<a href="#" class="scrollto">
<i class="fa fa-cloud-download"></i>
<b>Free Download</b>
<em>Contrary to popular belief, Lorem Ipsum is not simply random text.</em>
</a>
</div>
</div>
</div>
</section>
<!-- Work -->
<section id="work" class="work section-slider">
<!-- Title text -->
<div class="row">
<div class="eight col center text-center">
<h3>Work</h3>
</div>
</div>
<!-- Work slider -->
<div class="row relative">
<div class="owlcarousel work-slider">
<!-- Work item -->
<div class="grid-ms">
<div class="overlay-item">
<a class="popup-gallery" href="images/portfolio-thumb-1.jpg">
<span class="o-hover">
<span>
<i class="fa fa-image fa-2x"></i>
</span>
</span>
<img src="images/portfolio-thumb-1.jpg" alt="portfolio-thumb-1" class="responsive-img">
</a>
</div>
<div class="e-info">
<h3>Web Design</h3>
<p>HTML</p>
</div>
</div>
<!-- Work item -->
<div class="grid-ms">
<div class="overlay-item">
<a class="popup-gallery" href="images/portfolio-thumb-2.jpg">
<span class="o-hover">
<span>
<i class="fa fa-image fa-2x"></i>
</span>
</span>
<img src="images/portfolio-thumb-2.jpg" alt="portfolio-thumb-2" class="responsive-img">
</a>
</div>
<div class="e-info">
<h3>Web Design</h3>
<p>HTML</p>
</div>
</div>
<!-- Work item -->
<div class="grid-ms">
<div class="overlay-item">
<a class="popup-gallery" href="images/portfolio-thumb-3.jpg">
<span class="o-hover">
<span>
<i class="fa fa-image fa-2x"></i>
</span>
</span>
<img src="images/portfolio-thumb-3.jpg" alt="portfolio-thumb-3" class="responsive-img">
</a>
</div>
<div class="e-info">
<h3>Web Design</h3>
<p>HTML</p>
</div>
</div>
<!-- Work item -->
<div class="grid-ms">
<div class="overlay-item">
<a class="popup-gallery" href="images/portfolio-thumb-4.jpg">
<span class="o-hover">
<span>
<i class="fa fa-image fa-2x"></i>
</span>
</span>
<img src="images/portfolio-thumb-4.jpg" alt="portfolio-thumb-4" class="responsive-img">
</a>
</div>
<d
没有合适的资源?快使用搜索试试~ 我知道了~
黑色简洁单页page公司网站模板_黑色简洁公司食品食物蔬菜大图响应式手机单页.rar
共33个文件
js:9个
jpg:9个
css:7个
需积分: 0 0 下载量 60 浏览量
2023-09-10
10:34:29
上传
评论
收藏 1.06MB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
黑色简洁单页page公司网站模板_黑色简洁公司食品食物蔬菜大图响应式手机单页.rar (33个子文件)
style.css 26KB
bxslider.css 3KB
portfolio-thumb-2.jpg 15KB
FontAwesome.otf 73KB
Thumbs.db 66KB
bg-1.jpg 217KB
fontawesome-webfont.eot 71KB
owl.carousel.css 1KB
portfolio-thumb-5.jpg 13KB
retina.min.js 3KB
portfolio-thumb-1.jpg 19KB
main.js 4KB
portfolio-thumb-6.jpg 11KB
jquery.fitvids.js 2KB
jquery.magnific-popup.min.js 20KB
fontawesome-webfont.woff 82KB
modernizr.js 7KB
magnific-popup.css 6KB
portfolio-thumb-4.jpg 17KB
font-awesome.min.css 20KB
portfolio-thumb-3.jpg 19KB
index.html 21KB
jquery.equal.js 747B
owl.carousel.min.js 15KB
fontawesome-webfont.svg 248KB
team-1.jpg 16KB
jquery.bxslider.min.js 19KB
fontawesome-webfont.ttf 138KB
base.css 13KB
jquery.min.js 94KB
owl.theme.css 1KB
loader.gif 7KB
bg-4.jpg 289KB
共 33 条
- 1
资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功