<!DOCTYPE html>
<html lang="">
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->
<head>
<title>Hoppler</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- Top Background Image Wrapper -->
<div class="bgded overlay" style="background-image:url('images/demo/backgrounds/background-01.jpg');">
<!-- ################################################################################################ -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<!-- ################################################################################################ -->
<div id="logo" class="fl_left">
<h1><a href="index.html">Hoppler</a></h1>
</div>
<nav id="mainav" class="fl_right">
<ul class="clear">
<li class="active"><a href="index.html">Home</a></li>
<li><a class="drop" href="#">Pages</a>
<ul>
<li><a href="pages/gallery.html">Gallery</a></li>
<li><a href="pages/full-width.html">Full Width</a></li>
<li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
<li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
<li><a href="pages/basic-grid.html">Basic Grid</a></li>
</ul>
</li>
<li><a class="drop" href="#">Dropdown</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a class="drop" href="#">Level 2 + Drop</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div id="pageintro" class="hoc clear">
<article>
<!-- ################################################################################################ -->
<h3 class="heading">Potenti integer dignissim</h3>
<p>Nunc gravida sem dui tempus nunc at tristique magna turpis in magna nunc vitae vestibulum ligula mauris malesuada</p>
<p class="font-x1 uppercase bold">Felis vitae ultricies blandit</p>
<footer><a class="btn" href="#">Fermentum elementum</a></footer>
<!-- ################################################################################################ -->
</article>
</div>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<ul class="nospace group services">
<li class="one_third first">
<article><a href="#"><i class="fa fa-2x fa-registered"></i></a>
<h6 class="heading font-x1">Suscipit urna quis</h6>
<p>Ipsum feugiat diam fermentum ornare proin blandit rhoncus eros nec vulputate aliquam tempus non dolor vitae finibus […]</p>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fa fa-2x fa-renren"></i></a>
<h6 class="heading font-x1">Cursus sollicitudin</h6>
<p>Suscipit lacus eu posuere vehicula cras lacinia nunc libero feugiat tristique massa mattis quis donec eu porttitor consequat […]</p>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fa fa-2x fa-resistance"></i></a>
<h6 class="heading font-x1">Phasellus blandit</h6>
<p>Felis proin hendrerit sapien ipsum quis accumsan ipsum vestibulum faucibus nunc rhoncus lectus non nunc dapibus congue […]</p>
</article>
</li>
<li class="one_third first">
<article><a href="#"><i class="fa fa-2x fa-flash"></i></a>
<h6 class="heading font-x1">Dignissim tristique</h6>
<p>Vivamus sollicitudin metus cursus pulvinar posuere nam fringilla pretium fringilla vestibulum commodo sagittis elit dui rutrum velit […]</p>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fa fa-2x fa-assistive-listening-systems"></i></a>
<h6 class="heading font-x1">Ante luctus malesuada</h6>
<p>At porta massa fringilla vitae elit donec tellus lorem rhoncus in orci et efficitur hendrerit erat nam porttitor duis eget dignissim […]</p>
</article>
</li>
<li class="one_third">
<article><a href="#"><i class="fa fa-2x fa-globe"></i></a>
<h6 class="heading font-x1">Erat mauris donec</h6>
<p>Lacus ut lorem rhoncus dictum sed nisl eros consequat vel velit et venenatis accumsan nibh sed sit amet turpis convallis […]</p>
</article>
</li>
</ul>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper bgded overlay" style="background-image:url('images/demo/backgrounds/background-02.jpg');">
<div class="hoc container clear">
<!-- ################################################################################################ -->
<div class="sectiontitle">
<h6 class="heading">Laoreet dolor etiam</h6>
</div>
<div class="group">
<div class="two_third first">
<p><strong>Orci dignissim placerat quisque</strong></p>
<p>Odio in accumsan in finibus lacus vitae condimentum dignissim urna est auctor ante eget viverra ex ex non enim fusce vitae leo eleifend rutrum nisl sit amet congue ligula ut vulputate hendrerit nisl ut condimentum duis.</p>
<p class="btmspace-30">Luctus quam ut est aliquam et ultricies nisl vulputate donec in luctus arcu maecenas nec metus ac magna posuere […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</div>
<div class="one_third">
<p><s
企业级网站源码-产品展示业务模块网页模板.zip
版权申诉
156 浏览量
2024-03-20
10:09:26
上传
评论
收藏 997KB ZIP 举报
企业级网站源码-产品展示业务模块网页模板.zip （56个子文件） 
企业级网站源码-产品展示业务模块网页模板 html pages 
sidebar-right.html 17KB basic-grid.html 11KB sidebar-left.html 17KB index.html 0B full-width.html 14KB gallery.html 11KB index.html 25KB images demo backgrounds 
02.png 18KB
background-04.jpg 28KB 04.png 13KB background-01.jpg 36KB 01.png 25KB 03.png 10KB background-03.jpg 18KB index.html 0B background-02.jpg 25KB 02.jpg 12KB 100x100.png 1KB 06.jpg 22KB 10.jpg 4KB 13.jpg 13KB 01.jpg 16KB
imgr.gif 1KB imgl.gif 998B 08.jpg 15KB 07.jpg 21KB 12.jpg 13KB 320x220.png 2KB gallery 01.png 2KB index.html 0B avatar.png 454B 320x320.png 3KB 05.jpg 4KB index.html 0B 11.jpg 25KB 04.jpg 7KB 320x480.png 3KB 09.jpg 10KB 03.jpg 12KB index.html 0B layout styles 
layout.css 20KB framework.css 5KB font-awesome.min.css 30KB index.html 0B fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB index.html 0B
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB index.html 0B scripts jquery.backtotop.js 339B index.html 0B jquery.mobilemenu.js 1021B jquery.min.js 85KB资源评论
