黑色个性设计平面设计师案例展示html5模板_html5bootstrap响应式模板UI前端源码.rar资源-CSDN文库

共39个文件

png：12个

js：8个

css：6个

html5

49 浏览量 2023-08-01 14:03:24 上传评论收藏 3.99MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

黑色个性设计平面设计师案例展示html5模板_html5 bootstrap 响应式模板UI前端源码.rar （39个子文件）

tpmo_422_freshness

main.js 2KB

vendor

bootstrap.js 54KB

bootstrap.min.js 28KB

jquery-1.11.0.min.js 94KB

modernizr-2.6.2-respond-1.1.0.min.js 19KB

min

main.min.js 0B

plugins.min.js 325B

plugins.js 0B

img

big-icon.png 262KB

second-small-icon.png 7KB

fourth-small-icon.png 6KB

second-icon.png 34KB

responsive-bg.jpg 218KB

first-small-icon.png 7KB

first-icon.png 59KB

btn-bg.png 6KB

header-bg.png 10KB

small-icon.png 69KB

third-small-icon.png 7KB

main-background.png 2.68MB

map.png 164KB

css

bootstrap.min.css 98KB

bootstrap-theme.css.map 37KB

bootstrap-theme.css 15KB

bootstrap.css.map 240KB

bootstrap.css 118KB

font-awesome.min.css 21KB

bootstrap-theme.min.css 13KB

templatemo-style.css 11KB

index.html 10KB

fonts

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 55KB

fontawesome-webfont.woff 64KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

<!DOCTYPE html>     <html class="no-js">  <head> <meta charset="utf-8"> <title>Freshness HTML5 Template</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> <link rel="stylesheet" href="css/templatemo-style.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> </head> <body>  <header class="site-header" id="top"> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="row"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <i class="fa fa-bars"></i> </button> <div class="logo-wrapper"> <a class="navbar-brand" href="index.html"> Fresh<em>ness</em> <span class="logo-s"></span> </a> </div> </div> <div class="collapse navbar-collapse" id="main-menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="#top">Home</a></li> <li><a href="#our-work">Our Work</a></li> <li><a href="#who-we-are">Who We Are</a></li> <li><a href="#contact">Contact Us</a></li> </ul> </div> </div> </div> </nav> </header> <div class="cta"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3>Creative Agency</h3> <span>Work with us</span> </div> </div> </div> </div> <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div> <div class="main-content"> <div class="container"> <div class="row"> <div class="first-section" id="our-work"> <div class="col-md-4 col-sm-12"> <h2>Your Dream</h2> <span>Let us bring it into reality</span> <p>You can use this layout for any small and simple website. Feel free to modify this template for your needs. <br><br><strong class="blue"><a href="http://www.cssmoban.com/" title="网站模板">cssmoban</a></strong><strong class="green"></strong>.com provides free HTML5 templates to apply for personal or commercial websites.</p> <img class="first-icon" src="img/first-icon.png" alt=""> </div> <div class="col-md-4 col-sm-12"> <h4>From <em>start</em><br><br> to the <em>end</em></h4> <img class="second-icon" src="img/second-icon.png" alt=""> </div> </div> </div> <div class="row"> <div class="go-pro-btn"> <div class="col-md-12 col-sm-12"> <a href="#">PRO Level</a> </div> </div> </div> <div class="row"> <div class="first-discription" id="who-we-are"> <div class="col-md-4 col-md-offset-8 col-sm-12"> <h6>Responsive Layout</h6> <p>Freshness is free HTML5 layout by <span class="blue">template</span><span class="green">mo</span>. You can modify and use this website template for any purpose. Credits go to <a rel="nofollow" href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/">Art Professions</a> Icon Set by Smashing Magazine and <a rel="nofollow" href="#">Unsplash</a> for images used in this template.<br><br>Vestibulum sagittis, eros eget ullamcorper dictum, dolor orci imperdiet dui. Morbi ac leo hendrerit, iaculis felis porta, mattis est.mollis elit. Mauris euismod nullased mi ultrices, non tincidunt ex sodal.</p> </div> </div> </div> <div class="row"> <div class="big-icon hidden-xs"> <div class="col-md-12 col-sm-12"> <img src="img/big-icon.png" alt=""> </div> </div> <div class="small-icon visible-xs"> <div class="col-md-12 col-sm-12"> <img src="img/small-icon.png" alt=""> </div> </div> </div> <div class="row"> <div class="second-discription"> <div class="col-md-4 col-sm-12"> <h6>Mobile Friendly</h6> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus semper varius lacinia. Vestibulum sagittis, eros eget ullamcorper dictum, dolor orci imperdiet dui, et feugiat lorem s.<br><br>Morbi ac leo hendrerit, iaculis felis porta, mattis est.mollis elit. Mauris euismod nullased mi ultrices, non tincidunt ex sodal.</p> </div> </div> </div> <div class="row"> <div class="small-icons"> <div class="col-md-10 col-sm-12 col-md-offset-1"> <ul> <li class="icon-hover"> <img class="first-small" src="img/first-small-icon.png" alt=""> <h4>First Step</h4> </li> <li class="icon-hover"> <img class="first-small" src="img/second-small-icon.png" alt=""> <h4>Second Step</h4> </li> <li class="icon-hover"> <img class="first-small" src="img/third-small-icon.png" alt=""> <h4>Third Step</h4> </li> <li class="icon-hover"> <img class="first-small" src="img/fourth-small-icon.png" alt=""> <h4>Fourth Step</h4> </li> </ul> </div> </div> </div> <div class="row"> <div class="contact-us" id="contact"> <div class="col-md-6 col-sm-12"> <form class="contact-form" action="#submit-form" method="post"> <h1>Contact Us</h1> <label> <input id="name" type="text" name="name" placeholder="Name..." /> </label> <label> <input id="email" type="email" name="email" placeholder="Email..." /> </label> <label> <input id="subject" type="text" name="subject" placeholder="Subject..." /> </label> <label> <textarea id="message" name="message" placeholder="Message..."></textarea> </label> <label> <input name="Submit" type="submit" class="button" value="Send Message"

评论收藏

内容反馈