大气简洁的动物企业网站模板下载.zip资源-CSDN文库

共9个文件

css：2个

svg：1个

otf：1个

版权申诉

H5源码

H5模版

189 浏览量 2024-12-27 11:24:16 上传评论收藏 750KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

大气简洁的动物企业网站模板下载.zip （9个子文件）

9576

fonts.css 20KB

default.css 14KB

index.html 7KB

images

pic01.jpg 511KB

fonts

FontAwesome.otf 62KB

fontawesome-webfont.eot 37KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 198KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" /> <link href="default.css" rel="stylesheet" type="text/css" media="all" /> <link href="fonts.css" rel="stylesheet" type="text/css" media="all" />  </head> <body> <div id="header-wrapper"> <div id="header" class="container"> <div id="logo"> <h1><span class="fa fa-bug"></span><a href="#">Untamed</a></h1> </div> <div id="menu"> <ul> <li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li> <li><a href="#" accesskey="2" title="">Our Clients</a></li> <li><a href="#" accesskey="3" title="">About Us</a></li> <li><a href="#" accesskey="4" title="">Careers</a></li> <li><a href="#" accesskey="5" title="">Contact Us</a></li> </ul> </div> </div> </div> <div id="header-featured"> <div id="banner-wrapper"> <div id="banner" class="container"> <h2>Maecenas luctus lectus</h2> <p>This is <strong>Untamed</strong>, a free, fully standards-compliant CSS template designed. The photos in this template are from. This free template is released under a Creative Commons Attributions 3.0 license, so you are pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p> <a href="#" class="button">Etiam posuere</a> </div> </div> </div> <div id="wrapper"> <div id="page" class="container"> <div id="content"> <div class="title"> <h2>Welcome to our website</h2> <span class="byline">Mauris vulputate dolor sit amet nibh</span> </div> <p><img src="images/pic01.jpg" alt="" class="image image-full" /> </p> <p>Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Donec leo. Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros, porttitor eu, tempus id, varius non, nibh. </p> <p>Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo.</p> </div> <div id="sidebar"> <ul class="style1"> <li class="first"> <h3>Amet sed volutpat mauris</h3> <p><a href="#">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</a></p> </li> <li> <h3>Sagittis diam dolor sit amet</h3> <p><a href="#">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</a></p> </li> <li> <h3>Maecenas ac quam risus</h3> <p><a href="#">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</a></p> </li> </ul> <div id="stwo-col"> <div class="sbox1"> <h2>Etiam rhoncus</h2> <ul class="style2"> <li><a href="#">Semper quis egetmi dolore</a></li> <li><a href="#">Quam turpis feugiat dolor</a></li> <li><a href="#">Amet ornare hendrerit lectus</a></li> <li><a href="#">Quam turpis feugiat dolor</a></li> <li><a href="#">Consequat lorem phasellus</a></li> <li><a href="#">Amet turpis feugiat amet</a></li> </ul> </div> <div class="sbox2"> <h2>Integer gravida</h2> <ul class="style2"> <li><a href="#">Semper quis egetmi dolore</a></li> <li><a href="#">Quam turpis feugiat dolor</a></li> <li><a href="#">Quam turpis feugiat dolor</a></li> <li><a href="#">Amet ornare hendrerit lectus</a></li> <li><a href="#">Consequat lorem phasellus</a></li> <li><a href="#">Amet turpis feugiat amet</a></li> </ul> </div> </div> </div> </div> <div id="featured-wrapper"> <div id="featured" class="extra2 container"> <div class="main-title"> <h2>Nulla eleifend purus</h2> <span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div> <div class="ebox1"> <span class="fa fa-cogs"></span> <div class="title"> <h2>Fusce ultrices fringilla</h2> <span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div> <p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. </p> <a href="#" class="button">Etiam posuere</a> </div> <div class="ebox2"> <span class="fa fa-sun-o"></span> <div class="title"> <h2>Donec dictum metus</h2> <span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div> <p>Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus.</p> <a href="#" class="button">Etiam posuere</a> </div> </div> </div> </div> <div id="copyright" class="container"> <p>Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://www.51qianduan.com//moban/">网页模板</a></p> </div> <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> </body> </html>

评论收藏

内容反馈

版权申诉