<!DOCTYPE HTML>
<html>
<head>
<title>The Retina Website Template | Home :: </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.useso.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--start slider -->
<link rel="stylesheet" href="css/fwslider.css" media="all">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/fwslider.js"></script>
<!--end slider -->
<script type="text/javascript" src="js/jquery-hover-effect.js"></script>
<script type="text/javascript">
//Image Hover
jQuery(document).ready(function(){
jQuery(function() {
jQuery('ul.da-thumbs > li').hoverdir();
});
});
</script>
<!-- Add fancyBox main JS and CSS files -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!--nav-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
</head>
<body>
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo"> <a href="index.html"><img src="images/logo.png" alt="" /></a> </div>
<div class="cssmenu">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="service.html">Services</a>
<ul>
<li class="has-sub"><a href="portfolio.html">About</a></li>
<li class="has-sub"><a href="service.html">Archives</a></li>
<li class="has-sub"><a href="contact.html">Contact</a></li>
<li class="has-sub"><a href="staff.html">Gallery</a></li>
</ul>
</li>
<li><a href="staff.html">Staff</a></li>
<li><a href="blog.html">Blog</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
<div class="top-nav">
<nav class="clearfix">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="staff.html">Staff</a></li>
<li class="has-sub"><a href="index.html">Pages</a></li>
<li><a href="feature.html">Features</a></li>
<li><a href="blog.html">Blog</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>
<a href="#" id="pull">Menu</a> </nav>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>
<!-- start slider -->
<div id="fwslider">
<div class="slider_container">
<div class="slide">
<!-- Slide image -->
<img src="images/slider1.jpg">
<!-- /Slide image -->
<!-- Texts container -->
<div class="slide_content">
<div class="slide_content_wrap">
<!-- Text title -->
<h4 class="title">i want to feel What you wanted!</h4>
<!-- /Text title -->
<!-- Text description -->
<p class="description">A super clean and easy to use Modern templates Lorem ipsum dolor sit amet</p>
<!-- /Text description -->
</div>
</div>
<!-- /Texts container -->
</div>
<!-- /Duplicate to create more slides -->
<div class="slide"> <img src="images/slider2.jpg">
<div class="slide_content">
<div class="slide_content_wrap">
<h4 class="title">Lorem ipsum dolor sit amet</h4>
<p class="description">Pellentesque non neque egestas libero. Nam sed porta est. Vestibulum id massa eu odio rhoncus eleifend.</p>
</div>
</div>
</div>
<!--/slide -->
</div>
<div class="timers"></div>
<div class="slidePrev"><span></span></div>
<div class="slideNext"><span></span></div>
</div>
<!--/slider -->
<!-- start mian -->
<div class="main_bg">
<div class="wrap">
<div class="grids_1_of_3">
<div class="grid_1_of_3 images_1_of_3"> <img src="images/icon1.png" alt="" /> <a href="#">
<h3>services</h3>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore pariatur.</p>
</div>
<div class="grid_1_of_3 images_1_of_3"> <img src="images/icon2.png" alt="" /> <a href="#">
<h3>user profiles</h3>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore pariatur.</p>
</div>
<div class="grid_1_of_3 images_1_of_3"> <img src="images/icon3.png" alt="" /> <a href="#">
<h3>get in touch</h3>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore pariatur.</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start top_grid -->
<div class="top_grid_bg">
<div class="wrap">
<div class="top_grid">
<div class="top_grid_text">
<h2>recent works</h2>
</div>
<div class="top_grid_btn"> <a class="btn" href="index.html"> Browse all</a> </div>
<div class="clear"></div>
<div class="top_grid_gallery">
<div class="image_grid portfolio_4col top_grid_portfoli">
<ul style="" id="list" class="portfolio_list da-thumbs">
<li> <img src="images/gallery1.jpg" alt="img">
<article class="da-animate da-slideFromLeft" style="display: block;">
<h3>A Sample Portfolio</h3>
<span class="link_post"><a class="popup-with-zoom-anim" href="#small-dialog"></a></span> <span class="zoom"><a class="popup-with-zoom-anim" href="#small-dialog1"></a></span>
<div id="small-dialog1" class="mfp-hide">
<div class="pop_up">
<h2>A Sample Portfolio</h2>
<img src="images/gallery1_zoom.jpg" alt=""/> </div>
</div>
</article>
</li>
</ul>
</div>
<div class="image_grid portfolio_4col top_grid_portfoli">
<ul style="" id="list" class="portfolio_list da-thumbs">
<li> <img src="images/gallery2.jpg" alt="img">
<article class="da-animate da-slideFromLeft" style="display: block;">
<h3>A Sample Portfolio</h3>
<span class="link_post"><a class="popup-with-zoom-anim" href="#small-dialog"></a></span> <span class="zoom"><a class="popup-with-zoom-anim" href="#small-dialog1"></a></span> </article>
</li>
</ul>
【漂亮大气-PC端英文网站整站模板】Retina手机制造外贸行业企业网站(运行html文件可看效果).zip （67个子文件） 
【漂亮大气-PC端英文网站整站模板】Retina手机制造外贸行业企业网站(运行html文件可看效果) yzts_29_Retina 
portfolio.html 10KB js 
jquery-ui.min.js 232KB jquery.magnific-popup.js 45KB jquery-hover-effect.js 4KB fwslider.js 9KB css3-mediaqueries.js 16KB jquery.min.js 91KB service.html 10KB css fwslider.css 3KB style.css 28KB magnific-popup.css 9KB index.html 21KB contact.html 8KB images 
pic5.jpg 13KB pic6.jpg 13KB
hd-bg.png 183B icon3.psd 23KB gallery3.jpg 10KB Thumbs.db 245KB social_icons.png 5KB icon1.png 3KB banner.jpg 21KB logo.png 2KB sample.jpg 8KB divider.png 186B pic4.jpg 14KB client.jpg 1KB bg1.jpg 80KB sample1.jpg 8KB pic2.jpg 6KB blog3.jpg 9KB logo.psd 41KB ser_pic2.jpg 35KB search.png 1KB gallery6.jpg 10KB pic3.jpg 12KB ser_pic1.jpg 21KB arrows.png 655B pic1.jpg 9KB proj1.jpg 18KB search1_h.png 515B icon1.psd 24KB proj3.jpg 20KB ser_pic4.jpg 30KB blog2.jpg 35KB ser_pic3.jpg 43KB search1.png 516B slider2.jpg 106KB gallery1_zoom.jpg 13KB zoom_icon.png 244B gallery2.jpg 10KB arrows.psd 47KB image_hover.png 102B gallery4.jpg 11KB proj2.jpg 13KB gallery5.jpg 8KB link_post_icon.png 104B icon3.png 4KB bg2.jpg 18KB slider1.jpg 96KB gallery1.jpg 7KB icon2.psd 25KB blog1.jpg 33KB nav-icon.png 234B icon2.png 3KB blog.html 10KB staff.html 10KB资源评论
fanxbl957
- 粉丝: 8646
最新资源
- 2025年职业卫生试题与完整答案.docx
- 2025年政工职称考试题库附答案.docx
- 2025年职业健康基础知识考试(100分)与答案.docx
- 2025年中小学教师晋级职称考试试题（附含答案）.docx
- 2025年中国移动招聘考试笔试试题综合能力测试卷和答案.docx
- 2025年职业健康基础知识考试(100分)及答案.docx
- 2025年中国移动招聘考试笔试试题综合能力测试卷与答案.docx
- 2025年中国移动在线测评笔试题库(附答案).docx
- 2025年中国移动在线测评笔试题库(含答案).docx
- 2025年中国石油化工集团中石化招聘笔试试题与答案.docx
- 2025年中小学教师高级职称专业水平能力题库和答案.docx
- 2025年中小学防溺水安全知识竞赛题库与答案.docx
- 2025年中国石油化工集团中石化招聘笔试试题及答案.docx
- 2025年中小学防溺水安全知识竞赛题库及答案.docx
- 2025年中小学教师高级职称专业水平能力题库及答案.docx
- A176基于springboot+vue的扶贫众筹网（完整前后端代码+sql脚本+开发文档+全套软件）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
