甜品介绍展示响应式网页模板.7z资源-CSDN文库

共22个文件

jpg：14个

css：3个

js：3个

网站源码

HTML

web前端

JavaScript

需积分: 5 172 浏览量 2024-06-20 08:54:42 上传评论收藏 1.88MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

甜品介绍展示响应式网页模板.7z （22个子文件）

甜品介绍展示响应式网页模板

html

jquery.magnific-popup.min.js 20KB

jquery.singlePageNav.min.js 3KB

jquery-1.11.3.min.js 94KB

img

neaty-14.jpg 129KB

neaty-09.jpg 123KB

neaty-08.jpg 80KB

neaty-06.jpg 184KB

neaty-12.jpg 173KB

neaty-01.jpg 280KB

neaty-13.jpg 140KB

neaty-03.jpg 118KB

neaty-02.jpg 124KB

neaty-05.jpg 72KB

tm-neaty-logo.png 4KB

neaty-11.jpg 178KB

neaty-10.jpg 95KB

neaty-07.jpg 109KB

neaty-04.jpg 89KB

css

bootstrap.min.css 103KB

magnific-popup.css 7KB

templatemo-style.css 5KB

index.html 15KB

<!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"> <title>Neaty HTML Web Template</title>   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/magnific-popup.css">  <link rel="stylesheet" href="css/templatemo-style.css">     </head> <body> <div class="container"> <div class="row"> <div class="tm-left-right-container">  <div class="tm-blue-bg tm-left-column"> <div class="tm-logo-div text-xs-center"> <img src="img/tm-neaty-logo.png" alt="Logo"> <h1 class="tm-site-name">Neaty</h1> </div> <nav class="tm-main-nav"> <ul class="tm-main-nav-ul"> <li class="tm-nav-item"> <a href="#welcome" class="tm-nav-item-link">Welcome</a> </li> <li class="tm-nav-item"> <a href="#about" class="tm-nav-item-link">About Us</a> </li> <li class="tm-nav-item"> <a href="#galleryone" class="tm-nav-item-link">Gallery One</a> </li> <li class="tm-nav-item"> <a href="#secondgallery" class="tm-nav-item-link">Second Gallery</a> </li> <li class="tm-nav-item"> <a href="#thirdgallery" class="tm-nav-item-link">Third Gallery</a> </li> <li class="tm-nav-item"> <a href="#contact" class="tm-nav-item-link">Contact Us</a> </li> </ul> </nav> </div>   <div class="tm-right-column"> <figure> <img src="img/neaty-01.jpg" alt="Header image" class="img-fluid"> </figure> <div class="tm-content-div">  <section id="welcome" class="tm-section"> <header> <h2 class="tm-blue-text tm-welcome-title tm-margin-b-45">Welcome to Neaty Design</h2> </header> <p>Neaty is simple and clean design HTML CSS template for any kind of website. Feel free to use this layout. Please tell your friends about templatemo website. Thank you. Suspendisse imperdiet, felis eu hendrerit pretium, sapien mauris blandit arcu, et accumsan neque est ut erat. Vivamus eget tellus euismod, interdum nibh at, eleifend justo. Quisque placerat ante in ex tempor, ultrices bibendum nunc finibus. Etiam luctus nec eros vel pulvinar.</p> </section>  <section id="about" class="tm-section"> <div class="row"> <div class="col-lg-8 col-md-7 col-sm-12 col-xs-12 push-lg-4 push-md-5"> <header> <h2 class="tm-blue-text tm-section-title tm-margin-b-45">About the team</h2> </header> <p>Sed turpis nunc, laoreet sit amet fermentum sed, euismod ac justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p>Donec ut lectus semper, sollicitudin risus blandit, mattis felis. Nam non malesuada odio. Vestibulum vaius, arcu eget rutrum consequat, arcu lacus imperdiet arcu, id pulvinar arcu erat vel magna.</p> <p>Ut commodo malesuada eros, quis consequat ante tincidunt ut. Suspendisse malesuada augue vitae nisi sollicitudin placerat.</p> <a href="#" class="tm-button tm-button-wide">Read More</a> </div> <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 pull-lg-8 pull-md-7 tm-about-img-container"> <img src="img/neaty-02.jpg" alt="Image" class="img-fluid"> </div> </div> </section>  <section id="galleryone" class="tm-section"> <header><h2 class="tm-blue-text tm-section-title tm-margin-b-30">Gallery One</h2></header> <div class="tm-gallery-container tm-gallery-1"> <div class="tm-img-container tm-img-container-1"> <a href="img/neaty-03.jpg"><img src="img/neaty-03.jpg" alt="Image" class="img-fluid tm-img-tn"></a> </div> <div class="tm-img-container tm-img-container-1"> <a href="img/neaty-04.jpg"><img src="img/neaty-04.jpg" alt="Image" class="img-fluid tm-img-tn"></a> </div> <div class="tm-img-container tm-img-container-1"> <a href="img/neaty-05.jpg"><img src="img/neaty-05.jpg" alt="Image" class="img-fluid tm-img-tn"></a> </div> <div class="tm-img-container tm-img-container-1"> <a href="img/neaty-06.jpg"><img src="img/neaty-06.jpg" alt="Image" class="img-fluid tm-img-tn"></a> </div> <div class="tm-img-container tm-img-container-1"> <a href="img/neaty-07.jpg"><img src="img/neaty-07.jpg" alt="Image" class="img-fluid tm-img-tn"></a> </div> </div

评论收藏

内容反馈