<!DOCTYPE html>
<html>
<head>
<title>Optimal</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="row100 bgded" style="background-image:url('images/demo/backgrounds/background-01.jpg');">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row0">
<div id="topbar" class="clear">
<!-- ################################################################################################ -->
<div class="fl_left">
<ul class="nospace inline pushright">
<li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-envelope-o"></i> info@domain.com</li>
</ul>
</div>
<div class="fl_right">
<ul class="faico clear">
<li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="faicon-pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="faicon-dribble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a class="faicon-rss" href="#"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
<header id="header" class="clear">
<!-- ################################################################################################ -->
<div id="logo" class="fl_left">
<h1><a href="index.html">Optimal</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>
</ul>
</li>
</ul>
</li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
<section id="pageintro" class="clear">
<!-- ################################################################################################ -->
<p class="font-x2 nospace btmspace-30 capitalise">Donec et sem euismod</p>
<h2 class="font-x3 uppercase nospace btmspace-30">Aenean semper elementum</h2>
<p class="nospace btmspace-50">Fusce quis feugiat urna. Curabitur a sapien tincidunt, ullamcorper mauris sit amet, ornare augue. Suspendisse potenti. Sed eget ultricies sem. Proin quis lacus egestas, adipiscing nunc ornare, gravida diam. Donec luctus convallis rhoncus.</p>
<ul class="nospace inline pushright">
<li><a class="btn" href="#">Cum sociis natoque</a></li>
<li><a class="btn bg-red" href="#">Donec ultrices dui</a></li>
</ul>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row2">
<div class="container clear">
<!-- ################################################################################################ -->
<div class="flex-carousel">
<ul class="flex-carousel-items">
<li>
<figure class="group">
<div class="one_quarter first"><img class="circle" src="images/demo/180x180-01.jpg" alt=""></div>
<figcaption class="three_quarter">
<p>Vestibulum tellus turpis, elementum eu dictum at, venenatis vel nibh. In hendrerit urna sed sapien porta, vitae suscipit odio commodo. Etiam rhoncus ante tristique orci semper faucibus. Pellentesque convallis lacus vel sapien scelerisque. Donec et sem euismod, sagittis felis non, volutpat justo. Pellentesque mauris ante, porta sed tristique nec, varius placerat nisi. In porttitor sollicitudin pulvinar.</p>
<ul>
<li class="bold">Name</li>
<li>Position, Title</li>
</ul>
</figcaption>
</figure>
</li>
<li>
<figure class="group">
<div class="one_quarter first"><img class="circle" src="images/demo/180x180-02.jpg" alt=""></div>
<figcaption class="three_quarter">
<p>Sed sagittis, nunc sit amet consectetur convallis, tortor urna dictum lectus, in vulputate ligula turpis vitae neque. Pellentesque sagittis tempus sem nec dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam aliquam id mi non viverra. Aliquam erat volutpat. Integer sagittis ante quis volutpat interdum. Vivamus id magna ac felis luctus tincidunt.</p>
<ul>
<li class="bold">Name</li>
企业级网站源码-业务项目咨询网页模板.zip
版权申诉
201 浏览量
2024-03-25
08:41:30
上传
评论
收藏 713KB ZIP 举报
企业级网站源码-业务项目咨询网页模板.zip （47个子文件） 
企业级网站源码-业务项目咨询网页模板 html pages 
sidebar-right.html 19KB basic-grid.html 13KB sidebar-left.html 19KB index.html 0B full-width.html 17KB gallery.html 13KB index.html 19KB images demo backgrounds 
background-01.jpg 72KB
01.png 19KB background-03.jpg 33KB index.html 0B background-02.jpg 20KB 180x180.png 2KB 320x390.png 3KB 180x180-03.jpg 6KB
imgr.gif 1KB 320x390-02.jpg 33KB imgl.gif 998B gallery 01.png 2KB index.html 0B 320x390-01.jpg 12KB avatar.png 454B 180x180-02.jpg 6KB index.html 0B 180x180-01.jpg 6KB 320x390-03.jpg 12KB index.html 0B layout styles 
layout.css 17KB framework.css 4KB fontawesome-4.3.0.min.css 23KB index.html 0B images overlay.png 179B index.html 0B fonts FontAwesome.otf 92KB fontawesome-webfont.eot 59KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB index.html 0B
fontawesome-webfont.svg 306KB fontawesome-webfont.ttf 119KB index.html 0B scripts jquery.backtotop.js 363B jquery.flexslider-min.js 22KB jquery.placeholder.min.js 3KB index.html 0B jquery.mobilemenu.js 810B jquery.min.js 94KB资源评论
