1321_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共41个文件

jpg：14个

png：11个

html：4个

网站模板

前端源码

css样式

js特效

100 浏览量 2023-08-03 11:08:26 上传评论收藏 1.42MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

1321_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （41个子文件）

1321

menu.html 12KB

jquery-1.11.2.min.js 94KB

templatemo-script.js 720B

1.jpg 53KB

img

vertical-menu-bg.png 72KB

special-3.jpg 8KB

table-set.png 456KB

menu-2.jpg 14KB

logo.png 2KB

1.jpg 13KB

popular-1.jpg 26KB

menu-5.jpg 9KB

popular-3.jpg 28KB

menu-board.png 87KB

popular-item-bg.png 2KB

special-4.jpg 17KB

nav-underline.png 2KB

tm-brown-button.png 14KB

favicon.ico 2KB

special-1.jpg 28KB

shadow.png 2KB

special-2.jpg 29KB

menu-3.jpg 13KB

menu-4.jpg 9KB

menu-1.jpg 12KB

popular-2.jpg 31KB

header-line.png 2KB

light.png 63KB

popular-item-bg-hover.png 3KB

css

bootstrap.min.css 47KB

font-awesome.min.css 23KB

templatemo-style.css 20KB

today-special.html 13KB

index.html 14KB

contact.html 9KB

fonts

FontAwesome.otf 92KB

fontawesome-webfont.eot 59KB

fontawesome-webfont.woff 70KB

fontawesome-webfont.woff2 55KB

fontawesome-webfont.svg 306KB

fontawesome-webfont.ttf 119KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Cafe House HTML5 Template</title> <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,600,700' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Damion' rel='stylesheet' type='text/css'> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/templatemo-style.css" rel="stylesheet"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />    </head> <body>  <div id="loader-wrapper"> <div id="loader"></div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div>  <div class="tm-top-header"> <div class="container"> <div class="row"> <div class="tm-top-header-inner"> <div class="tm-logo-container"> <img src="img/logo.png" alt="Logo" class="tm-site-logo"> <h1 class="tm-site-name tm-handwriting-font">Cafe House</h1> </div> <div class="mobile-menu-icon"> <i class="fa fa-bars"></i> </div> <nav class="tm-nav"> <ul> <li><a href="index.html" class="active">Home</a></li> <li><a href="today-special.html">Today Special</a></li> <li><a href="menu.html">Menu</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </div> </div> </div> </div> <div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div> <section class="tm-welcome-section"> <div class="container tm-position-relative"> <div class="tm-lights-container"> <img src="img/light.png" alt="Light" class="light light-1"> <img src="img/light.png" alt="Light" class="light light-2"> <img src="img/light.png" alt="Light" class="light light-3"> </div> <div class="row tm-welcome-content"> <h2 class="white-text tm-handwriting-font tm-welcome-header"><img src="img/header-line.png" alt="Line" class="tm-header-line"> Welcome To  <img src="img/header-line.png" alt="Line" class="tm-header-line"></h2> <h2 class="gold-text tm-welcome-header-2">Cafe House</h2> <p class="gray-text tm-welcome-description">Cafe House template is a mobile-friendly responsive <span class="gold-text">Bootstrap v3.3.5</span> layout by <a rel="nofollow" href="http://www.htmldivcss.com"><span class="gold-text">templatemo</span></a>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculusnec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p> <a href="#" class="tm-more-button tm-more-button-welcome">Details</a> </div> <img src="img/table-set.png" alt="Table Set" class="tm-table-set img-responsive"> </div> </section> <div class="tm-main-section light-gray-bg"> <div class="container"> <section class="tm-section row"> <div class="col-lg-9 col-md-9 col-sm-8"> <h2 class="tm-section-header gold-text tm-handwriting-font">The Best Coffee for you</h2> <h2>Cafe House</h2> <p class="tm-welcome-description">This is free HTML5 website template from <span class="blue-text">template</span><span class="green-text">mo</span>. Fndimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Ettiam sit amet orci eget eros faucibus tincidunt.</p> <a href="#" class="tm-more-button margin-top-30">Read More</a> </div> <div class="col-lg-3 col-md-3 col-sm-4 tm-welcome-img-container"> <div class="inline-block shadow-img"> <img src="img/1.jpg" alt="Image" class="img-circle img-thumbnail"> </div> </div> </section> <section class="tm-section tm-section-margin-bottom-0 row"> <div class="col-lg-12 tm-section-header-container"> <h2 class="tm-section-header gold-text tm-handwriting-font"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> Popular Items</h2> <div class="tm-hr-container"><hr class="tm-hr"></div> </div> <div class="col-lg-12 tm-popular-items-container"> <div class="tm-popular-item"> <img src="img/popular-1.jpg" alt="Popular" class="tm-popular-item-img"> <div class="tm-popular-item-description"> <h3 class="tm-handwriting-font tm-popular-item-title"><span class="tm-handwriting-font bigger-first-letter">a</span>mericano</h3><hr class="tm-popular-item-hr"> <p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque. sed ipsum.</p> <div class="order-now-container"> <a href="#" class="order-now-link tm-handwriting-font">Order Now</a> </div> </div> </div> <div class="tm-popular-item"> <img src="img/popular-2.jpg" alt="Popular" class="tm-popular-item-img"> <div class="tm-popular-item-description"> <h3 class="tm-handwriting-font tm-popular-item-title"><span class="tm-handwriting-font bigger-first-letter">c</span>appuccino</h3><hr class="tm-popular-item-hr"> <p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque. sed ipsum.</p> <div class="order-now-container"> <a href="#" class="order-now-link tm-handwriting-font">Order Now</a> </div> </div> </div> <div class="tm-popular-item"> <img src="img/popular-3.jpg" alt="Popular" class="tm-popular-item-img"> <div class="tm-popular-item-description"> <h3 class="tm-handwriting-font tm-popular-item-title"><span class="tm-handwriting-font bigger-first-letter">m</span>ocha</h3><hr class="tm-popular-item-hr"> <p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque. sed ipsum.</p> <div class="order-now-container"> <a href="#" class="order-now-link tm-handwriting-font">Order Now</a> </div> </div> </div> </div> </section> <section class="tm-section row"> <div class="col-lg-12 tm-section-header-container"> <h2 class="tm-section-header gold-text tm-handwriting-font"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> Today's Special</h2> <div class="tm-hr-container"><hr class="tm-hr"></div> </div>

评论收藏

内容反馈