<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- # CODED by jurgelenas.lt -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="lt-LT">
<head>
<title>PeachFolio - Portfolio Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Core Meta Tags -->
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Style -->
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!-- javascript -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/jquery.bxSlider.js"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<script type="text/javascript" src="js/jquery.blackAndWhite.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/less.js"></script>
</head>
<body>
<!-- Dead simple image preloading without javascript ;-) -->
<div id="preload">
<img src="img/service_hover.png" alt="" />
</div>
<div id="top-footer">
<div id="top-footer-inner" class="container clearfix">
<div class="left-widget">
<h3>About <span>PeachFolio</span></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of
classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a
Latin professor at <a href="#">Hampden-Sydney College</a> in Virginia.
</p>
</div>
<div class="right-widget">
<h3>Stay <span>connected</span></h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
Contrary to popular belief, Lorem Ipsum is not simply random.
</p>
<div class="social">
<a class="skype" href="#"></a>
<a class="twitter" href="#"></a>
<a class="facebook" href="#"></a>
<a class="dribbble" href="#"></a>
<a class="rss" href="#"></a>
<a class="forrst" href="#"></a>
</div>
</div>
<a class="top-footer-up"></a>
</div>
</div><!-- #top-footer end -->
<div class="top-footer-control clearfix container">
<a class="top-footer-down"></a>
</div>
<div id="header">
<div class="logotype">
<a href="index.html">
Peach<span>Folio</span>
</a>
</div>
<ul>
<li><a href="index-2.html">Home</a> -</li>
<li class="selected"><a href="portfolio.html">Portfolio</a> -</li>
<li><a href="blog.html">Blog</a> -</li>
<li class="last"><a href="contact.html">Contact us</a></li>
</ul>
</div><!-- #header end -->
<div id="head-text" class="container">
<h1>Hey there! We are the <strong>Scripteers</strong> and we design awesome web sites!</h1>
<h2>This can be used to describe what you do, how you do it, and who you do it for. lorem ipsum dolor sit amet consectetur.</h2>
</div><!-- #head-text end -->
<div class="dark-dots"></div>
<div id="slider-container">
<div id="portfolio-items-slider">
<div class="item-1 portfolio-item">
<div class="portfolio-slider-containter">
<div class="portfolio-slides">
<img src="img/portfolio_slides/portfoliobig1.jpg" />
<img src="img/portfolio_slides/portfoliobig2.jpg" />
<img src="img/portfolio_slides/portfoliobig3.jpg" />
<img src="img/portfolio_slides/portfoliobig4.jpg" />
</div>
</div>
<div class="portfolio-item-right">
<div class="portfolio-controls">
<a class="left-arrow"></a>
<a class="right-arrow"></a>
<a class="button-close"></a>
<div class="clear"></div>
</div>
<h2>Project Cove v1</h2>
<span>All works / Print works</span>
<p>
Sed ut perspiciatis unde omnis iste natus rror sit
voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa
</p>
<p>
Quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt explicabo. Nemo enim
ipsam voluptatem quia voluptas sit aspernatur aut
odit aut fugit, sed quia
</p>
<p>
Consequuntur magni dolores eos qui ratione
voluptatem voluptatem quia voluptas asdsit asp
ernatur aut odit aut fugit, sed quia
</p>
<a href="#" class="portfolio-link">Launch project</a>
</div>
<div class="clear"></div>
</div>
<div class="item-2 portfolio-item">
<div class="portfolio-slider-containter">
<div class="portfolio-slides">
<img src="img/portfolio_slides/portfoliobig1.jpg" />
<img src="img/portfolio_slides/portfoliobig2.jpg" />
<img src="img/portfolio_slides/portfoliobig3.jpg" />
<img src="img/portfolio_slides/portfoliobig4.jpg" />
</div>
</div>
<div class="portfolio-item-right">
<div class="portfolio-controls">
<a class="left-arrow"></a>
<a class="right-arrow"></a>
<a class="button-close"></a>
<div class="clear"></div>
</div>
<h2>Project Cove v2</h2>
<span>All works / Print works</span>
<p>
Sed ut perspiciatis unde omnis iste natus rror sit
voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa
</p>
<p>
Quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt explicabo. Nemo enim
ipsam voluptatem quia voluptas sit aspernatur aut
odit aut fugit, sed quia
</p>
<p>
Consequuntur magni dolores eos qui ratione
voluptatem voluptatem quia voluptas asdsit asp
ernatur aut odit aut fugit, sed quia
</p>
<a href="#" class="portfolio-link">Launch project</a>
</div>
<div class="clear"></div>
</div>
<div class="item-3 portfolio-item">
<div class="portfolio-slider-containter">
<div class="portfolio-slides">
<img src="img/portfolio_slides/portfoliobig1.jpg" />
<img src="img/portfolio_slides/portfoliobig2.jpg" />
<img src="img/portfolio_slides/portfoliobig3.jpg" />
<img src="img/portfolio_slides/portfoliobig4.jpg" />
</div>
</div>
<div class="portfolio-item-right">
<div class="portfolio-controls">
<a class="left-arrow"></a>
<a class="right-arrow"></a>
<a class="button-close"></a>
<div class="clear"></div>
</div>
<h2>Project Cove v3</h2>
<span>All works / Print works</span>
<p>
Sed ut perspiciatis unde omnis iste natus rror sit
voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa
</p>
<p>
Quae ab illo inventore veritatis et quasi architecto
beatae vitae dicta sunt explicabo. Nemo enim
ipsam voluptatem quia voluptas sit aspernatur aut
odit aut fugit, sed quia
</p>
<p>
Consequuntur magni dolores eos qui ratione
voluptatem voluptatem quia voluptas asdsit asp
ernatur aut odit aut fugit, sed quia
</p>
<a href="#" class="portfolio-link">Launch project</a>
</div>
<div class="clear"></div>
</div>
<div class="item-4 portfolio-item">
<div class="portfolio-slider-containter">
<div class="portfolio-slides">
<img src="img/portfolio_slid
黑白搭配CSS网站模板是一款由黑色和白色两种背景搭配的企业网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar
154 浏览量
2023-08-05
14:27:12
上传
评论
收藏 2.11MB RAR 举报
黑白搭配CSS网站模板是一款由黑色和白色两种背景搭配的企业网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （81个子文件） 
黑白搭配CSS网站模板是一款由黑色和白色两种背景搭配的企业网站模板下载。 chahua3007 
style.css 20KB
portfolio.html 25KB font ranger-webfont.eot 25KB ranger-webfont.ttf 25KB ranger-webfont.woff 8KB
ranger-webfont.svg 40KB ranger-webfontd41d.eot 25KB js jquery.slides.js 7KB main.js 4KB jquery.bxSlider.js 14KB jquery.easing.js 8KB jquery.isotope.js 15KB less.js 46KB jquery.blackAndWhite.js 5KB jquery.js 89KB blog_inner.html 11KB reset.css 1KB img 
service_4.png 7KB blog_post_date.png 510B client_7.png 4KB client_4.png 4KB portfolio_item_left.png 179B footer_social_icons_sprite.png 1KB client_3.png 4KB slider_right_hover.png 283B client_2.png 4KB bullet_hover.png 512B portfolio_slides 
portfoliobig3.jpg 167KB Thumbs.db 8KB portfoliobig2.jpg 137KB portfoliobig1.jpg 150KB portfoliobig4.jpg 162KB light_dots.png 114B client_5.png 4KB comment_avatar.jpg 2KB slides Thumbs.db 6KB slide2.jpg 124KB slide1.jpg 133KB slide3.jpg 159KB slider_right.png 263B portfolio_item_close.png 174B service_2.png 3KB top_footer_down.png 172B header_social_icons_sprite.png 4KB dark_dots.png 114B top_footer_up.png 200B blog Thumbs.db 7KB blog5.jpg 195KB blog3.jpg 161KB blog2.jpg 179KB blog4.jpg 114KB blog1.jpg 48KB service_hover.png 6KB calendar_icon.png 786B service_3.png 3KB portfolio_thumbs work8.jpg 43KB work6.jpg 47KB work7.jpg 50KB work5.jpg 52KB work3.jpg 53KB work10.jpg 41KB work12.jpg 57KB work4.jpg 46KB work2.jpg 55KB work11.jpg 54KB work1.jpg 9KB work9.jpg 45KB bullet.png 337B slider_left_hover.png 285B gallery_image_1.jpg 2KB portfolio_item_right.png 178B client_6.png 4KB client_1.png 4KB slider_left.png 251B service_1.png 3KB service_5.png 2KB bg_line.png 116B index-2.html 8KB index.html 8KB contact.html 9KB blog.html 12KB资源评论
