白色大气风格的响应式CSS3模板下载.zip资源-CSDN文库

共50个文件

jpg：24个

js：9个

css：7个

版权申诉

H5模版

HTML网站模版

192 浏览量 2024-12-25 18:40:23 上传评论收藏 2.35MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色大气风格的响应式CSS3模板下载.zip （50个子文件）

moban1960

assets

bootstrap.min.js 36KB

jquery.easing.min.js 5KB

swiper.jquery.min.js 85KB

lightcase.js 48KB

wow.min.js 8KB

custom.js 3KB

map-function.js 3KB

jquery.min.js 95KB

isotope.pkgd.min.js 34KB

css

style.css 28KB

bootstrap.min.css 118KB

responsive.css 50KB

lightcase.css 17KB

animate.css 56KB

font-awesome.min.css 30KB

swiper.min.css 17KB

fonts

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 162KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.ttf 162KB

index.html 29KB

images

team

team_01.jpg 60KB

team_02.jpg 49KB

team_03.jpg 45KB

team_04.jpg 43KB

about.jpg 47KB

banner.jpg 447KB

logo.png 2KB

clients

client_03.jpg 5KB

client_02.jpg 4KB

client_05.jpg 8KB

client_01.jpg 7KB

client_04.jpg 8KB

gallery

gallery_02.jpg 93KB

gallery_03.jpg 120KB

gallery_05.jpg 67KB

gallery_04.jpg 90KB

gallery_06.jpg 148KB

gallery_01.jpg 70KB

blog

blog_03.jpg 35KB

blog_01.jpg 25KB

blog_02.jpg 59KB

testimonial

testimonial_03.jpg 14KB

testimonial_01.jpg 13KB

testimonial_02.jpg 10KB

testimonial_bg.jpg 330KB

<!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>Home</title>  <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i%7CPoppins:300,400,500,600,700" rel="stylesheet">  <link href="assets/css/bootstrap.min.css" rel="stylesheet">  <link href="assets/css/font-awesome.min.css" rel="stylesheet">  <link href="assets/css/lightcase.css" rel="stylesheet">  <link href="assets/css/swiper.min.css" rel="stylesheet">  <link href="assets/css/animate.css" rel="stylesheet">  <link href="assets/css/style.css" rel="stylesheet">  <link href="assets/css/responsive.css" rel="stylesheet"> </head> <body data-spy="scroll">  <div class="preloader"> <div class="loader"> <div class="ld-child"></div> <div class="ld-child ld-child2"></div> </div> </div>  <header> <nav class="main-menu menu-fixed"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" class="img-responsive"></a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a class="page-scroll" href="#banner">Home</a></li> <li><a class="page-scroll" href="#about">About</a></li> <li><a class="page-scroll" href="#services">Services</a></li> <li><a class="page-scroll" href="#skills">Skills</a></li> <li><a class="page-scroll" href="#portfolio">Portfolio</a></li> <li><a class="page-scroll" href="#team">Team</a></li> <li><a class="page-scroll" href="#pricing">Pricing</a></li> <li><a class="page-scroll" href="#testimonial">Testimonial</a></li> <li><a class="page-scroll" href="#blog">Blog</a></li> <li><a class="page-scroll" href="#client">Client</a></li> <li><a class="page-scroll" href="#contact">Contact</a></li> </ul> </div> </div> </nav> </header> <section id="banner" class="banner"> <div class="overlay"> <div class="banner-content"> <h3>Welcome to Our World</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <a href="#about" class="default-button page-scroll">Get Started</a> </div> </div> </section>  <section id="about" class="about-us padding-120"> <div class="container"> <div class="section-header text-center"> <h3>About Us</h3> <p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in facilisis ex, vitae maximus diam. Maecenas nisl dui.</i></p> </div> <div class="row"> <div class="col-md-6 col-sm-12 col-xs-12"> <div class="about-image"> <img src="images/about.jpg" alt="about image"> </div> </div> <div class="col-md-6 col-sm-12 col-xs-12"> <h3>We are creative studio</h3> <p>Nulla non risus ac eros ultricies bibendum. Vivamus viverra facilisis velit et varius. Suspendisse ex urna, mattis ac leo vel, facilisis consectetur nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec quis odio faucibus, aliquam felis at, mollis metus. Nulla facilisi. Mauris feugiat lacus non mi ornare.</p> <div class="row"> <div class="col-md-6"> <h4>Our Vision</h4> <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse volutpat porta felis ut cursus.</p> </div> <div class="col-md-6"> <h4>Our Mission</h4> <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse volutpat porta felis ut cursus.</p> </div> </div> </div> </div> </div> </section>   <section id="services" class="services padding-120 bg-color"> <div class="container"> <div class="section-header text-center"> <h3>Our Services</h3> <p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in facilisis ex, vitae maximus diam. Maecenas nisl dui.</i></p> </div> <div class="service-items"> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="service-item"> <span><i class="fa fa-desktop" aria-hidden="true"></i></span> <h4>Web Design</h4> <p>Interdum et malesuada fames ac ante ipsum primis faucib. Suspendisse volutpat porta felises ut cursus.</p> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="service-item"> <span><i class="fa fa-code" aria-hidden="true"></i></span> <h4>Development</h4> <p>Interdum et malesuada fames ac ante ipsum primis faucib. Suspendisse volutpat porta felises ut cursus.</p> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="service-item"> <span><i class="fa fa-camera-retro" aria-hidden="true"></i></span> <h4>Photography</h4> <p>Interdum et malesuada fames ac ante ipsum primis faucib. Suspendisse volutpat porta felises ut cursus.</p> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="service-item"> <span><i class="fa fa-line-chart" aria-hidden="true"></i></span> <h4>SEO</h4> <p>Interdum et malesuada fames ac ante ipsum primis faucib. Suspendisse volutpat porta felises ut cursus.</p> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="service-item"> <span><i class="fa fa-shopping-bag" aria-hidden="true"></i></span> <h4>Marketing</h4> <p>Interdum et malesuada fames ac ante ipsum primis faucib. Suspendisse volutpat porta felises ut cursus.</p> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="service-item"> <span><i class="fa fa-cogs" aria-hidden="true"></i></span> <h4>Support</h4> <p>Interdum et malesuada fames ac ante ipsum primis faucib. Suspendisse volutpat porta felises ut cursus.</p> </div> </div> </div> </div> </div> </section>   <section id="skills" class="skills padding-120"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="section-header"> <h3>Our Skills</h3> <p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in facilisis ex, vitae maximus diam. Maecenas nisl dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in facilisis ex, vitae maximus diam. Maecenas nisl dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></p> <p><i>Suspendisse in facilisis ex, vitae maximus diam. Maecenas nisl dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in facilisis ex, vitae maximus diam. Maecenas nisl dui.</i></p> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <div class="skill-bars"> <div class="bar-item"> <h5>Web Design</h5> <div class="progress"> <div class="progress-bar wow slideInLeft" role="progressbar" aria-valuenow="90" aria-valuemin="0" ari

评论收藏

内容反馈

版权申诉