蓝色简洁风格响应式信息展示网页模板.zip资源-CSDN文库

共47个文件

jpg：12个

png：8个

js：7个

html5

网站模版

H5响应式

89 浏览量 2023-06-20 19:35:06 上传评论收藏 4.49MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色简洁风格响应式信息展示网页模板.zip （47个子文件）

22147

main.js 18KB

vendor

bootstrap.js 66KB

npm.js 484B

bootstrap.min.js 35KB

jquery-1.11.2.min.js 94KB

modernizr-2.8.3-respond-1.4.2.min.js 20KB

plugins.js 760B

img

gallery-bg.png 829KB

item-01.jpg 263KB

thumb-05.jpg 34KB

home-bg.png 463KB

thumb-06.jpg 44KB

item-02.jpg 214KB

prev.png 1KB

item-05.jpg 183KB

loading.gif 8KB

item-04.jpg 88KB

item-06.jpg 238KB

next.png 1KB

thumb-03.jpg 42KB

thumb-02.jpg 40KB

thumb-01.jpg 59KB

close.png 280B

right-about-image.png 212KB

about-bg.png 370KB

contact-bg.png 469KB

thumb-04.jpg 23KB

item-03.jpg 235KB

css

bootstrap.min.css 111KB

bootstrap-theme.css.map 42KB

bootstrap-theme.css 22KB

bootstrap.css.map 358KB

fontAwesome.css 39KB

bootstrap.css 134KB

bootstrap-theme.min.css 19KB

tooplate-style.css 13KB

index.html 10KB

fonts

FontAwesome.otf 132KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!doctype html>     <html class="no-js" lang="">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Kinetic HTML Template</title>  <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> <link rel="stylesheet" href="css/fontAwesome.css"> <link rel="stylesheet" href="css/tooplate-style.css"> <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> </head> <body>  <div class="ct" id="t1"> <div class="ct" id="t2"> <div class="ct" id="t3"> <div class="ct" id="t4"> <section> <ul> <a href="#t1"><li class="icon fa fa-home" id="uno"></li></a> <a href="#t2"><li class="icon fa fa-user" id="dos"></li></a> <a href="#t3"><li class="icon fa fa-image" id="tres"></li></a> <a href="#t4"><li class="icon fa fa-phone" id="cuatro"></li></a> </ul> <div class="page" id="p1"> <li class="icon fa fa-home"><span class="title">Welcome To</span><h4>Kinetic</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius neque non imperdiet auctor. Duis sit amet velit eu lorem sollicitudin sodales.</p><div class="primary-button"><a href="#t2">Discover More</a></div></li> </div> <div class="page" id="p2"> <li class="icon fa fa-user"><span class="title">About Us</span> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="left-text"> <h4>We are Kinetic</h4> <p>This kinetic HTML template is provided by Tooplate for free of charge. You may use this layout for your website. Please tell your friends about Tooplate. Thank you.<br><br>Cras suscipit, sem vel cursus iaculis, nibh augue placerat enim, in varius dolor turpis at augue. Nulla facilisi. In quis sem pellentesque, tristique ligula non, tincidunt ipsum. Curabitur porttitor, justo id egestas egestas, enim augue lacinia quam, et volutpat velit augue sodales velit.</p> <div class="primary-button"> <a href="#t3">Discover More</a> </div> </div> </div> <div class="col-md-6"> <div class="right-image"> <img src="img/right-about-image.png" alt=""> </div> </div> </div> </div> </li> </div> <div class="page" id="p3"> <li class="icon fa fa-image"><span class="title">Our Gallery</span> <div class="container"> <div class="row"> <div class="col-md-3 col-md-offset-1"> <div class="project-item"> <a href="https://www.51qianduan.com/">51前端</a> </div> </div> <div class="col-md-3"> <div class="project-item"> <a href="https://www.51qianduan.com/">51前端</a> </div> </div> <div class="col-md-4"> <div class="project-item"> <a href="https://www.51qianduan.com/">51前端</a> </div> </div> <div class="col-md-4 col-md-offset-1"> <div class="project-item"> <a href="https://www.51qianduan.com/">51前端</a> </div> </div> <div class="col-md-3"> <div class="project-item"> <a href="https://www.51qianduan.com/">51前端</a> </div> </div> <div class="col-md-3"> <div class="project-item last-project"> <a href="https://www.51qianduan.com/">51前端</a> </div> </div> </div> </div> </li> </div> <div class="page" id="p4"> <li class="icon fa fa-phone"><span class="title">Contact Us</span> <div class="container"> <div class="row"> <div class="col-md-6"> <form id="contact" action="" method="post"> <div class="col-md-12"> <fieldset> <input name="name" type="text" class="form-control" id="name" placeholder="Your Name" required=""> </fieldset> </div> <div class="col-md-12"> <fieldset> <input name="email" type="email" class="form-control" id="email" placeholder="Email" required=""> </fieldset> </div> <div class="col-md-12"> <fieldset> <textarea name="message" rows="6" class="form-control" id="message" placeholder="Message" required=""></textarea> </fieldset> </div> <div class="col-md-12"> <fieldset> <button type="submit" id="form-submit" class="btn">Send Message</button> </fieldset> </div> </form> </div> <div class="col-md-6"> <div class="right-info"> <p>Lorem ipsum dolor , consectetur adipiscing elit. Nunc purus ligula, ullamcorper idermate velit id, vestibulum auc sapien. Sed quis mauris eget semps imperdiet rhoncus.<br><br> <em>120-360 Etiam mauris erat,<br> Vestibulum eu augue nec, 10110<br> Nam consequat<br></em></p> <ol class="social-icons">

评论收藏

内容反馈