<!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>仿GoMobile触屏版html5响应式手机app网站模板下载-懒人模板【http//www.lanrenmb.com/HTML5/】</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="colors/wedding/wedding.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=Lato_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="#"><img src="colors/wedding/images/logo.png" alt="" title="" border="0" /><span>John & Melissa</span></a></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(7);"><img src="images/icons/videos.png" alt="" title="" /><span>Videos</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 radius4"><img src="images/page_photo.jpg" alt="" title="" border="0" /></div>
<div class="image_caption red red_borderbottom radius4">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 radius8">
<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 radius8">
<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="