<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
<title>Retina - Free CSS template by ChocoTemplates.com</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.carouFredSel-5.5.0-packed.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- shell -->
<div class="shell">
<!-- container -->
<div class="container">
<!-- header -->
<header id="header">
<h1 id="logo"><a href="#">Retina</a></h1>
<!-- search -->
<div class="search">
<form action="" method="post">
<input type="text" class="field" value="keywords here ..." title="keywords here ..." />
<input type="submit" class="search-btn" value="" />
<div class="cl"> </div>
</form>
</div>
<!-- end of search -->
<div class="cl"> </div>
</header>
<!-- end of header -->
<!-- navigaation -->
<nav id="navigation">
<a href="#" class="nav-btn">HOME<span></span></a>
<ul>
<li class="active"><a href="#">home</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">services</a></li>
<li><a href="#">projects</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">jobs</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contacts</a></li>
</ul>
<div class="cl"> </div>
</nav>
<!-- end of navigation -->
<!-- slider-holder -->
<div class="slider-holder">
<!-- slider -->
<div class="slider">
<div class="socials">
<a href="#" class="facebook-ico">facebook-ico</a>
<a href="#" class="twitter-ico">twitter-ico</a>
<a href="#" class="skype-ico">skype-ico</a>
<a href="#" class="rss-ico">rss-ico</a>
<div class="cl"> </div>
</div>
<div class="arrs">
<a href="#" class="prev-arr"></a>
<a href="#" class="next-arr"></a>
</div>
<ul>
<li id="img1">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img2">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img3">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img4">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img5">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img6">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img7">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
<li id="img8">
<div class="slide-cnt">
<h4>Heading Title Goes</h4>
<h2>Just Like That</h2>
<p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
</div>
<img src="css/images/mac-img.png" alt="" />
</li>
</ul>
</div>
<!-- end of slider -->
<!-- thumbs -->
<div id="thumbs-wrapper">
<div id="thumbs">
<a href="#img1" class="selected"><img src="css/images/thumb.png"/></a>
<a href="#img2"><img src="css/images/thumb2.png" /></a>
<a href="#img3"><img src="css/images/thumb3.png" /></a>
<a href="#img4"><img src="css/images/thumb4.png" /></a>
<a href="#img5"><img src="css/images/thumb.png" /></a>
<a href="#img6"><img src="css/images/thumb2.png" /></a>
<a href="#img7"><img src="css/images/thumb3.png" /></a>
<a href="#img8"><img src="css/images/thumb4.png" /></a>
</div>
<a id="prev" href="#"></a>
<a id="next" href="#"></a>
</div>
<!-- end of thumbs -->
</div>
<!-- main -->
<div class="main">
<div class="featured">
<h4>Welcome to <strong>Company Name.</strong> Start Creating Your Website Today completely for <strong>FREE!</strong></h4>
<a href="#" class="blue-btn">GET IN TOUCH</a>
</div>
<section class="cols">
<div class="col">
<h3>About Us</h3>
<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dui ipsum, cursus ut adipiscing porta, vestibulum quis turpis. Ut ultricies rutrum lorem, in blandit tortor congue pulvinar lorem ipsum dolor sit amet, consectetur adipiscing elit. <br /><a href="#" class="more">view more</a></p>
</div>
<div class="col">
<h3>We’re Hiring</h3>
<img src="css/images/col-img.png" alt="" class="left"/>
<h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h5>
<div class="cl"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dui ipsum, cursus ut adipiscing porta, vestibulum quis turpis adispicing amet sit. <br /><a href="#" class="more">view more</a></p>
</div>
<div class="col">
<h3>Our Services</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</
x53_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （47个子文件） 
x53 js 
functions.js 2KB jquery.carouFredSel-6.2.1-packed.js 53KB jquery-1.8.0.min.js 90KB modernizr.custom.js 7KB jquery.carouFredSel-5.5.0-packed.js 53KB css style.css 15KB images 
thumb.png 12KB slider-mobile@2x.png 141KB entries-tablet.png 1KB container-tablet.png 1KB dd-nav-arrs.png 4KB thumb4.png - Shortcut.lnk 2KB body-pattern.png 13KB container-mobile.png 1KB logo.png 2KB left-arr.png 1KB
slider-bg.jpg 32KB nav-btn.png 1KB thumb2.png 6KB slider-mobile.png 50KB slider-tablet.png 342KB logo@2x.png 3KB border-title.png 1014B col-img2.png 7KB search-ico.png 2KB entry-title.png 1008B navigation.png 4KB partners-img.png 9KB container.png 1KB right-arr.png 3KB mac-img.png 93KB socials.png 10KB col-img.png 5KB slider-arr.png 5KB favicon.ico 1KB thumb4.png 12KB bullet.png 1KB blue-btn.png 3KB navigation@2x.png 1KB footer-border.png 1010B dd-nav-arrs@2x.png 3KB thumb3.png 10KB blue-arr.png 1020B entries.png 1KB date-ico.png 2KB slider-arr@2x.png 8KB
index.html 11KB资源评论
2301_77342543
- 粉丝: 41
- 资源: 5759
最新资源
- 数据库课程设计-基于的个性化购物平台的建表语句.sql
- 数据库课程设计-基于的图书智能一体化管理系统的建表语句.sql
- Java 代码覆盖率库.zip
- Java 代码和算法的存储库 也为该存储库加注星标 .zip
- 免安装Windows10/Windows11系统截图工具，无需安装第三方截图工具 双击直接使用截图即可 是一款免费可靠的截图小工具哦~
- Libero Soc v11.9的安装以及证书的获取（2021新版）.zip
- BouncyCastle.Cryptography.dll
- 5.1 孤立奇点(JD).ppt
- 基于51单片机的智能交通灯控制系统的设计与实现源码+报告（高分项目）
- 什么是 SQL 注入.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
