蓝色斜纹商务财经漂亮的HTML5模板_蓝色商务财经漂亮圆角商业斜纹大气html5css3企业

共37个文件

png：13个

jpg：11个

html：4个

网站模板

20 浏览量 2023-08-06 11:56:11 上传评论收藏 316KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色斜纹商务财经漂亮的HTML5模板_蓝色商务财经漂亮圆角商业斜纹大气 html5 css3 企业_ht.rar （37个子文件）

蓝色斜纹商务财经漂亮的HTML5模板_蓝色商务财经漂亮圆角商业斜纹大气 html5 css3 企业

tp0_finance

style.css 50KB

sample-page.html 7KB

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

<!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">  <link rel="stylesheet" href="style.css" media="screen">  <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.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</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="fo

评论收藏

内容反馈