<!DOCTYPE html>
<html lang="en">
<head>
<title>Rhino</title>
<meta charset="UTF-8">
<!--Style Sheet-->
<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/sequence.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/style.css" media="all">
<!--Special Styles-->
<link rel="stylesheet" type="text/css" href="css/style.css" title="default" media="screen">
<link rel="alternate stylesheet" type="text/css" href="css/elegant.css" title="elegant" media="screen">
<link rel="alternate stylesheet" type="text/css" href="css/modern.css" title="modern" media="screen">
<link rel="alternate stylesheet" type="text/css" href="css/colorfull.css" title="colorfull" media="screen">
<!--Responsive-->
<link rel="stylesheet" type="text/css" href="css/responsitive.css" media="all">
<!--Google fonts-->
<link href='http//fonts.googleapis.com/css?family=Russo+One&subset=latin,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<!--Javascript-->
<script src="js/jquery-1.7.2.min.js"></script>
<!--[if lt IE9]>
<script src="js/html5.js"></script>
<script src="js/IE7.js"></script>
<![endif]-->
</head>
<body>
<header class="dark">
<nav>
<div id="logo">
<h1>Rhino</h1>
</div>
<div id="menu">
<ul>
<li> <a href="#slider" >Home</a> <a href="#services" >Services</a> <a href="#work">Work</a> <a href="#about">About</a> <a href="#blog">Blog</a> <a href="#contact">Contact</a> </li>
</ul>
</div>
</nav>
</header>
<!--<div id="switcher"> <a class="switch-button open"></a>
<div class="content">
<ul class="headercolor">
<span>Header color</span>
<li class="red"><a href="#light">Light</a></li>
<li class="blue"><a href="#dark">Dark</a></li>
</ul>
<ul class="theme">
<span>Theme</span>
<li><a href="#" rel="default" class="styleswitch">default</a></li>
<li><a href="#" rel="elegant" class="styleswitch">elegant</a></li>
<li><a href="#" rel="modern" class="styleswitch">modern</a></li>
<li><a href="#" rel="colorfull" class="styleswitch">colorfull</a></li>
</ul>
</div>
</div>-->
<section id="slider">
<div id="sequence-preloader">
<div class="preloading"> <img src="images/icons/loader.gif" alt=""> </div>
</div>
<div id="slideshow"> <img class="prev" src="images/prev.png" alt=""> <img class="next" src="images/next.png" alt="">
<ul>
<li> <img class="backgrd" src="images/bg/glass.jpg" alt=""> <img class="overlay" src="images/bg/ice.png" alt=""> <img class="image1" src="images/ipad.png" alt=""> <img class="image2" src="images/starbucks.png" alt="">
<div class="info">
<h2>Starbucks</h2>
<p>Advertising Creative,<br/>
Branding, Web Development </p>
</div>
<a href="#" class="more">Purchase</a> </li>
<li> <img class="backgrd" src="images/bg/orange.jpg" alt=""> <img class="image1" src="images/ipad.png" alt=""> <img class="image2" src="images/cocktail2.png" alt="">
<div class="info">
<h2>Cocktail</h2>
<p>Advertising Creative,<br/>
Branding, Web Development </p>
</div>
<a href="#" class="more">Purchase</a> </li>
<li> <img class="backgrd" src="images/bg/blue.jpg" alt=""> <img class="image1" src="images/ipad.png" alt=""> <img class="image2" src="images/starbucks.png" alt="">
<div class="info blue">
<h2>Laboratory</h2>
<p>Advertising Creative,<br/>
Branding, Web Development </p>
</div>
</li>
</ul>
</div>
</section>
<section id="services" class="container dark">
<div class="content">
<div class="title icon-power">
<h1>Services <span>What we offer</span></h1>
<div class="description"></div>
</div>
<div class="full">
<div class="column-half">
<p><a href="alternate.html">Alternate homepage</a>, filet mignon venison jerky corned beef pork belly cow speck turducken. Ribeye ham fatback, jerky boudin tenderloin biltong speck tail ham hock kielbasa corned beef short ribs meatloaf prosciutto. Hamburger beef andouille speck pastrami. Turkey tri-tip chicken t-bone, bresaola filet mignon tenderloin prosciutto sausage capicola chuck drumstick. Tail ground round strip steak spare ribs, shoulder pig filet mignon. Spare ribs corned beef kielbasa pig, swine ground round boudin bresaola. Beef spare ribs corned beef, jowl ground round speck rump sausage shoulder venison tri-tip turkey kielbasa capicola.</p>
</div>
<div class="column-half">
<div class="image"><img src="images/showcase.png" alt=""></div>
</div>
</div>
<div class="full">
<div class="column-one-forth">
<ul class="list">
<h3>Conseil</h3>
<li>Pork chop pancetta</li>
<li>Filet mignon venison</li>
<li>Ribeye ham <span>(Stuff)</span></li>
<li>Jerky boudin tenderloin</li>
</ul>
</div>
<div class="column-one-forth">
<ul class="list">
<h3>Design</h3>
<li>Pork chop pancetta</li>
<li>Filet mignon venison</li>
<li>Ribeye ham</li>
<li>Jerky boudin tenderloin</li>
</ul>
</div>
<div class="column-one-forth">
<ul class="list">
<h3>Development</h3>
<li>Pork chop pancetta</li>
<li>Filet mignon venison</li>
<li>Ribeye ham</li>
<li>Jerky boudin tenderloin</li>
</ul>
</div>
<div class="column-one-forth last">
<ul class="list">
<h3>Marketing</h3>
<li>Pork chop pancetta</li>
<li>Filet mignon venison</li>
<li>Ribeye ham</li>
<li>Jerky boudin tenderloin</li>
</ul>
</div>
</div>
</div>
</section>
<section id="work" class="container light">
<div class="content">
<div class="title icon-preview">
<h1>Work <span>Our selected projects</span></h1>
<div class="description">
<nav id="filter"></nav>
</div>
</div>
<article class="portfolio">
<ul id="stage">
<li data-tags="Photography">
<div class="thumb"><a rel="lightbox" href="images/sample/fall.jpg"><img src="images/sample/fall.jpg" alt=""></a></div>
<div class="info">
<h3>Slowmo Fall</h3>
<p>Photo manipulation</p>
</div>
</li>
<li data-tags="Marketing, Photography">
<div class="thumb"><a rel="lightbox" href="images/sample/fall.jpg"><img src="images/sample/coke.jpg" alt=""></a></div>
<div class="info">
<h3>Speed Audi</h3>
<p>Marketing</p>
</div>
</li>
<li data-tags="Illustration">
<div class="thumb"><a rel="lightbox" href="images/sample/fall.jpg"><img src="images/sample/camera.jpg" alt=""></a></div>
<div class="info">
<h3>The Wild One</h3>
<p>Illustration</p>
</div>
</li>
<li data-tags="Illustration">
<div class="thumb"><a rel="lightbox" href="images/sample/fall.jpg"><img src="images/sample/olympus.jpg" alt=""></a></div>
<div class="info">
<h3>Hyperspace</h3>
<p>Illustration</p>
</div>
</li>
<li data-tags="Design">
<div class="thumb"><a rel="lightbox" href="images/sample/fall.jpg"><img src="images/sample/box.jpg" alt=""></a></div>
<div cla
非响应式图片展示模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （103个子文件） 
style.css 18KB sequence.css 10KB responsitive.css 6KB elegant.css 4KB colorfull.css 4KB lightbox.css 4KB modern.css 3KB flexslider.css 3KB Thumbs.db 7KB Thumbs.db 7KB Thumbs.db 7KB Thumbs.db 6KB DINComp-CondBold_new.eot 65KB
loading.gif 8KB loader.gif 2KB
index.html 20KB alternate.html 18KB
office.jpg 169KB blue.jpg 153KB glass.jpg 147KB orange.jpg 146KB bg3.jpg 121KB aurora.jpg 97KB bg2.jpg 93KB bg1.jpg 88KB fall.jpg 72KB avatar.jpg 67KB box.jpg 51KB dark.jpg 49KB dark2.jpg 45KB light2.jpg 45KB light.jpg 41KB low-fi.jpg 34KB camera.jpg 34KB olympus.jpg 31KB butter.jpg 26KB 3919005748_cae0e74f7f_s.jpg 25KB 4752635073_7c64ff8fce_s.jpg 22KB 4338027564_a553b9d364_s.jpg 22KB header-dark.jpg 20KB coke.jpg 18KB cuben1.jpg 15KB header-light.jpg 13KB 4793559336_2775068f83_s.jpg 10KB 3289287799_ce4dd25e5c_s.jpg 7KB 3503071197_364ac703a8_s.jpg 7KB jquery.js 242KB jquery-1.7.2.min.js 93KB IE7.js 32KB gmaps.js 30KB sequence.jquery-min.js 19KB quicksand.js 14KB lightbox.js 11KB jquery.flexslider-min.js 11KB modernizr.custom.js 9KB jquery.accordion.js 8KB custom.js 7KB jquery.masonery.js 5KB waypoints.min.js 4KB jribbble.js 3KB html5.js 2KB styleswitch.js 1KB
gray.png 1.44MB ice.png 543KB ipad.png 213KB dayone-drbb_16.png 176KB dark_leather.png 128KB leather_1.png 126KB sequence.png 114KB cocktail2.png 81KB starbucks.png 76KB orange.png 63KB flex.png 62KB showcase.png 59KB note.png 6KB elegant-header-light.png 6KB and.png 6KB compas.png 6KB cog.png 5KB bulb.png 5KB phone.png 5KB elegant-header.png 4KB email.png 4KB pin.png 4KB power.png 3KB chemical.png 3KB tweet.png 3KB instagram.png 3KB dribbble.png 3KB skills.png 2KB flickr.png 2KB flickr-small.png 1KB next.png 1KB prev.png 1KB check.png 1KB blog-arrow.png 1KB send.png 1KB light-leather-stroke.png 942B dark-leather-stroke.png 940B separator.png 637B共 103 条
- 1
- 2
资源评论
supeerzdj
- 粉丝: 12
- 资源: 6184
