H225国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板

共45个文件

png：10个

js：10个

jpg：8个

前端源码

网页模板

91 浏览量 2023-08-04 09:04:10 上传评论收藏 300KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H225国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （45个子文件）

H225

support.html 5KB

downloads.html 5KB

Mate_400.font.js 58KB

PIE.htc 40KB

FF-cash.js 386B

html5.js 1KB

cufon-yui.js 18KB

tms_presets.js 19KB

jquery.hoverIntent.js 4KB

tms-0.3.js 12KB

jquery-1.6.3.min.js 89KB

jquery.easing.1.3.js 8KB

cufon-replace.js 77B

features.html 6KB

css

style.css 9KB

reset.css 918B

grid.css 5KB

ie.css 267B

contacts.html 5KB

index.html 9KB

images

page2-img4.jpg 11KB

page4-img1.jpg 14KB

menu-a.png 289B

pic-1.gif 43B

page2-img2.png 5KB

marker-1.png 544B

slider-img3.jpg 31KB

slider-img1.jpg 23KB

button-tail.gif 269B

page2-img3.png 5KB

logo.png 5KB

quote.png 832B

slider-bg.png 39KB

page1-img1.jpg 13KB

page2-img1.png 5KB

bg.jpg 19KB

box-tail.gif 138B

numb-tail.gif 289B

slider-next.png 1KB

menu-spacer.gif 310B

slider-prev.png 1KB

marker-2.gif 107B

slider-img2.jpg 25KB

page3-img1.jpg 13KB

footer-tail.gif 411B

<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script> <script src="js/cufon-yui.js" type="text/javascript"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Mate_400.font.js" type="text/javascript"></script> <script src="js/FF-cash.js" type="text/javascript"></script> <script src="js/tms-0.3.js" type="text/javascript"></script> <script src="js/tms_presets.js" type="text/javascript"></script> <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>   </head> <body id="page1"> <div class="extra"> <div class="main">  <header> <div class="wrapper p4"> <h1><a href="index.html">Software</a></h1> <ul class="list-services"> <li><a href="#">Site Map</a></li> <li><a href="#">Help</a></li> <li><a href="#">FAQs</a></li> </ul> </div> <nav> <ul class="menu"> <li class="active"><a href="index.html">Home</a></li> <li><a href="features.html">Features</a></li> <li><a href="support.html">Support</a></li> <li><a href="downloads.html">Downloads</a></li> <li class="last"><a href="contacts.html">Contacts</a></li> </ul> </nav> <div class="wrapper"> <div class="slider-wrapper"> <div class="slider"> <ul class="items"> <li><img src="images/slider-img1.jpg" alt="" /></li> <li><img src="images/slider-img2.jpg" alt="" /></li> <li><img src="images/slider-img3.jpg" alt="" /></li> </ul> </div> <a class="prev" href="#"></a> <a class="next" href="#"></a> </div> <div class="extra-wrap"> <div class="indent"> <strong class="title-1">Best</strong> <strong class="title-2">Professional Soft</strong> <p class="img-indent-bot">Software is one of <a class="link" target="_blank" href="http//blog.templatemonster.com/free-website-templates/">free web templates</a> created by TemplateMonster team.<br> This website template is optimized for 1280X1024 screen resolution. It is also XHTML & CSS valid.</p> <div class="aligncenter"> <a class="button" href="#">Read More</a> </div> </div> </div> </div> </header>  <section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. December05, 2011!</div> <div class="container_12"> <div class="wrapper indent-bot"> <article class="grid_4"> <div class="box"> <div class="padding"> <div class="wrapper"> <strong class="numb">01</strong> <div class="extra-wrap"> <h2>Basic</h2> <strong class="title-2">Package</strong> </div> </div> This <a class="link" target="_blank" href="http//blog.templatemonster.com/2011/12/05/free-website-template-jquery-slider-software-project/ ">Software Template</a> goes with<br> two packages. </div> <a class="link-1" href="#"></a> </div> </article> <article class="grid_4"> <div class="box"> <div class="padding"> <div class="wrapper"> <strong class="numb">02</strong> <div class="extra-wrap"> <h2>Full</h2> <strong class="title-2">Package</strong> </div> </div> PSD source files are available for<br> the registered members. </div> <a class="link-1" href="#"></a> </div> </article> <article class="grid_4"> <div class="box"> <div class="padding"> <div class="wrapper"> <strong class="numb">03</strong> <div class="extra-wrap"> <h2>New</h2> <strong class="title-2">Package</strong> </div> </div> The basic package is available for anyone without registration. </div> <a class="link-1" href="#"></a> </div> </article> </div> <div class="wrapper"> <article class="grid_8"> <div class="indent-left indent-top img-indent-bot"> <h3>About Our Products</h3> <div class="wrapper"> <figure class="img-indent"><img src="images/page1-img1.jpg" alt="" /></figure> <div class="extra-wrap"> <h6 class="p1">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.</h6> Molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est expedita. </div> </div> </div> <div class="wrapper"> <article class="grid_4 alpha"> <div class="indent-left"> <ul class="list-1"> <li><a href="#">Nam libero tempore, cum soluta</a></li> <li><a href="#">Cobis est eligendi optio cumque impedit</a></li> <li><a href="#">Quo minus id quod maxime placeat</a></li> </ul> </div> </article> <article class="grid_4 omega"> <div class="indent-left"> <ul class="list-1"> <li><a href="#">Nam libero tempore, cum soluta</a></li> <li><a href="#">Cobis est eligendi optio cumque impedit</a></li> <li><a href="#">Quo minus id quod maxime placeat</a></li> </ul> </div> </article> </div> </article> <article class="grid_4"> <div class="box-2"> <div class="padding"> <h3>Reviews</h3> <div class="border-bot prev-indent-bot"> <blockquote> <div class="padding-left"> <p class="p1">Sed ut perspiciatis unde omnis natus error sit voluptatem accu um doloremque laudantium.</p> <a class="link" href="#"><strong>Victor Salivan</strong></a> </div> </blockquote> </div> <div class="border-bot p2"> <blockquote> <div class="padding-left"> <p class="p1">Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis uasi architecto beatae.</p> <a class="link" href="#"><strong>Sebastian Seneze</strong></a> </div> </blockquote> </div> <div class="indent-left"> <a class="link-2" href="#">See all</a> </div> </div> </div> </article> </div> </div> <div class="block"></div> </section> </div> </div> <!--===================

评论收藏

内容反馈