5个漂亮的网站角标模板，直接使用

共11个文件

css：6个

html：5个

footer

5星 · 超过95%的资源需积分: 49 15 浏览量 2016-06-01 19:46:22 上传评论 1 收藏 9KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

freebie-footer-templates.zip （11个子文件）

css

footer-distributed-with-address-and-phones.css 3KB

footer-basic-centered.css 1KB

demo.css 1KB

footer-distributed.css 1KB

footer-distributed-with-contact-form.css 3KB

footer-distributed-with-search.css 2KB

footer-distributed.html 2KB

index.html 1KB

footer-distributed-with-contact-form.html 2KB

footer-distributed-with-address-and-phones.html 3KB

footer-distributed-with-search.html 2KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="footer, address, phone, icons" /> <title>Footer With Address And Phones</title> <link rel="stylesheet" href="css/demo.css"> <link rel="stylesheet" href="css/footer-distributed-with-address-and-phones.css"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> <link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css"> </head> <body> <header> <h1>Freebie: 5 Responsive Footer Templates</h1> <h2><a href="http://tutorialzine.com/2015/01/freebie-5-responsive-footer-templates/">Download</a></h2> <ul> <li><a href="index.html">Basic Centered</a></li> <li><a href="footer-distributed.html">Distributed</a></li> <li><a href="footer-distributed-with-address-and-phones.html" class="active">Distributed With Address And Phones</a></li> <li><a href="footer-distributed-with-contact-form.html">Distributed With Contact Form</a></li> <li><a href="footer-distributed-with-search.html">Distributed With Search</a></li> </ul> </header>  <footer class="footer-distributed"> <div class="footer-left"> <h3>Company<span>logo</span></h3> <p class="footer-links"> <a href="#">Home</a> · <a href="#">Blog</a> · <a href="#">Pricing</a> · <a href="#">About</a> · <a href="#">Faq</a> · <a href="#">Contact</a> </p> <p class="footer-company-name">Company Name © 2015</p> </div> <div class="footer-center"> <div> <i class="fa fa-map-marker"></i> <p><span>21 Revolution Street</span> Paris, France</p> </div> <div> <i class="fa fa-phone"></i> <p>+1 555 123456</p> </div> <div> <i class="fa fa-envelope"></i> <p><a href="mailto:support@company.com">support@company.com</a></p> </div> </div> <div class="footer-right"> <p class="footer-company-about"> <span>About the company</span> Lorem ipsum dolor sit amet, consectateur adispicing elit. Fusce euismod convallis velit, eu auctor lacus vehicula sit amet. </p> <div class="footer-icons"> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-github"></i></a> </div> </div> </footer> </body> </html>

评论收藏

内容反馈