<!DOCTYPE HTML>
<html>
<head>
<title>Azure</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head><body>
<div id="header-wrapper">
<header id="header" class="5grid-layout">
<div id="row">
<div id="12u">
<div id="logo">
<h1><a href="#" class="mobileUI-site-name">Azure</a></h1>
</div>
</div>
</div>
<div class="row">
<div class="12u">
<div class="5grid-layout" id="menu">
<nav class="mobileUI-site-nav">
<ul>
<li class="current_page_item"><a href="index.html">Homepage</a></li>
<li><a href="threecolumn.html">Three Column</a></li>
<li><a href="twocolumn1.html">Two Column #1</a></li>
<li><a href="twocolumn2.html">Two Column #2</a></li>
<li><a href="onecolumn.html">One Column</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
</div>
<div id="wrapper">
<div class="5grid-layout" id="welcome">
<div class="row">
<div class="12u">
<section class="content">
<h2>Integer gravida nibh quis urna</h2>
<p><a href="#"><img src="images/pics06.jpg" alt=""></a>Welcome to <strong>Azure</strong>, a free responsive HTML5 website template designed by zzsc. It features a modern business-oriented design,
content-dense layout, and a neutral color scheme. And like all of our templates, it is built on HTML5 and
CSS3, has full responsive support for desktops, tablets, and mobile devices, and is 100% free to use
personally or commercially under the Creative Commons license</a>.
Be sure to check out our website</a> for more awesome free
HTML5 templates and follow us on Twitter</a> for updates and new releases! Enjoy!</p>
<p> </p>
<p>Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus.</p>
<p><a href="#" class="button-style1">Read Full Article</a></p>
</section>
</div>
</div>
</div>
<div class="5grid-layout" id="page-wrapper">
<div class="row">
<div class="3u">
<section id="pbox1">
<h2>Latest News</h2>
<ul class="style4">
<li class="first">
<p class="date"><a href="#">Novermber 01, 2013</a></p>
<p><a href="#">Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. </a></p>
</li>
<li>
<p class="date"><a href="#">October 31, 2013</a></p>
<p><a href="#">Quisque dictum. Integer nisl risus, sagittis elementum congue, nibh. Suspendisse dictum porta lectus.</a></p>
</li>
<li>
<p class="date"><a href="#">October21, 2013</a></p>
<p><a href="#">Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. </a></p>
</li>
</ul>
</section>
</div>
<div class="6u">
<section id="pbox2">
<h2>tellus feugiat eleifend</h2>
<p><a href="#"><img src="images/pics07.jpg" alt=""></a></p>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. </p>
<p><a href="#" class="button-style1">Read Full Article</a></p>
</section>
</div>
<div class="3u">
<section id="pbox3">
<h2>Pellentesque</h2>
<ul class="style5">
<li class="first"><a href="#">Maecenas luctus lectus sapien</a></li>
<li><a href="#">Donec dictum metus in sapien</a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue sit amet </a></li>
<li><a href="#">Mauris vulputate dolor sit amet </a></li>
<li><a href="#">Praesent scelerisque scelerisque </a></li>
<li><a href="#">Integer gravida nibh quis urna</a></li>
<li><a href="#">Etiam posuere augue amet nisl</a></li>
<li><a href="#">Mauris vulputate dolor sit nibh</a></li>
</ul>
<p><a href="#" class="button-style1">Read Full Article</a></p>
</section>
</div>
</div>
</div>
<div class="5grid-layout" id="footer">
<div class="row">
<div class="8u">
<section id="fbox1">
<h2>Maecenas luctus lectus</h2>
<p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus.</p>
<ul class="style1">
<li>
<p><a href="#"><img src="images/pics01.jpg" alt=""></a></p>
<p>Pellentesque viverra aliquam.</p>
<p><a href="#" class="button-style1">Read More</a></p>
</li>
<li>
<p><a href="#"><img src="images/pics02.jpg" alt=""></a></p>
<p>Pellentesque viverra aliquam.</p>
<p><a href="#" class="button-style1">Read More</a></p>
</li>
<li>
<p><a href="#"><img src="images/pics03.jpg" alt=""></a></p>
<p>Pellentesque viverra aliquam.</p>
<p><a href="#" class="button-style1">Read More</a></p>
</li>
<li>
<p><a href="#"><img src="images/pics04.jpg" alt=""></a></p>
<p>Pellentesque viverra aliquam.</p>
<p><a href="#" class="button-style1">Read More</a></p>
</li>
<li>
<p><a href="#"><img src="images/pics05.jpg" alt=""></a></p>
<p>Pellentesque viverra aliquam.</p>
<p><a href="#" class="button-style1">Read More</a></p>
</li>
</ul>
</section>
</div>
<div class="4u">
<section id="fbox2">
<h2>Nulla eleifend</h2>
<ul class="style2">
<li>
<p><span class="date">20012.10.25</span><span class="heading-title">Etiam posuere augue</span></p>
<p><a href="#">Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. </a></p>
</li>
<li>
<p><span class="date">20012.10.25</span><span class="heading-title">Etiam posuere augue</span></p>
<p><a href="#">Quisque dictum. Integer nisl risus, sagittis elementum congue, nibh. Suspendisse dictum porta lectus. </a></p>
</li>
<li>
<p><span class="date">20012.10.25</span><span class="heading-title">Etiam posuere augue</span></p>
<p><a href="#">Quisque dictum. Integer nisl risus, sagittis elementum congue, nibh. Suspendisse dictum porta lectus. </a></p>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
<div class="5grid-layout" id="marketing">
<div class="row">
<div class="3u">
<section>
<h2>Fusce ultrices</h2>
<ul class="style3">
<li class="first"><a href="#">Maecenas luctus lectus at sapien</a></li>
<li><a href="#">E
蓝色商务Html5网站模板.zip
版权申诉
167 浏览量
2023-03-15
06:47:55
上传
评论
收藏 1.28MB ZIP 举报
蓝色商务Html5网站模板.zip （34个子文件） 
蓝色商务Html5网站模板 
twocolumn1.html 7KB twocolumn2.html 7KB threecolumn.html 8KB css 
style.css 5KB 5grid mobileUI-flat.css 1013B core.css 6KB core-noscript.css 3KB core-1000px.css 415B html5shiv.js 2KB init.js 17KB core-1200px.css 415B jquery.js 91KB core-fluid.css 394B core-mobile.css 1KB mobileUI-beveled.css 2KB core-desktop.css 2KB style-1000px.css 615B style-desktop.css 3KB style-fluid.css 530B style-mobile.css 3KB images 
img01.png 12KB img05.png 781B img04.png 181B img02.png 740KB style-1200px.css 530B index.html 10KB onecolumn.html 9KB images 
pics04.jpg 90KB pics07.jpg 71KB pics05.jpg 59KB pics01.jpg 55KB pics02.jpg 63KB pics06.jpg 73KB pics03.jpg 82KB资源评论
