<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free CSS Templates | by CssTemplatesMarket.com</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
<!-- Cufon START -->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script src="js/GeosansLight_500.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('.logo', { fontFamily: 'GeosansLight' });
Cufon.replace('h1', { fontFamily: 'GeosansLight' });
Cufon.replace('h2', { fontFamily: 'GeosansLight' });
</script>
<!-- Cufon END -->
</head>
<body>
<div id="main_container">
<div class="header">
<div class="logo"><a href="index.html">adaria</a></div>
<div class="slogan">| free css template</div>
<div class="header_socials">
<a href="#"><img src="images/rss.png" alt="" title="" border="0" /></a>
<a href="#"><img src="images/facebook.png" alt="" title="" border="0" /></a>
<a href="#"><img src="images/linkedin.png" alt="" title="" border="0" /></a>
<a href="#"><img src="images/twitter.png" alt="" title="" border="0" /></a>
<a href="#"><img src="images/flickr.png" alt="" title="" border="0" /></a>
</div>
</div> <!--end of header-->
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="about.html" title="">Out Team</a></li>
<li><a href="about.html" title="">Departments</a></li>
<li><a href="about.html" title="">Locations</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#">Services<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="" title="">Webdesign</a></li>
<li><a href="" title="">Programming</a></li>
<li><a href="" title="">Development</a></li>
<li><a href="" title="">Coding</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="">Portfolio</a></li>
<li><a href="">Testimonials</a></li>
<li><a href="">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="slider1" class="sliderwrapper">
<div class="slider_content">
<div id="featured">
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/slider_pic1.jpg" alt="" title="" border="0" />
<div class="info" >
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div id="fragment-2" class="ui-tabs-panel" style="">
<img src="images/slider_pic2.jpg" alt="" title="" border="0" />
<div class="info" >
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div id="fragment-3" class="ui-tabs-panel" style="">
<img src="images/slider_pic3.jpg" alt="" title="" border="0" />
<div class="info" >
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div id="fragment-4" class="ui-tabs-panel" style="">
<img src="images/slider_pic1.jpg" alt="" title="" border="0" />
<div class="info" >
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div id="fragment-5" class="ui-tabs-panel" style="">
<img src="images/slider_pic3.jpg" alt="" title="" border="0" />
<div class="info" >
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1">Web Design and Web Development</a></li>
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-2"><a href="#fragment-2">Keep development time and costs to a minimum</a></li>
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-3"><a href="#fragment-3">Identity for online and print publishing</a></li>
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-4"><a href="#fragment-4">Internet marketing and promotion</a></li>
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-5"><a href="#fragment-5">Complete corporate identity packages</a></li>
</ul>
</div>
</div>
</div> <!--end of slider -->
<div class="center_content">
<div class="leftbox">
<h2>Web Development</h2>
<img src="images/pic1.jpg" alt="" title="" border="0" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<a href="#" class="more">learn more</a>
</div>
<div class="leftbox">
<h2>Corporate identity</h2>
<img src="images/pic2.jpg" alt="" title="" border="0" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<a href="#" class="more">learn more</a>
</div>
<div class="leftbox_right">
<h2>Internet marketing</h2>
<img src="images/pic3.jpg" alt="" title="" border="0" />
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<a href="#" class="more">learn more</a>
</div>
</div>
<div class="center_content">
<div class="leftbox">
<h2>From the Blog</h2>
<div class="news_box">
<div class="date">12.05.2011</div>
<h3><a href="#">Lore ipsum doloer ametis</a></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div c
插画牛仔风格设计师网页模板_灰色 插画 牛仔 设计 设计师 简洁 整站 漂亮 精品 jquery 幻灯 干净_html.rar
42 浏览量
2023-08-06
11:49:37
上传
评论
收藏 459KB RAR 举报
插画牛仔风格设计师网页模板_灰色 插画 牛仔 设计 设计师 简洁 整站 漂亮 精品 jquery 幻灯 干净_html.rar （33个子文件） 
插画牛仔风格设计师网页模板_灰色 插画 牛仔 设计 设计师 简洁 整站 漂亮 精品 jquery 幻灯 干净 ctmk_adaria 
style.css 8KB js jquery-ui.min.js 179KB jquery-1.3.2.min.js 56KB cufon-yui.js 18KB GeosansLight_500.font.js 32KB
index.html 9KB contact.html 7KB about.html 6KB images 
date.gif 3KB
quotes_bottom.jpg 443B slider_pic2.jpg 36KB
slider_tab.png 27KB slider_tab_hover.png 18KB list_bullet.gif 46B Thumbs.db 102KB slider_details_bg.jpg 23KB logo.png 1KB flickr.png 612B pages_banner.gif 101KB slider_pic1.jpg 33KB pic2.jpg 12KB bg.gif 383B pic3.jpg 20KB pic1.jpg 12KB twitter.png 608B quotes_top.jpg 447B slider_pic3.jpg 30KB facebook.png 502B rss.png 711B more_bullet.gif 64B pages.jpg 33KB linkedin.png 624B transparent-bg.png 129B资源评论
