<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Core - Free CSS template Collect from moobnn.com</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<header>
<div class="shell">
<h1 id="logo"><a href="#">Core</a></h1>
<div class="contact">
<p class="ico phone-ico"><span></span>+132 456 789</p>
<p class="ico mail-ico"><span></span><a href="#">sales@core.com</a></p>
</div>
</div>
</header>
<!-- end of header -->
<!-- navigation -->
<nav id="navigation">
<div class="shell">
<ul>
<li class="active"><a href="#"><span></span>HOME</a></li>
<li><a href="#"><span class="bottom-arr"></span>ABOUT</a></li>
<li><a href="#"><span class="bottom-arr"></span>SERVICES</a></li>
<li><a href="#"><span class="bottom-arr"></span>PORTFOLIO</a></li>
<li><a href="#"><span class="bottom-arr"></span>BLOG</a></li>
<li><a href="#"><span class="bottom-arr"></span>CONTACT US</a></li>
</ul>
</div>
</nav>
<!-- end of navigation -->
<!-- slider-holder -->
<div class="slider-holder">
<div class="shell">
<span class="slider-shadow"></span>
<div class="slider flexslider">
<ul class="slides">
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<h2>Innovative Design Solutions Ranging</h2>
<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing elit. Praesent non tortor quis tellus euismod sodalestis elit lorem, vehicula sit amet dictum nec, congue venenatis quam. Cras fermentum scelerisque ma .. <a href="#">Read More</a></p>
<a href="#" class="slider-btn">Explore Project</a>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<h2>Innovative Design Solutions Ranging</h2>
<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing elit. Praesent non tortor quis tellus euismod sodalestis elit lorem, vehicula sit amet dictum nec, congue venenatis quam. Cras fermentum scelerisque ma .. <a href="#">Read More</a></p>
<a href="#" class="slider-btn">Explore Project</a>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<h2>Innovative Design Solutions Ranging</h2>
<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing elit. Praesent non tortor quis tellus euismod sodalestis elit lorem, vehicula sit amet dictum nec, congue venenatis quam. Cras fermentum scelerisque ma .. <a href="#">Read More</a></p>
<a href="#" class="slider-btn">Explore Project</a>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<h2>Innovative Design Solutions Ranging</h2>
<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing elit. Praesent non tortor quis tellus euismod sodalestis elit lorem, vehicula sit amet dictum nec, congue venenatis quam. Cras fermentum scelerisque ma .. <a href="#">Read More</a></p>
<a href="#" class="slider-btn">Explore Project</a>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<div class="slide-cnt">
<h2>Innovative Design Solutions Ranging</h2>
<p>Lorem ipsum dolor sit amet, con-<br />sectetur adipiscing elit. Praesent non tortor quis tellus euismod sodalestis elit lorem, vehicula sit amet dictum nec, congue venenatis quam. Cras fermentum scelerisque ma .. <a href="#">Read More</a></p>
<a href="#" class="slider-btn">Explore Project</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- end of slider-holder -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<!-- services -->
<section class="services">
<div class="shell">
<div class="boxes">
<h2>What Do We Do?</h2>
<a href="#" class="all-services">+ Explore All Services</a>
<div class="cl"> </div>
<div class="box">
<a href="#">
<img src="css/images/print-design.png" alt="" />
<h3>PRINT DESIGN</h3>
</a>
</div>
<div class="box">
<a href="#">
<img src="css/images/graphic-design.png" alt="" />
<h3>GRAPHIC DESIGN</h3>
</a>
</div>
<div class="box">
<a href="#">
<img src="css/images/logo-design.png" alt="" />
<h3>LOGO DESIGN</h3>
</a>
</div>
<div class="box">
<a href="#">
<img src="css/images/vector-characters.png" alt="" />
<h3>VECTOR CHARACTERS</h3>
</a>
</div>
<div class="cl"> </div>
</div>
</div>
</section>
<!-- end of services -->
<!-- main -->
<div class="main">
<div class="shell">
<section>
<!-- content -->
<div class="content">
<h2>More About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non tortor quis tellus euismod sodales. Donec tincidunt auctor convallis. Nunc tincidunt nibh nec odio venenatis et condimentum nisl dapibus. Integer ipsum elit, commodo ac congue quis, varius at eros. Praesent tempus vulputate tortor eu feugiat. Maecenas bibendum suscipit molestie. Phasellus erat arcu, fringilla ac suscipit nec, lobortis at mi.</p>
<p>Etiam interdum mauris quis nunc faucibus porttitor. Quisque tempor posuere pharetra. Sed fringilla placerat nulla. Etiam tincidunt ante eget arcu sodales scelerisque. Ut elit lorem, vehicula sit amet dictum nec, congue venenatis quam. Cras fermentum scelerisque ma</p>
</div>
<!-- end of content -->
<!-- aside -->
<aside>
<div class="widget">
<h2>Latest Projects</h2>
<div class="img-holder">
<a href="#"><img src="css/images/projects-img1.png" alt="" /></a>
</div>
<div class="img-holder">
<a href="#"><img src="css/images/projects-img2.png" alt="" /></a>
</div>
<div class="img-holder">
<a href="#"><img src="css/images/projects-img3.png" alt="" /></a>
</div>
<div class="cl"> </div>
</div>
<div class="widget">
<h2>Our Clients</h2>
<div class="img-holder">
<a href="#"><img src="css/images/clients-img1.png" alt="" /></a>
</div>
<div class="img-holder">
<a href="#"><img src="css/images/clients-img2.png" alt="" /></a>
</div>
<div class="img-holder">
<a href="#"><img src="css/images/clients-img3.png" alt="" /></a>
</div>
<div class="cl"> </div>
</div>
</aside>
<!-- end of aside -->
<div class="cl"> </div>
</section>
</div>
</div>
<!-- end of main -->
<div id="footer-push"></div>
</div>
<!-- end of wrapper -->
<div id="footer">
<div class="shell">
<nav class="footer-nav">
<a href="#" class="active">HOME</a>
<a href="#">ABOUT</a>
<a href="#">SERVICES</a>
<a href="#">PORTFOLIO</a>
<a href="#">BLOG</a>
<a href="#">CONTACT US</a>
</nav>
<p class="copy">Copyright © 2012 Design by Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http
红色质感手机外贸行业企业网站模板_红色 质感 手机 外贸 设计 app 企业 html5 幻灯 案例_html网站模板.rar
12 浏览量
2023-08-06
11:50:26
上传
评论
收藏 374KB RAR 举报
红色质感手机外贸行业企业网站模板_红色 质感 手机 外贸 设计 app 企业 html5 幻灯 案例_html网站模板.rar （33个子文件） 
红色质感手机外贸行业企业网站模板_红色 质感 手机 外贸 设计 app 企业 html5 幻灯 案例 h5c3_26_vl js 
jquery.flexslider-min.js 11KB jquery-1.7.2.min.js 93KB functions.js 279B modernizr.custom.js 7KB css style.css 8KB flexslider.css 3KB images 
projects-img2.png 6KB main.png 1013B clients-img3.png 4KB slide-cnt.png 997B control-nav-bg.png 991B print-design.png 13KB clients-img1.png 6KB slider-holder.png 45KB logo.png 4KB box.png 3KB footer.png 1KB ico.png 3KB graphic-design.png 18KB navigation.png 1KB header.png 14KB favicon.ico 1KB clients-img2.png 6KB slider-btn.png 3KB bottom-arrow.png 1KB slide-img.png 136KB vector-characters.png 21KB projects-img3.png 9KB slider-shadow.png 4KB projects-img1.png 7KB control-nav.png 1KB logo-design.png 17KB
index.html 8KB资源评论
