<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="images/apple-touch-startup-image-320x460.png" />
<meta name="author" content="FamousThemes" />
<meta name="description" content="GoMobile - A next generation web app theme" />
<meta name="keywords" content="mobile web app, mobile template, mobile design, mobile app design, mobile app theme, mobile wordpress theme, my mobile app" />
<title>列表式触屏版html5响应式手机app网站模板下载-模板在线【http://www.htmldivcss.com/】</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="colors/corporate/corporate.css">
<link type="text/css" rel="stylesheet" href="css/idangerous.swiper.css">
<link type="text/css" rel="stylesheet" href="css/swipebox.css">
<link href='../../../fonts.googleapis.com/css@family=Open+Sans_3A300' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="header">
<div class="gohome radius20"><a href="#"><img src="images/icons/home.png" alt="" title="" /></a></div>
<div class="gomenu radius20"><a href="#" onclick="swiperParent.swipeTo(10);"><img src="images/icons/contact.png" alt="" title="" /></a></div>
</div>
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<!--Menu page-->
<div class="swiper-slide sliderbg_menu">
<div class="swiper-container swiper-nested">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-inner">
<div class="logo"><a href="#">GoMobile</a></div>
<div class="slogan">corporate edition</div>
<div class="menu">
<ul>
<li><a href="#" onclick="swiperParent.swipeTo(1);"><img src="images/icons/about.png" alt="" title="" /><span>About Us</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(2);"><img src="images/icons/tools.png" alt="" title="" /><span>Services</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(3);"><img src="images/icons/blog.png" alt="" title="" /><span>Blog</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(5);"><img src="images/icons/docs.png" alt="" title="" /><span>Portfolio</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(6);"><img src="images/icons/photos.png" alt="" title="" /><span>Gallery</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(8);"><img src="images/icons/clients.png" alt="" title="" /><span>Clients</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(9);"><img src="images/icons/twitter.png" alt="" title="" /><span>Twitter</span></a></li>
<li><a href="#" onclick="swiperParent.swipeTo(10);"><img src="images/icons/contact.png" alt="" title="" /><span>Contact</span></a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="swiper-scrollbar"></div>
</div>
</div>
<!--Page 1 content-->
<div class="swiper-slide sliderbg">
<div class="swiper-container swiper-nested1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-inner">
<div class="pages_container">
<h2 class="page_title">About Us</h2>
<div class="image_single"><img src="images/page_photo.jpg" alt="" title="" border="0" /></div>
<div class="image_caption blue blue_borderbottom">Image title</div>
<h3>Imagination is our power</h3>
<blockquote>Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service. <span class="quote_author">-Steve Jobs</span></blockquote>
<h3>Just a simple listing</h3>
<ul class="listing">
<li>Proin dignissim risus ut quam aliquam dignissim.</li>
<li>Nunc erat eros, cursus et commodo vitae, pulvinar ac libero.</li>
<li>In erat elit, bibendum vitae commodo vitae, bibendum non justo.</li>
</ul>
<h3>A more detailed listing</h3>
<ul class="listing_detailed">
<li><a href="#">Proin dignissim risus</a></li>
<li><a href="#">Nunc erat eros, cursus et</a></li>
<li><a href="#">In erat elit, bibendum</a></li>
</ul>
<h2>Toggle styles</h2>
<div class="toogle_wrap">
<div class="trigger"><a href="#">toggle with text</a></div>
<div class="toggle_container">
<p>
Lorem ipsum <a href="#">dolor sit amet</a>, 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>
</div>
<div class="toogle_wrap">
<div class="trigger"><a href="#">toggle with lists</a></div>
<div class="toggle_container">
<ul class="listing_detailed">
<li>Consectetur adipisicing elit sed</li>
<li>Sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam</li>
</ul>
</div>
</div>
<h2>Some flexible <span class="tag">tabs</span></h2>