<!DOCTYPE html>
<html>
<head>
<title>分享 vizito响应式触屏手机网站模板</title>
<!-- meta tags start -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="手机网站、WAP网站, 网站模板,手机网站模板" />
<meta name="Description" content="是最专业的手机网站建设交流学习平台,HTML5建站交流社区" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!-- meta tags end -->
<!-- favorite icon starts -->
<link rel="shortcut icon" href="images/common/favicon.ico" type="image/x-icon" />
<!-- favorite icon ends -->
<!-- CSS files start -->
<link href="css/framework.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/colorbox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/elements.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/hidpi.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/skin.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<!-- CSS files end -->
<!-- JavaScript files start -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/effects.jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo-slider.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- JavaScript files end -->
</head>
<body>
<!-- website wrapper starts -->
<div class="websiteWrapper">
<!-- main menu wrapper starts -->
<ul class="mainMenuWrapper">
<li><a href="index.html">网站首页</a></li>
<li class="currentPage"><a href="typography.html">公司简介</a> </li>
<li><a href="faq.html">折叠菜单</a></li>
<li><a href="404.html">404页面</a></li>
<li><a href="portfolioOneColumn.html">单列图片</a></li>
<li><a href="portfolioTwoColumns.html">双列图片</a></li>
<li><a href="portfolioOneColumnFilterable.html">筛选单列</a></li>
<li><a href="portfolioTwoColumnsFilterable.html">筛选双列</a></li>
<li><a href="singleProject.html">文字内容</a></li>
<li><a href="blog.html">新闻资讯</a> </li>
<li><a href="singlePost.html">新闻内容</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<!-- main menu wrapper ends -->
<!-- header wrapper starts -->
<div class="headerOuterWrapper">
<div class="headerWrapper"> <a class="mainLogo" href="index.html"><img src="images/mainLogo.png" alt=""/></a> <a href="" class="mainMenuButton"></a><span class="mainMenuDecoLine"></span> </div>
</div>
<!-- header wrapper ends -->
<div class="pageBreak headerBreak"></div>
<!-- page wrapper starts -->
<div class="pageWrapper">
<!-- page content wrapper starts -->
<div class="pageContentWrapper">
<!-- page title starts -->
<h3 class="pageTitle">About "vizito"</h3>
<!-- page title ends -->
<p>Welcome to "vizito"!</p>
<p>If you are looking for a versatile mobile template that will work on all mobile devices not just smartphones, then you found the right one.</p>
<p>"vizito" is not just another responsive template limited to certain screen sizes. This template has a liquid structure based on a {solid} CSS framework that will adapt to any screen, including retina displays.</p>
<div class="textBreakBoth"></div>
<h4>Columns:</h4>
<!-- one half start -->
<div class="columnWrapper oneHalf">
<h4>1/2</h4>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi opti.</p>
</div>
<div class="columnWrapper oneHalf lastColumn">
<h4>1/2</h4>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi opti.</p>
</div>
<!-- one half end -->
<div class="clear"></div>
<!-- one third start -->
<div class="columnWrapper oneThird">
<h4>1/3</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p>
</div>
<div class="columnWrapper oneThird">
<h4>1/3</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p>
</div>
<div class="columnWrapper oneThird lastColumn">
<h4>1/3</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p>
</div>
<!-- one third end -->
<div class="clear"></div>
<div class="textBreakBottom"></div>
<h4 class="blockTitle">Tables:</h4>
<!-- table starts -->
<table>
<thead>
<tr>
<th>Number</th>
<th>Product</th>
<th>Price</th>
<th>Availability</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Vero</td>
<td>$32</td>
<td><span class="singleIconWrapper iconCheckmarkDark"></span></td>
</tr>
<tr>
<td>2</td>
<td>Ipsum</td>
<td>$87</td>
<td><span class="singleIconWrapper iconCheckmarkDark"></span></td>
</tr>
<tr>
<td>3</td>
<td>Amet</td>
<td>$99</td>
<td><span class="singleIconWrapper iconCheckmarkDark"></span></td>
</tr>
<tr>
<td>4</td>
<td>Dolor</td>
<td>$169</td>
<td><span class="singleIconWrapper iconNoDark"></span></td>
</tr>
</tbody>
</table>
<!-- table ends -->
<div class="textBreakBottom"></div>
<h4 class="blockTitle">Quotes:</h4>
<!-- large quote starts -->
<div class="quoteWrapper"> <a href="" class="quoteAvatar"><img src="images/commentAvatarBg.png" alt=""></a>
<blockquote>
<p>"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<cite>- John Doe</cite></blockquote>
</div>
<!-- large quote ends -->
<!-- regular quote starts -->
<blockquote>
<p>"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<cite>- John Doe</cite> </blockquote>
<!-- regular quote ends -->
<div class="textBreakBoth"></div>
<h4 class="blockTitle">Alert Boxes:</h4>
<!-- alert box starts -->
<div class="alertBox alertBoxWarning">
<p class="alertBoxContent">Ut enim ad mini ma veniam, quis nostrum exerci tationem ullam corporis suscipit labor iosam.</p>
<a href="" class="alertBoxButton"></a> </div>
<!-- alert box ends -->
<!-- alert box starts -->
<div class="alertBox alertBoxStop">
<p class="alertBoxContent">Ut enim ad mini ma veniam, quis nostrum exerci tationem ullam corporis suscipit labor iosam.</p>
<a href="" class="alertBoxButton"></a> </div>
<!-- alert box ends -->
<!-- alert box starts -->
<div class="alertBox alertBoxGo">
<p class="alertBoxContent">Ut enim ad mini ma ven
倾情奉献绿色响应式手机网站模板.zip （71个子文件） 
(FZY014)倾情奉献绿色响应式手机网站模板 
faq.html 6KB portfolioOneColumn.html 7KB singleProject.html 6KB js 
effects.jquery-ui.min.js 13KB jquery.nivo-slider.min.js 12KB jquery.colorbox.min.js 11KB custom.js 9KB jquery.min.js 82KB contact.js 4KB portfolioTwoColumnsFilterable.html 7KB singlePost.html 8KB typography.html 11KB css style.css 41KB skin.css 941B custom.css 756B hidpi.css 19KB responsive.css 927B framework.css 6KB colorbox.css 1KB elements.css 20KB 404.html 5KB index.html 9KB contact.html 7KB images 
mainLogo.png 7KB
slide-3.jpg 63KB small-1-6.jpg 39KB small-1-2.jpg 66KB commentAvatarBg.png 3KB slide-1.jpg 25KB testimonial-2.jpg 11KB small-1-1.jpg 25KB slide-2.jpg 66KB testimonial-1.jpg 3KB small-1-3.jpg 63KB small-1-4.jpg 67KB testimonial-3.jpg 10KB small-1-5.jpg 49KB portfolioTwoColumns.html 7KB blog.html 7KB ke01_img backToTopButtonBg.png 1KB portfolioFilterableMenuDecoBg.png 996B alertBoxButtonBg.png 1000B iconArrowRightBg16.png 329B iconNoBg16.png 377B iconCalendarBg16.png 298B portfolioExpandButtonBg.png 1KB mainMenuButtonBg.png 998B portfolioDetailsButtonBg.png 1KB
loading.gif 723B iconBoltBg16.png 354B quoteBg.png 1KB alertBoxStopBg.png 377B sliderArrowsBg.png 1KB testimonialsTitleBg.png 301B iconEditBg16.png 320B alertBoxGoBg.png 3KB accordionButtonBg.png 1KB iconVimeoBg16.png 1KB iconDribbbleBg16.png 1KB iconRssBg16.png 1KB iconFacebookBg16.png 1KB iconCheckmarkBg16.png 3KB bgPat-1.png 18KB smallPostReadMoreButtonBg.png 1KB iconSkypeBg16.png 1KB iconLocationBg16.png 3KB alertBoxInfoBg.png 1KB alertBoxWarningBg.png 1KB mainMenuItemBg.png 1KB iconTwitterBg16.png 1KB portfolioOneColumnFilterable.html 7KB资源评论
