紫色简洁公司网页模板是一款html5企业网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共21个文件

js：6个

css：3个

jpg：3个

网站模板

28 浏览量 2023-08-05 16:15:54 上传评论收藏 694KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

紫色简洁公司网页模板是一款html5企业网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响应式源.rar （21个子文件）

紫色简洁公司网页模板是一款html5企业网站模板下载。

moban1022

assets

main.js 915B

PIE.htc 40KB

respond.min.js 4KB

html5shiv.js 2KB

skel.min.js 9KB

util.js 12KB

jquery.min.js 94KB

css

main.css 57KB

ie9.css 482B

font-awesome.min.css 23KB

images

overlay.png 3KB

fonts

FontAwesome.otf 92KB

fontawesome-webfont.eot 59KB

fontawesome-webfont.woff 70KB

fontawesome-webfont.woff2 55KB

fontawesome-webfont.svg 306KB

fontawesome-webfont.ttf 119KB

index.html 5KB

images

pic02.jpg 51KB

pic03.jpg 75KB

pic01.jpg 79KB

<!DOCTYPE HTML> <html> <head> <title>HOME</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />  <link rel="stylesheet" href="assets/css/main.css" />  </head> <body>  <section id="banner"> <div class="inner split"> <section> <h2>Welcome to Prism, a free responsive site template</h2> </section> <section> <p>Lorem ipsum nisl sed cursus magna et amet veroeros. Phasellus aliquam et tempus lorem dolor feugiat adipiscing lorem.</p> <ul class="actions"> <li><a href="#" class="button special">Get started</a></li> </ul> </section> </div> </section>  <section id="one" class="wrapper"> <div class="inner split"> <section> <h2>Magna feugiat adipiscing</h2> <p>Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus aliquam et tempus lorem feugiat adipiscing lorem. Morbi pharetra vitae felis placerat pharetra. Nulla risus orci, dapibus id malesuada et nec, malesuada quis orci. Pellentesque eget consequat.</p> <ul class="actions"> <li><a href="#" class="button alt">Learn more</a></li> </ul> </section> <section> <ul class="checklist"> <li>Ipsum nisl sed cursus magna</li> <li>Amet veroeros sed aliquam consequat</li> <li>Tempus lorem adipiscing et lorem</li> <li>Morbi pharetra vitae felis placerat</li> <li>Pharetra nulla risus orci dapibus</li> </ul> </section> </div> </section>  <section id="two" class="wrapper style2 alt"> <div class="inner"> <div class="spotlight"> <div class="image"> <img src="images/pic01.jpg" alt="" /> </div> <div class="content"> <h3>Ipsum pharetra tempus</h3> <p>Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus malesuada quis orci. Pellentesque eget consequat.</p> <ul class="actions"> <li><a href="#" class="button alt">Details</a></li> </ul> </div> </div> <div class="spotlight"> <div class="image"> <img src="images/pic02.jpg" alt="" /> </div> <div class="content"> <h3>Magna consequat felis</h3> <p>Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus malesuada quis orci. Pellentesque eget consequat.</p> <ul class="actions"> <li><a href="#" class="button alt">Details</a></li> </ul> </div> </div> <div class="spotlight"> <div class="image"> <img src="images/pic03.jpg" alt="" /> </div> <div class="content"> <h3>Vitae placerat adipiscing</h3> <p>Lorem ipsum nisl sed cursus magna et amet veroeros. Sed phasellus malesuada quis orci. Pellentesque eget consequat.</p> <ul class="actions"> <li><a href="#" class="button alt">Details</a></li> </ul> </div> </div> <ul class="actions special"> <li><a href="#" class="button alt">Ipsum magna tempus</a></li> </ul> </div> </section>  <section id="contact" class="wrapper"> <div class="inner split"> <section> <h2>Orci malesuada</h2> <p>Morbi pharetra vitae felis placerat pharetra. Nulla risus orci, dapibus id malesuada et nec, malesuada quis pellentesque eget.</p> <form action="#" class="alt" method="POST"> <div class="row uniform"> <div class="6u 12u$(xsmall)"> <input name="name" placeholder="Name" type="text"> </div> <div class="6u$ 12u$(xsmall)"> <input name="email" placeholder="Email" type="email"> </div> <div class="12u$"> <textarea name="message" placeholder="Message" rows="4"></textarea> </div> </div> <ul class="actions"> <li><input class="alt" value="Send message" type="submit"></li> </ul> </form> </section> <section> <ul class="contact"> <li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li> <li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li> <li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li> <li class="fa-envelope"><a href="#">information@untitled.tld</a></li> <li class="fa-home">1234 Somewhere Road Suite 9823<br/>Nashville, TN 00000-0000</li> </ul> </section> </div> </section>  <footer id="footer"> <div class="copyright">Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></div> </footer>  <script src="assets/js/jquery.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/util.js"></script>  <script src="assets/js/main.js"></script> </body> </html>

评论收藏

内容反馈