<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Source Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='#css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="hader-top">
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-16">
<li><a href="whatwedo.html" data-hover="WHAT WE DO">what we do</a></li>
<li><a href="ourwork.html" data-hover="OUR WORK">our work</a></li>
<li><a href="aboutus.html" data-hover="ABOUT US">about us</a></li>
<div class="clearfix"> </div>
</ul>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
<div class="head-right">
<P><a href="registration.html">JOIN US</a></P>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- header -->
<!-- thought -->
<div class="thought">
<div class="container">
<h1>The thought and consideration we put into our products go well beyond desing.</h1>
</div>
<div class="wmuSlider example1 section" id="section-1">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<div class="container">
<div class="col-md-5 thought-left">
<img src="images/img1.png" class="img-responsive" alt="" />
</div>
<div class="col-md-7 thought-right">
<div class="communt">
<div class="communt-left">
<i class="man"></i>
</div>
<div class="communt-right">
<h4>Community</h4>
<p>More than <span>2 millon people</span>use products built by the Source community.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="communt">
<div class="communt-left">
<i class="bulb"></i>
</div>
<div class="communt-right">
<h4>Design & Performance</h4>
<p>Creating an entirely new design meantinventing an entirely new techonology with a level of precision you’d excepet.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="communt">
<div class="communt-left">
<i class="bar"></i>
</div>
<div class="communt-right">
<h4>Accurate results</h4>
<p>We give you - easy to understand, real time data on your smarthphone.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<div class="container">
<div class="col-md-5 thought-left">
<img src="images/phone.png" class="img-responsive" alt="" />
</div>
<div class="col-md-7 thought-right">
<div class="communt">
<div class="communt-left">
<i class="man"></i>
</div>
<div class="communt-right">
<h4>Community</h4>
<p>More than <span>2 millon people</span> use products built by the Source community.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="communt">
<div class="communt-left">
<i class="bulb"></i>
</div>
<div class="communt-right">
<h4>Design & Performance</h4>
<p>Creating an entirely new design meantinventing an entirely new techonology with a level of precision you’d excepet.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="communt">
<div class="communt-left">
<i class="bar"></i>
</div>
<div class="communt-right">
<h4>Accurate results</h4>
<p>More than 2 millon people use products built by the Source community.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-info">
<div class="container">
<div class="col-md-5 thought-left">
<img src="images/img1.png" class="img-responsive" alt="" />
</div>
<div class="col-md-7 thought-right">
<div class="communt">
<div class="communt-left">
<i class="man"></i>
</div>
<div class="communt-right">
<h4>Community</h4>
<p>More than <span>2 millon people</span> use products built by the Source community.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="communt">
<div class="communt-left">
<i class="bulb"></i>
</div>
<div class="communt-right">
<h4>Design & Performance</h4>
<p>Creating an entirely new design meantinventing an entirely new techonology with a level of precision you’d excepet.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="communt">
<div class="communt-left">
<i class="bar"></i>
</div>
<div class="communt-right">
<h4>Accurate results</h4>
<p>More than 2 millon people use products built by the Source community.</p>
<a href="details.html" class="link">Get Involved</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</article>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<!-- script -->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
<!-- script -->
</div>
<!-- thought -->
<!-- why-so -->
<div class="why-so">
<div class="container">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="tittle">
产品设计方案模板下载是一款白色简洁风格的手机产品设计模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应.rar
171 浏览量
2023-08-05
15:10:31
上传
评论
收藏 1.56MB RAR 举报
产品设计方案模板下载是一款白色简洁风格的手机产品设计模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应.rar （48个子文件） 
产品设计方案模板下载是一款白色简洁风格的手机产品设计模板。 moban367 
details.html 5KB js 
jquery.wmuSlider.js 12KB jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB aboutus.html 6KB registration.html 5KB css style.css 25KB flexslider.css 4KB bootstrap.css 118KB index.html 12KB whatwedo.html 6KB ourwork.html 8KB images 
footlogo.png 4KB arrow.1.png 3KB man.png 2KB
gallery8.jpg 103KB tick1.png 3KB hia.png 1KB gallery3.jpg 98KB det_pic.jpg 254KB m4.png 5KB m2.png 7KB casdow.png 3KB bulb.png 2KB twt.png 381B menu.png 3KB gallery7.jpg 92KB logo.png 7KB m1.png 10KB phone.png 125KB pic2.jpg 43KB gallery6.jpg 70KB pic3.jpg 38KB fb.png 552B pic1.jpg 32KB banner1.jpg 71KB m3.png 6KB img-sprite.png 13KB close.png 546B gallery2.jpg 151KB arow.png 3KB img1.png 127KB gallery4.jpg 81KB gallery5.jpg 114KB gallery1.jpg 88KB m5.png 9KB资源评论
