<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>Homepage</title>
<link rel="icon" href="favicon.png" type="image/png">
<link rel="shortcut icon" href="favicon.ico" type="img/x-icon">
<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,800italic,700italic,600italic,400italic,300italic,800,700,600' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!--[if IE]><style type="text/css">.pie {behavior:url(PIE.htc);}</style><![endif]-->
<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/classie.js"></script>
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
</head>
<body>
<div style="overflow:hidden;">
<header class="header" id="header"><!--header-start-->
<div class="container">
<figure class="logo animated fadeInDown delay-07s">
<a href="#"><img src="img/logo.png" alt=""></a>
</figure>
<h1 class="animated fadeInDown delay-07s">Welcome To Knight Studios</h1>
<ul class="we-create animated fadeInUp delay-1s">
<li>We are a digital agency that loves crafting beautiful websites.</li>
</ul>
<a class="link animated fadeInUp delay-1s" href="#">Get Started</a>
</div>
</div>
</header><!--header-end-->
<nav class="main-nav-outer" id="test"><!--main-nav-start-->
<div class="container">
<ul class="main-nav">
<li><a href="#header">Home</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li class="small-logo"><a href="#header"><img src="img/small-logo.png" alt=""></a></li>
<li><a href="#client">Clients</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a class="res-nav_click" href="#"><i class="fa-bars"></i></a>
</div>
</nav><!--main-nav-end-->
<section class="main-section" id="service"><!--main-section-start-->
<div class="container">
<h2>Services</h2>
<h6>We offer exceptional service with complimentary hugs.</h6>
<div class="row">
<div class="col-lg-4 col-sm-6 wow fadeInLeft delay-05s">
<div class="service-list">
<div class="service-list-col1">
<i class="fa-paw"></i>
</div>
<div class="service-list-col2">
<h3>branding & identity</h3>
<p>Proin iaculis purus digni consequat sem digni ssim. Donec entum digni ssim.</p>
</div>
</div>
<div class="service-list">
<div class="service-list-col1">
<i class="fa-gear"></i>
</div>
<div class="service-list-col2">
<h3>web development</h3>
<p>Proin iaculis purus consequat sem digni ssim. Digni ssim porttitora .</p>
</div>
</div>
<div class="service-list">
<div class="service-list-col1">
<i class="fa-apple"></i>
</div>
<div class="service-list-col2">
<h3>mobile design</h3>
<p>Proin iaculis purus consequat digni sem digni ssim. Purus donec porttitora entum.</p>
</div>
</div>
<div class="service-list">
<div class="service-list-col1">
<i class="fa-medkit"></i>
</div>
<div class="service-list-col2">
<h3>24/7 Support</h3>
<p>Proin iaculis purus consequat sem digni ssim. Sem porttitora entum.</p>
</div>
</div>
</div>
<figure class="col-lg-8 col-sm-6 text-right wow fadeInUp delay-02s">
<img src="img/macbook-pro.png" alt="">
</figure>
</div>
</div>
</section><!--main-section-end-->
<section class="main-section alabaster"><!--main-section alabaster-start-->
<div class="container">
<div class="row">
<figure class="col-lg-5 col-sm-4 wow fadeInLeft">
<img src="img/iphone.png" alt="">
</figure>
<div class="col-lg-7 col-sm-8 featured-work">
<h2>featured work</h2>
<P class="padding-b">Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit.</P>
<div class="featured-box">
<div class="featured-box-col1 wow fadeInRight delay-02s">
<i class="fa-magic"></i>
</div>
<div class="featured-box-col2 wow fadeInRight delay-02s">
<h3>magic of theme development</h3>
<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. </p>
</div>
</div>
<div class="featured-box">
<div class="featured-box-col1 wow fadeInRight delay-04s">
<i class="fa-gift"></i>
</div>
<div class="featured-box-col2 wow fadeInRight delay-04s">
<h3>neatly packaged</h3>
<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. </p>
</div>
</div>
<div class="featured-box">
<div class="featured-box-col1 wow fadeInRight delay-06s">
<i class="fa-dashboard"></i>
</div>
<div class="featured-box-col2 wow fadeInRight delay-06s">
<h3>SEO optimized</h3>
<p>Proin iaculis purus consequat sem cure digni ssim. Donec porttitora entum suscipit aenean rhoncus posuere odio in tincidunt. </p>
</div>
</div>
<a class="Learn-More" href="#">Learn More</a>
</div>
</div>
</div>
</section><!--main-section alabaster-end-->
<section class="main-section paddind" id="Portfolio"><!--main-section-start-->
<div class="container">
<h2>Portfolio</h2>
<h6>Fresh portfolio of designs that will keep you wanting more.</h6>
<div class="portfolioFilter">
<ul class="Portfolio-nav wow fadeIn delay-02s">
<li><a href="#" data-filter="*" class="current" >All</a></li>
<li><a href="#" data-filter=".branding" >Branding</a></li>
<li><a href="
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
862web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (58个子文件)
862
PIE.htc 40KB
js
bootstrap.js 57KB
wow.js 12KB
jquery.1.8.3.min.js 91KB
html5element.js 315B
respond-1.1.0.min.js 6KB
jquery.isotope.js 43KB
html5shiv.js 2KB
classie.js 2KB
jquery.easing.1.3.js 8KB
jquery-scrolltofixed.js 20KB
1.jpg 89KB
img
res_nav_click.png 984B
Portfolio-pic5.jpg 48KB
c-liogo2.png 6KB
Portfolio-pic3.jpg 67KB
Thumbs.db 8KB
section-bg2.jpg 132KB
glyphicons-halflings-white.png 9KB
logo.png 3KB
Portfolio-pic2.jpg 51KB
team-leader-pic2.jpg 53KB
Portfolio-pic6.jpg 71KB
client-pic1.jpg 4KB
c-liogo4.png 5KB
team-leader-pic3.jpg 60KB
bg-map.png 39KB
list-style.png 965B
iPad.png 163KB
footer-logo.png 2KB
wp.png 29KB
iphone.png 118KB
pw_maze_black_2X.png 818B
pw_maze_black.png 600B
team-leader-pic1.jpg 53KB
small-logo.png 1KB
macbook-pro.png 243KB
Portfolio-pic1.jpg 57KB
glyphicons-halflings.png 12KB
c-liogo1.png 5KB
c-liogo3.png 5KB
imac.png 23KB
Portfolio-pic4.jpg 48KB
c-liogo5.png 4KB
section-bg1.jpg 294KB
css
style.css 16KB
responsive.css 4KB
font-awesome.css 26KB
animate.css 68KB
bootstrap.css 125KB
favicon.ico 5KB
index.html 20KB
fonts
FontAwesome.otf 73KB
fontawesome-webfont.eot 71KB
fontawesome-webfont.woff 82KB
fontawesome-webfont.svg 248KB
fontawesome-webfont.ttf 138KB
favicon.png 1KB
共 58 条
- 1
资源评论
2201_75761617
- 粉丝: 20
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 1961ee27df03bd4595d28e24b00dde4e_744c805f7e4fb4d40fa3f695bfbab035_8(1).c
- mediapipe-0.9.0.1-cp37-cp37m-win-amd64.whl.zip
- windows注册表编辑工具
- mediapipe-0.9.0.1-cp37-cp37m-win-amd64.whl.zip
- 校园通行码预约管理系统20240522075502
- 车类型数据集6250张VOC+YOLO格式.zip
- The PyTorch implementation of STGCN.STGCN-main.zip
- 092300108.cpp
- 车类型数据集6000张VOC+YOLO格式.zip
- for daily read
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功