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

共27个文件

css：6个

js：6个

jpg：3个

HTML

源码

响应式网站

课程设计

期末大作业

需积分: 5 109 浏览量 2024-06-20 08:48:26 上传评论收藏 2.03MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

简单展示介绍响应式网页模板.7z （27个子文件）

简单展示介绍响应式网页模板

html

bootstrap.min.js 36KB

smoothscroll.js 4KB

wow.min.js 7KB

custom.js 1KB

jquery.js 94KB

vegas.min.js 9KB

css

style.css 11KB

bootstrap.min.css 120KB

et-line-font.css 7KB

font-awesome.min.css 26KB

vegas.min.css 9KB

animate.min.css 45KB

index.html 10KB

images

modal-bg.jpg 93KB

slide-1.jpg 500KB

about-img.png 365KB

slide-2.jpg 462KB

fonts

FontAwesome.otf 104KB

fontawesome-webfont.eot 67KB

fontawesome-webfont.woff 79KB

fontawesome-webfont.woff2 63KB

et-line.svg 171KB

et-line.ttf 32KB

et-line.woff 54KB

fontawesome-webfont.svg 348KB

fontawesome-webfont.ttf 135KB

et-line.eot 32KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Comila HTML CSS Template</title>  <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content=""> <meta name="description" content="">  <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="css/et-line-font.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/vegas.min.css"> <link rel="stylesheet" href="css/style.css"> <link href='https://fonts.googleapis.com/css?family=Rajdhani:400,500,700' rel='stylesheet' type='text/css'> </head> <body>  <section class="preloader"> <div class="sk-circle"> <div class="sk-circle1 sk-child"></div> <div class="sk-circle2 sk-child"></div> <div class="sk-circle3 sk-child"></div> <div class="sk-circle4 sk-child"></div> <div class="sk-circle5 sk-child"></div> <div class="sk-circle6 sk-child"></div> <div class="sk-circle7 sk-child"></div> <div class="sk-circle8 sk-child"></div> <div class="sk-circle9 sk-child"></div> <div class="sk-circle10 sk-child"></div> <div class="sk-circle11 sk-child"></div> <div class="sk-circle12 sk-child"></div> </div> </section>  <section id="home"> <div class="container"> <div class="row"> <div class="col-md-offset-2 col-md-8 col-sm-12"> <div class="home-thumb"> <h1 class="wow fadeInUp" data-wow-delay="0.4s">Hello, we are comila</h1> <h3 class="wow fadeInUp" data-wow-delay="0.6s">We are almost <strong>ready to launch</strong> our <strong>new creative</strong> website!</h3> <a href="#about" class="btn btn-lg btn-default smoothScroll wow fadeInUp hidden-xs" data-wow-delay="0.8s">Let's begin</a> <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-lg btn-success smoothScroll wow fadeInUp" data-wow-delay="1.0s">Notify me!</a> </div> </div> </div> </div> </section>  <section id="about"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-12"> <img src="images/about-img.png" class="img-responsive wow fadeInUp" alt="About"> </div> <div class="col-md-6 col-sm-12"> <div class="about-thumb"> <div class="section-title"> <h1 class="wow fadeIn" data-wow-delay="0.2s">our company</h1> <h3 class="wow fadeInUp" data-wow-delay="0.4s">Comila Studio is based in Hong Kong</h3> </div> <div class="wow fadeInUp" data-wow-delay="0.6s"> <p>Vivamus elit risus, porttitor id placerat ut, aliquet non quam. Pellentesque nulla metus, ornare et porttitor vel, consectetur vitae erat. Vestibulum tristique semper tellus vitae condimentum. Duis sed eros eget diam dictum posuere.</p> <p>Aliquam vel gravida ligula. Phasellus ut purus ac libero ultrices commodo commodo at quam. In vestibulum purus sit amet tempus euismod. Donec sed congue nisl.</p> </div> </div> </div> </div> </div> </section>  <section id="feature"> <div class="container"> <div class="row"> <svg preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="svgcolor-light"> <path d="M0 0 L50 100 L100 0 Z"></path> </svg> <div class="col-md-4 col-sm-6"> <div class="media wow fadeInUp" data-wow-delay="0.4s"> <div class="media-object media-left"> <i class="icon icon-laptop"></i> </div> <div class="media-body"> <h2 class="media-heading">Responsive</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget varius justo tristique ut.</p> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="media wow fadeInUp" data-wow-delay="0.8s"> <div class="media-object media-left"> <i class="icon icon-refresh"></i> </div> <div class="media-body"> <h2 class="media-heading">Bootstrap</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget varius justo tristique ut.</p> </div> </div> </div> <div class="col-md-4 col-sm-8"> <div class="media wow fadeInUp" data-wow-delay="1.2s"> <div class="media-object media-left"> <i class="icon icon-chat"></i> </div> <div class="media-body"> <h2 class="media-heading">Support</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget varius justo tristique ut.</p> </div> </div> </div> <div class="clearfix text-center col-md-12 col-sm-12"> <a href="#contact" class="btn btn-default smoothScroll">Talk to us</a> </div> </div> </div> </section>  <section id="contact"> <div class="container"> <div class="row"> <div class="col-md-offset-2 col-md-8 col-sm-12"> <div class="section-title"> <h1 class="wow fadeInUp" data-wow-delay="0.3s">Get in touch</h1> <p class="wow fadeInUp" data-wow-delay="0.6s">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat.</p> </div> <div class="contact-form wow fadeInUp" data-wow-delay="1.0s"> <form id="contact-form" method="post" action="#"> <div class="col-md-6 col-sm-6"> <input name="name" type="text" class="form-control" placeholder="Your Name" required> </div> <div class="col-md-6 col-sm-6"> <input name="email" type="email" class="form-control" placeholder="Your Email" required> </div> <div class="col-md-12 col-sm-12"> <textarea name="message" class="form-control" placeholder="Message" rows="6" required></textarea> </div> <div class="col-md-offset-3 col-md-6 col-sm-offset-2 col-sm-8"> <input name="submit" type="submit" class="form-control submit" id="submit" value="SEND MESSAGE"> </div> </form> </div> </div> </div> </div> </section>  <footer> <div class="container"> <div class="row"> <svg class="svgcolor-light" preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0 L50 100 L100 0 Z"></path> </svg> <div class="col-md-4 col-sm-6"> <h2>comila</h2> <div class="wow fadeInUp" data-wow-delay="0.3s"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus lacus nulla, eget varius justo tristique ut. Etiam a tellus magna.</p> <p class="copyright-text">Copyright © 2016 Your Company <br> Designed by <a rel="nofollow" href="http://www.google.com/+templatemo" target="_parent">Templatemo</a></p> </div> </div> <div class="col-md-1 col-sm-1"></div> <div class="col-md-4 col-sm-5"> <h2>Our Studio</h2> <p class="wow fadeInUp" data-wow-delay="0.6s"> 120-240 aliquam augue libero,<br> Convallis in vulputate 10220 <br> San Francisco, CA, USA </p> <ul c

评论收藏

内容反馈