<!DOCTYPE html>
<html dir="ltr" lang="en-US"><head>
<meta charset="utf-8">
<title>Main</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="style.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
<link rel="stylesheet" href="style.responsive.css" media="all">
<script src="jquery.js"></script>
<script src="script.js"></script>
<script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">
<style>.art-content .art-postcontent-0 .layout-item-0 { margin-top: 30px;margin-bottom: 10px; }
.art-content .art-postcontent-0 .layout-item-1 { border-style:Dotted;border-top-width:0px;border-right-width:1px;border-bottom-width:0px;border-left-width:0px;border-color:#CCCCCC; padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px; }
.art-content .art-postcontent-0 .layout-item-2 { padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px; }
.ie7 .post .layout-cell {border:none !important; padding:0 !important; }
.ie6 .post .layout-cell {border:none !important; padding:0 !important; }
</style></head>
<body>
<div id="art-main">
<header class="art-header clearfix">
<div class="art-shapes">
<h1 class="art-headline" data-left="1.92%">
<a href="#">Finance Tips</a>
</h1>
<h2 class="art-slogan" data-left="1.92%">We Help You Managing Funds And Investments</h2>
</div>
<nav class="art-nav clearfix">
<ul class="art-hmenu"><li><a href="main.html" class="active">Main</a></li><li><a href="sample-page.html">Sample Page</a></li><li><a href="contact-us.html">Contact Us</a></li></ul>
</nav>
</header>
<div class="art-sheet clearfix">
<div class="inner_copyright">Collect from <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></div>
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content clearfix"><article class="art-post art-article">
<div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell" style="width: 33%" >
<div id="g1">
<h5>Money News</h5>
<p><span style="font-style:italic;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></p>
<p style="text-align:center;"><img width="240" height="150" alt="" class="art-lightbox" src="images/3.jpg"><br></p>
<p>Pellentesque ac felis tellus. Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id. Duis placerat justo eu nunc interdum.</p>
<p><a href="#" class="art-button">Read more...</a></p>
</div>
</div><div class="art-layout-cell" style="width: 34%" >
<div id="g2">
<h5>Local Finances</h5>
<p><span style="font-style:italic;">Cras elit nisl, rhoncus nec iaculis ultricies, feugiat eget sapien.</span></p>
<p style="text-align:center;"><img width="240" height="150" alt="" class="art-lightbox" src="images/2.jpg"><br></p>
<p>Duis placerat justo eu nunc interdum ultrices. Pellentesque ac felis tellus. Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id.</p>
<p><a href="#" class="art-button">Read more...</a></p>
</div>
</div><div class="art-layout-cell" style="width: 33%" >
<div id="g3">
<h5>Investments</h5>
<p><span style="font-style:italic;">Suspendisse pharetra auctor pharetra. Nunc a sollicitudin est.</span></p>
<p style="text-align:center;"><img width="240" height="150" alt="" class="art-lightbox" src="images/5.jpg"><br></p>
<p>Curabitur ullamcorper gravida felis, sit amet scelerisque lorem iaculis sed. Donec vel neque in neque porta venenatis sed sit amet lectus.</p>
<p><a href="#" class="art-button">Read more...</a></p>
</div>
</div>
</div>
</div>
<div class="art-content-layout-wrapper layout-item-0">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-1" style="width: 33%" >
<h1>Market Reviews</h1>
<p><span style="font-style:italic;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></p>
<p><img width="240" height="150" alt="" class="art-lightbox" src="images/4.jpg"><br></p>
<p>Pellentesque ac felis tellus. Aenean sollicitudin imperdiet arcu, vitae<br>
dignissim est posuere id.</p>
<p><a href="#" class="art-button">Read more...</a></p>
<div style="border-top:1px dotted #CCCCCC;"> </div>
<ul>
<li>Suspendisse pharetra auctor.</li>
<li>Nunc a sollicitudin est.</li>
<li>Curabitur ullamcorper gravida.</li>
</ul>
</div><div class="art-layout-cell layout-item-1" style="width: 34%" >
<h1>Trend Analysis</h1>
<p><span style="font-style:italic;">Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere.</span></p>
<p><img width="240" height="150" alt="" class="art-lightbox" src="images/1.jpg"><br></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit id. Pellentesque ac felis tellus.</p>
<p><a href="#" class="art-button">Read more...</a></p>
<div style="border-top:1px dotted #CCCCCC;"> </div>
<ul>
<li>Maecenas ut lorem lacus.</li>
<li>Suspendisse et sem odio</li>
<li>At eleifend ullamcorper massa.</li>
</ul>
</div><div class="art-layout-cell layout-item-2" style="width: 33%" >
<h1>Updates</h1>
<div class="newsdate">
<h6>17</h6>
<p>NOV</p>
</div>
Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id pellentesque ac felis.<br clear="all">
<div class="newsdate">
<h6>24</h6>
<p>OCT</p>
</div>
Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien.<br clear="all">
<div class="newsdate">
<h6>04</h6>
<p>OCT</p>
</div>
Tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante.<br clear="all">
<div class="newsdate">
<h6>12</h6>
<p>SEP</p>
</div>
Donec vel neque in neque porta venenatis sed sit amet lectus tristique posuere.<br clear="all">
<div class="newsdate">
<h6>23</h6>
<p>AUG</p>
</div>
Morbi tristique posuere consequat.Donec vel neque in neque porta venenatis sed sit lectus.
</div>
</div>
</div>
</div>
</div>
</article></div>
</div>
</div>
</div><footer class="art-footer clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-0" style="width: 25%">
<p style="font: 18px 'Trebuchet MS'; color: #FFFFFF">INFO</p>
<br>
<ul>
<li><a href="#">Welcome</a></li>
<li><a href="#">People</a></li>
<li><a href="#">Management</a></li>
</ul>
</div><div class="art-layout-cell layout-item-0" style="width: 25%">
<p style="font: 18px 'Trebuchet MS'; color: #FFFFFF">LOCATION</p>
<br>
<
网页设计模板-蓝色斜纹商务财经漂亮的HTML5模板.zip （38个子文件） 
网页设计模板-蓝色斜纹商务财经漂亮的HTML5模板 tp0_finance 
style.css 50KB
sample-page.html 7KB
big.jpg 61KB main.html 9KB script.responsive.js 12KB style.responsive.css 8KB contact-us.html 5KB index.html 9KB images 
facebook-large.png 407B 2.jpg 18KB postpdficon.png 529B 4-large.jpg 16KB twitter-large.png 451B rss-large.png 776B postbullets.png 136B page.jpeg 5KB 1.jpg 43KB 3-large.jpg 26KB 2-large.jpg 18KB 1-large.jpg 43KB blockbullets.png 106B 5-large.jpg 11KB 5.jpg 11KB twitter.png 451B header.png 3KB postemailicon.png 416B facebook.png 407B
preloader-01.gif 3KB rss.png 776B postprinticon.png 259B spacer.gif 43B 3.jpg 26KB 4.jpg 16KB postquote.png 399B s.jpg 32KB jquery.js 92KB style.ie7.css 2KB script.js 38KB资源评论
GJZGRB
- 粉丝: 2931
- 资源: 7737
最新资源
- 使用OpenGL实现渲染场景的shadow map
- 基于springboot+vue+mysql+redis项目工时管理系统前后端分离管理系统【源码+数据库】
- 【java毕业设计】高校信息资源共享平台源码（ssm+jsp+mysql+说明文档+LW）.zip
- LOL_params_0900000.pt
- 【java毕业设计】高校校园点餐系统源码（ssm+jsp+mysql+说明文档+LW）.zip
- 【小程序+小程序API+后台商城管理+运行指导教程】springboot+mysql实现的供货商城系统
- 【java毕业设计】高校四六级报名管理系统源码（ssm+jsp+mysql+说明文档+LW）.zip
- 二千多套IOS项目源码分享下载-第四个300套
- 【java毕业设计】高校二手交易平台源码（ssm+jsp+mysql+说明文档+LW）.zip
- 【java毕业设计】高校毕业生就业满意度调查统计系统源码（ssm+jsp+mysql+说明文档+LW）.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
