<!DOCTYPE HTML>
<html>
<head>
<title>Services</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="header">
<div class="wrap">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top-nav">
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li class=""><a href="about.html">About</a></li>
<li class="active"><a href="services.html">Services</a></li>
<li class=""><a href="gallery.html">Gallery</a></li>
<li class=""><a href="contact.html">Contact</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="about-top">
<div class="wrap">
<div class="about-box">
<div class="col_1_of_3 grid_1_of_3">
<h2>Who We Are</h2>
<img src="images/pic1.jpg" alt="">
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla .</p>
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.</p>
</div>
<div class="col_1_of_3 grid_1_of_3">
<h2>Our History</h2>
<div class="history-desc">
<div class="year"><p>1998 -</p></div>
<p class="history">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 laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="clear"></div>
</div>
<div class="history-desc">
<div class="year"><p>2001 -</p></div>
<p class="history">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 laboris.</p>
<div class="clear"></div>
</div>
<div class="history-desc">
<div class="year"><p>2006 -</p></div>
<p class="history">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 laboris nisi ut aliquip ex ea commodo consequat.</p>
<div class="clear"></div>
</div>
<div class="history-desc">
<div class="year"><p>2010 -</p></div>
<p class="history">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 exercitati.</p>
<div class="clear"></div>
</div>
</div>
<div class="col_1_of_3 grid_1_of_3">
<h2>Our Services</h2>
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="list">
<ul>
<li><a href="#">Text of the printing</a></li>
<li><a href="#">Lorem Ipsum has been the standard</a></li>
<li><a href="#">Dummy text ever since the 1500s</a></li>
<li><a href="#">Unknown printer took a galley</a></li>
<li><a href="#">Led it to make a type specimen</a></li>
<li><a href="#">Not only five centuries</a></li>
</ul>
</div>
<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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="content-middle">
<div class="wrap">
<div class="section group">
<div class="lsidebar span_1_of_3">
<h3><span>Welcome</span></h3>
<h3>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ulla Ut wisi enim ad minimLorem ipsum dolor sit amet, consectetuer adipiscing elit, </p>
</div>
<div class="cont span_2_of_3">
<div class="section group example">
<div class="col_1_of_2 span_1_of_2">
<div class="icon">
<img src="images/list-img.png">
</div>
<div class="heading">
<h3><a href="#">Lorem ipsum dolor</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut wisi enim ad minim </p>
</div>
<div class="clear"></div>
</div>
<div class="col_1_of_2 span_1_of_2">
<div class="icon">
<img src="images/list-img1.png">
</div>
<div class="heading">
<h3><a href="#">Lorem ipsum dolor</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut wisi enim ad minim </p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="section group example">
<div class="col_1_of_2 span_1_of_2">
<div class="icon">
<img src="images/ring.png">
</div>
<div class="heading">
<h3><a href="#">Lorem ipsum dolor</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut wisi enim ad minim</p>
</div>
<div class="clear"></div>
</div>
<div class="col_1_of_2 span_1_of_2">
<div class="icon">
<img src="images/gift.png">
</div>
<div class="heading">
<h3><a href="#">Lorem ipsum dolor</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut wisi enim ad minim veniam</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="content-bottom">
<div class="wrap">
<div class="box-unit"><h1>Lorem ipsum dolor sit amet?</h1><p>Sed ut perspiciatis unde oiste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nem ipsam voluptatem quia voluptas sit aspernatur aut. </p></div>
<div class="section group">
<div class="col_1_of_4 span_1_of_4">
<div class="bottom-grid">
<div class="grid_icon"><img src="images/heart.png" alt=""/></div>
<h3>Lorem Ipsum is simply</h3>
</div>
H86国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
15 浏览量
2023-08-03
11:14:39
上传
评论
收藏 1.16MB ZIP 举报
H86国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （47个子文件） 
H86 js 
jquery.fancybox.js 48KB jquery.flexslider.js 40KB jquery.min.js 90KB css style.css 26KB flexslider.css 3KB jquery.fancybox.css 5KB
404.html 3KB services.html 12KB index.html 10KB contact.html 6KB about.html 11KB images 
pic5.jpg 14KB pic6.jpg 21KB
heart.png 4KB pic.jpg 16KB t-pic4.jpg 58KB gift.png 5KB
lightbox-btn-next.gif 812B list-img.png 5KB t-pic2.jpg 45KB lightbox-ico-loading.gif 4KB pic8.jpg 19KB lightbox-btn-close.gif 336B banner4.jpg 138KB heart1.png 4KB logo.png 5KB t-pic5.jpg 42KB quotes-down.png 3KB banner3.jpg 214KB pic4.jpg 15KB pic2.jpg 14KB pic3.jpg 11KB fancybox_sprite.png 1KB pic1.jpg 25KB t-pic3.jpg 26KB quotes.png 3KB banner1.jpg 173KB cake.png 4KB list.png 3KB list-img1.png 5KB p-but.png 5KB pic7.jpg 24KB banner2.jpg 182KB ring.png 5KB flower.png 5KB fonts Amble-Regular-webfont.ttf 42KB gallery.html 11KB资源评论
