master

分支 (2)

管理

管理

master

remote-dev

work-qianhaituyi
/
index.html

<!doctype html>
<!--[if !IE]>   <html class="no-js non-ie" lang="en-US"> <![endif]-->
<!--[if IE 6 ]> <html class="no-js ie6" lang="en-US"> <![endif]-->
<!--[if IE 7 ]> <html class="no-js ie7" lang="en-US"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8" lang="en-US"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
	<!-- 使用webkit内核渲染目前只有360浏览器有效 content的取值为webkit，ie-comp，ie-stand 之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开 http://se.360.cn/v6/help/meta.html -->
	<meta name="renderer" content="webkit">
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>HTML5 Test</title>
	<link rel="stylesheet" href="css/main.css"/>
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<!--[if lte IE 8]>
	    <div id="ieupdate" style="text-align:center;background:#ccc;color:red">您的浏览器版本<strong>很旧很旧</strong>，为了正常地访问网站，请升级您的浏览器
	    	<a target="_blank" href="http://browsehappy.com" style="color:green">立即升级</a>
	    	<a href="#" title="关闭提示" class="close-update" style="color:red;margin-left:30px;" onclick= 'document.getElementById("ieupdate").style.display = "none"' > X </a>
	    </div>
	<![endif]-->

	<header id="page-header">
		<div class="top-header-wrapper">
			<div class="log"><a href="#"><img src="http://placehold.it/280x70"><i class="forIE"></i></a></div>
			<nav>
				<ul>
					<li><a href="#" class="current">主页</a></li>
					<li><a href="#">关于途一</a></li>
					<li><a href="#">产品介绍</a></li>
					<li><a href="#">营销策划</a></li>
					<li><a href="#">行业新闻</a></li>
					<li><a href="#">产品服务</a></li>
					<li><a href="#">合作共赢</a></li>
				</ul>
			</nav>
		</div>
	</header>

	<section id="zongzhi-search">
		<div class="main-container">
			<blockquote>“我们的宗旨是：JUST DO IT, JUST DO IT, JUST DO IT”</blockquote>
			<div class="search-box">
				<form action="">
					<input type="text">
					<input type="submit" value="搜索">
				</form>
			</div>
		</div>
	</section>

	<section id="slider-outer">
		<div class="main-container">
			<div class="slider"></div>
		</div>
	</section>

	<section id="about-speech">
		<div class="main-container">

			<div class="about-tuyi">
				<h3>关于途一</h3>
				<p>
					Morbi bibendum ullamcorper velit nec auctor. Pellentesque at mauris fringilla nunc sollicitudin vehicula.
				   Fusce at sapien sit amet mauris auctor ultricies nec et dui. Donecviverra et tincidunt. Sed ut posuere enim.
				   Suspendisse lacus.
				</p>
			</div>

			<blockquote>
				<p>
					21世纪是中国人的世纪，随着经济的高速发展，无
					论是企业还是个人都更加关注财富的保值与增值。
				</p>

				<p>
					中联财富用心聆听客户的声音，为您度身打造配置
					方案，致力于成为客户专业贴心的财富管理顾问。
				</p>

				<span>——总裁致辞</span>
			</blockquote>

		</div>
	</section>

	<section id="main-case">
		<div class="main-container">
			<ul>
				<li><a href="#"><img src="" alt=""></a></li>
				<li><a href="#"><img src="" alt=""></a></li>
				<li><a href="#"><img src="" alt=""></a></li>
			</ul>
		</div>
	</section>

	<section id="mian-business">
		<div class="main-container">
			<ul>
				<li>
					<h2><span class="icons"></span><span class="text">APP应用开发</span></h2>
					<p class="main-business-text">
						企业网站套餐是包含企业网站建设、网页设计，以及网站推广、优化与后期维护服务的网站建设解决方案，
						风格自定、功能完善、流程简约。
					</p>
					<p class="main-business-item">
                       <span>1、建站快速</span>
                       <span>3、快速更新发布</span>
                    </p>
                    <p class="main-business-item">
                       <span>2、节约成本</span>
                       <span>4、送空间域名</span>
                    </p>
                    <a href="#">了解更多</a>
				</li>

				<li>
					<h2><span class="icons"></span><span class="text">APP应用开发</span></h2>
					<p class="main-business-text">
						企业网站套餐是包含企业网站建设、网页设计，以及网站推广、优化与后期维护服务的网站建设解决方案，
						风格自定、功能完善、流程简约。
					</p>
					<p class="main-business-item">
                       <span>1、建站快速</span>
                       <span>3、快速更新发布</span>
                    </p>
                    <p class="main-business-item">
                       <span>2、节约成本</span>
                       <span>4、送空间域名</span>
                    </p>
                    <a href="#">了解更多</a>
				</li>

				<li>
					<h2><span class="icons"></span><span class="text">APP应用开发</span></h2>
					<p class="main-business-text">
						企业网站套餐是包含企业网站建设、网页设计，以及网站推广、优化与后期维护服务的网站建设解决方案，
						风格自定、功能完善、流程简约。
					</p>
					<p class="main-business-item">
                       <span>1、建站快速</span>
                       <span>3、快速更新发布</span>
                    </p>
                    <p class="main-business-item">
                       <span>2、节约成本</span>
                       <span>4、送空间域名</span>
                    </p>
                    <a href="#">了解更多</a>
				</li>

				<li>
					<h2><span class="icons"></span><span class="text">APP应用开发</span></h2>
					<p class="main-business-text">
						企业网站套餐是包含企业网站建设、网页设计，以及网站推广、优化与后期维护服务的网站建设解决方案，
						风格自定、功能完善、流程简约。
					</p>
					<p class="main-business-item">
                       <span>1、建站快速</span>
                       <span>3、快速更新发布</span>
                    </p>
                    <p class="main-business-item">
                       <span>2、节约成本</span>
                       <span>4、送空间域名</span>
                    </p>
                    <a href="#">了解更多</a>
				</li>
			</ul>
		</div>
	</section>

	<section id="about-news-info">
		<div class="main-container">
			<ul>
				<li>
					<div class="img-warpper"><img src="http://placehold.it/326x203"></div>
					<h3>
						<span>互联网新闻</span>
						<a href="#">浏览更多</a>
					</h3>
					<div class="news-list-item">
						<a href="#">怎么建设手机网站？</a>
						<a href="#">移动互联推广将是未来的趋势</a>
						<a href="#">网站做好之后一定得用心打理</a>
						<a href="#">网络推广是什么?</a>
						<a href="#">国内网站为什么需要备案?</a>
						<a href="#">ASP编程语言的一些特色</a>
						<a href="#">移动互联服务与支持</a>
					</div>
				</li>
				<li>
					<div class="img-warpper"><img src="http://placehold.it/326x203"></div>
					<h3>
						<span>互联网新闻</span>
						<a href="#">浏览更多</a>
					</h3>
					<div class="news-list-item">
						<a href="#">怎么建设手机网站？</a>
						<a href="#">移动互联推广将是未来的趋势</a>
						<a href="#">网站做好之后一定得用心打理</a>
						<a href="#">网络推广是什么?</a>
						<a href="#">国内网站为什么需要备案?</a>
						<a href="#">ASP编程语言的一些特色</a>
						<a href="#">移动互联服务与支持</a>
					</div>
				</li>
				<li>
					<div class="img-warpper"><img src="http://placehold.it/326x203"></div>
					<h3>
						<span>互联网新闻</span>
						<a href="#">浏览更多</a>
					</h3>
					<div class="news-list-item">
						<a href="#">怎么建设手机网站？</a>
						<a href="#">移动互联推广将是未来的趋势</a>
						<a href="#">网站做好之后一定得用心打理</a>
						<a href="#">网络推广是什么?</a>
						<a href="#">国内网站为什么需要备案?</a>
						<a href="#">ASP编程语言的一些特色</a>
						<a href="#">移动互联服务与支持</a>
					</div>
				</li>
			</ul>
		</div>
	</section>

	<section id="success-case">
		<div class="main-container">
			<h1>成功案例</h1>
			<div class="case-item">
				<div class="case-item-a">
					<div class="img-warpper"><img src="http://placehold.it/140x185" alt=""></div>
					<div class="case-item-text">
						<p>
							Morbi bibendum ullamcorper velit nec auctor.
							Pellentesque at mauris fringilla nunc sollicitudin vehicula.
							Fusce at sapien sit amet mauris auctor ultricies nec et dui.
							Sed ut posuere enim.  Suspendisse lacus.
						</p>
					</div>
				</div>
				<div class="case-item-a">
					<div class="img-warpper"><img src="http://placehold.it/140x185" alt=""></div>
				</div>
			</div>
			<div class="social-channel">
				<div class="weixin-channel">
					<h3>快速通道</h3>
					<div class="img-text-warpper">
						<img src="http://placehold.it/80x80">
						<p>预订客户端</p>
					</div>
					<div class="img-text-warpper">
						<img src="http://placehold.it/80x80">
						<p>预订客户端</p>
					</div>
					<div class="img-text-warpper">
						<img src="http://placehold.it/80x80">
						<p>预订客户端</p>
					</div>
				</div>
				<div class="weibo-channel">
					<h3>关注我们的微博</h3>
					<img src="http://placehold.it/300x180">
				</div>
			</div>
		</div>
	</section>

	<footer id="page-footer">
		<div class="footer-nav">
			<div class="main-container">
				<dl>
					<dt>关于我们</dt>
					<dd><a href="#">公司介绍</a></dd>
					<dd><a href="#">企业文化</a></dd>
					<dd><a href="#">合作申请</a></dd>
				</dl>

				<dl>
					<dt>联系我们</dt>
					<dd><a href="tel:86-0755-2390887">电话：86-0755-23908887</a></dd>
					<dd><a href="mailto:[email protected]">邮箱：[email protected]</a></dd>
					<dd><a href="javascript:;">邮编：518035</a></dd>
				</dl>

				<dl>
					<dt>我们的产品</dt>
					<dd><a href="#">连锁酒店预订系统</a></dd>
					<dd><a href="#">连锁酒店预订系统</a></dd>
					<dd><a href="#">途一旅行网</a></dd>
				</dl>

				<dl>
					<dt>我们的服务</dt>
					<dd><a href="#">云营销型网站开发</a></dd>
					<dd><a href="#">手机APP应用开发</a></dd>
					<dd><a href="#">售后服务热线</a></dd>
				</dl>

				<dl>
					<dt>营销策划</dt>
					<dd><a href="#">电子商务套餐</a></dd>
					<dd><a href="#">手机APP营销策划</a></dd>
					<dd><a href="#">微信营销策划</a></dd>
				</dl>
			</div>
		</div>
		<div class="footer-bottom">
			<p>中云端网络科技——提供全方位的优质网络服务，共同促进企业的快速、健康和可持续发展。</p>
			<p>
				版权所有： <a href="#" target="_blank">深圳市中云端网络科技有限公司</a>
				BY：<a href="#" target="_blank">中云端网络科技</a>
				备案号：粤ICP备13035642号
				地址：深圳市福田区金田路荣超经贸中心3602A
			</p>
		</div>
	</footer>

</body>
</html>