<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Creativ</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<link href='http://fonts.useso.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="index.html">Creativ<strong><span class="color">.</span></strong></a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="page-scroll">Home</a></li>
<li><a href="#services-section" class="page-scroll">Services</a></li>
<li><a href="#works-section" class="page-scroll">Portfolio</a></li>
<li><a href="#about-section" class="page-scroll">About</a></li>
<li><a href="#team-section" class="page-scroll">Team</a></li>
<li><a href="#testimonials-section" class="page-scroll">Testimonials</a></li>
<li><a href="#contact-section" class="page-scroll">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header class="text-center" name="home">
<div class="intro-text">
<h1>Welcome to <strong><span class="color">Creativ</span></strong></h1>
<p>We create amazing <strong>websites</strong> & <strong>apps</strong> that deliver great user experiences.</p>
<a href="#services-section" class="fa fa-angle-down page-scroll"> </a> </div>
</header>
<!-- Services Section -->
<div id="services-section" class="text-center">
<div class="container">
<div class="section-title center">
<h2>Our <strong>Services</strong></h2>
<hr>
<div class="clearfix"></div>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus. Eleifend pellentesque natoque faucibus magna ut etiam.</p>
</div>
<div class="space"></div>
<div class="row">
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-desktop"></i>
<h4><strong>Web design</strong></h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
</div>
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-mobile"></i>
<h4><strong>App Development</strong></h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque.</p>
</div>
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-pie-chart"></i>
<h4><strong>Analystics</strong></h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
</div>
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-line-chart"></i>
<h4><strong>Seo Services</strong></h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque.</p>
</div>
</div>
</div>
</div>
<!-- Portfolio Section -->
<div id="works-section">
<div class="container"> <!-- Container -->
<div class="section-title text-center center">
<h2>Our <strong>Works</strong></h2>
<hr>
<div class="clearfix"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p>
</div>
<div class="categories">
<ul class="cat">
<li>
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".web">Web Design</a></li>
<li><a href="#" data-filter=".app">App Development</a></li>
<li><a href="#" data-filter=".branding">Branding</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/01.jpg" rel="prettyPhoto">
<div class="hover-text">
<h4>Project Title</h4>
<small>Web Design</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i> </div>
<img src="img/portfolio/01.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/02.jpg" rel="prettyPhoto">
<div class="hover-text">
<h4>Project Title</h4>
<small>App Development</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i> </div>
<img src="img/portfolio/02.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg"> <a href="img/portfolio/03.jpg" rel="prettyPhoto">
<div class="hover-text">
<h4>Project Title</h4>
<small>Web Design</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i> </div>
<img src="img/portfolio/03.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web"
没有合适的资源?快使用搜索试试~ 我知道了~
html5pc静态模板 IT互联网科技公司单页模板 (含响应式).zip
共110个文件
png:29个
jpg:14个
scss:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 33 浏览量
2023-03-11
14:05:47
上传
评论
收藏 2.3MB ZIP 举报
温馨提示
免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,本人不对所涉及的版权问题或内容负法律责任。如有侵权,请举报或通知本人删除。
资源推荐
资源详情
资源评论
收起资源包目录
html5pc静态模板 IT互联网科技公司单页模板 (含响应式).zip (110个子文件)
bootstrap.css 138KB
bootstrap.min.css 114KB
font-awesome.css 28KB
font-awesome.min.css 23KB
prettyPhoto.css 19KB
style.css 10KB
owl.theme.css 2KB
owl.carousel.css 1KB
responsive.css 425B
fontawesome-webfont.eot 59KB
glyphicons-halflings-regular.eot 20KB
loader.gif 6KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
default_thumbnail.gif 227B
index.html 18KB
testimonial-bg.jpg 139KB
header-bg.jpg 114KB
03.jpg 82KB
04.jpg 67KB
06.jpg 60KB
08.jpg 55KB
05.jpg 50KB
01.jpg 46KB
07.jpg 41KB
02.jpg 36KB
02.jpg 14KB
04.jpg 13KB
03.jpg 12KB
01.jpg 11KB
jquery.1.11.1.js 94KB
bootstrap.js 65KB
owl.carousel.js 52KB
jquery.isotope.js 44KB
bootstrap.min.js 35KB
jquery.prettyPhoto.js 22KB
modernizr.custom.js 15KB
SmoothScroll.js 13KB
main.js 3KB
icons.less 36KB
variables.less 16KB
mixins.less 983B
path.less 770B
animated.less 713B
rotated-flipped.less 622B
core.less 509B
stacked.less 476B
font-awesome.less 465B
list.less 377B
larger.less 370B
bordered-pulled.less 330B
fixed-width.less 119B
FontAwesome.otf 92KB
Creativ.png 702KB
about.png 178KB
sprite.png 7KB
sprite.png 4KB
sprite.png 4KB
sprite.png 4KB
sprite.png 3KB
sprite.png 3KB
default_thumb.png 2KB
btnPrevious.png 1KB
btnPrevious.png 1KB
btnPrevious.png 1KB
btnPrevious.png 1KB
btnNext.png 1KB
btnNext.png 1KB
btnNext.png 1KB
btnNext.png 1KB
sprite_prev.png 1KB
sprite_next.png 1KB
sprite_y.png 1KB
sprite_x.png 1KB
btnNext.png 845B
btnPrevious.png 828B
contentPatternTop.png 142B
contentPatternBottom.png 142B
contentPatternLeft.png 137B
contentPatternRight.png 136B
contentPattern.png 130B
contentPattern.png 121B
_icons.scss 37KB
_variables.scss 16KB
_mixins.scss 1000B
_path.scss 783B
_animated.scss 715B
_rotated-flipped.scss 672B
_core.scss 513B
_stacked.scss 482B
font-awesome.scss 405B
_list.scss 378B
_larger.scss 375B
共 110 条
- 1
- 2
资源评论
金枝玉叶9
- 粉丝: 144
- 资源: 7638
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功