创意产品设计展示网页模板-适配移动端&PC端-HTML网站源码.zip资源-CSDN文库

共46个文件

jpg：13个

png：10个

js：8个

版权申诉

HTML

网站源码

解压即用

114 浏览量 2024-04-01 15:37:49 上传评论收藏 1.29MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

创意产品设计展示网页模板-适配移动端&PC端-HTML网站源码.zip （46个子文件）

创意产品设计展示网页模板-适配移动端&PC端-HTML网站源码

html

bootstrap.js 67KB

npm.js 484B

jquery.appear.js 2KB

bootstrap.min.js 36KB

SmoothScroll.min.js 5KB

cbpAnimatedHeader.js 917B

mooz.themes.scripts.js 3KB

owl.carousel.min.js 39KB

css

style.css 15KB

bootstrap.min.css 120KB

bootstrap-theme.css.map 47KB

owl.carousel.css 5KB

bootstrap-theme.css 26KB

bootstrap.css.map 381KB

bootstrap.css 144KB

bootstrap-theme.min.css 23KB

owl.theme.default.min.css 1KB

index.html 21KB

images

logo.png 3KB

demo

bg-sanza.jpg 277KB

partners-6.png 9KB

partners-1.png 9KB

partners-7.png 7KB

partners-3.png 6KB

portfolio-1.jpg 30KB

partners-8.png 11KB

partners-5.png 7KB

portfolio-5.jpg 25KB

portfolio-9.jpg 39KB

portfolio-8.jpg 51KB

portfolio-3.jpg 23KB

portfolio-7.jpg 61KB

portfolio-6.jpg 45KB

author-6.jpg 156KB

partners-4.png 7KB

portfolio-2.jpg 28KB

portfolio-4.jpg 33KB

author-2.jpg 137KB

partners-2.png 11KB

author-4.jpg 116KB

partners-9.png 6KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

<!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">  <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="favicon.ico"> <title>Sanza - Onepage Multipurpose Bootstrap HTML</title>  <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">  <link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/owl.theme.default.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body id="page-top">  <nav class="navbar navbar-default navbar-fixed-top"> <div class="container">  <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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 page-scroll" href="#page-top"><img src="images/logo.png" alt="Sanza theme logo"></a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li class="hidden"> <a href="#page-top"></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="#portfolio">Portfolio</a> </li> <li> <a class="page-scroll" href="#team">Team</a> </li> <li> <a class="page-scroll" href="#contact">Contact</a> </li> </ul> </div>  </div>  </nav>  <header> <div class="container"> <div class="slider-container"> <div class="intro-text"> <div class="intro-lead-in">Welcome To MOOZ Themes!</div> <div class="intro-heading">YOUR FAVORITE SOURCE OF FREE BOOTSTRAP THEMES</div> <a href="#about" class="page-scroll btn btn-xl">Tell Me More</a> </div> </div> </div> </header> <section id="about" class="dark-bg"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <div class="section-title"> <h2>ABOUT</h2> <p>A creative agency based on Candy Land, ready to boost your business with some beautifull templates. MOOZ Agency is one of the best in town see more you will be amazed.</p> </div> </div> </div> <div class="row">  <div class="col-md-3 text-center"> <div class="mz-module-about"> <i class="fa fa-briefcase ot-circle"></i> <h3>Web Development</h3> <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis</p> </div> </div>   <div class="col-md-3 text-center"> <div class="mz-module-about"> <i class="fa fa-photo ot-circle"></i> <h3>Visualisation</h3> <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe</p> </div> </div>   <div class="col-md-3 text-center"> <div class="mz-module-about"> <i class="fa fa-camera-retro ot-circle"></i> <h3>Photography</h3> <p>Accusamus et iusto odio dignissimos ducimus qui blanditiis</p> </div> </div>   <div class="col-md-3 text-center"> <div class="mz-module-about"> <i class="fa fa-cube ot-circle"></i> <h3>UI/UX Design</h3> <p> Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores</p> </div> </div>  </div> </div>  </section> <section class="light-bg"> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="section-text"> <h3>WE`RE CREATIVE</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p> <ul> <li>Responsive Bootstrap Template</li> <li>Developer Friendly Code</li> <li>Creative Freedom Experience</li> <li>Do Things With Love</li> </ul> </div> </div> <div class="col-md-5"> <div class="owl-portfolio owl-carousel"> <div class="item"> <div class="owl-portfolio-item"><img src="images/demo/portfolio-7.jpg" class="img-responsive" alt="portfolio"></div> </div> <div class="item"> <div class="owl-portfolio-item"><img src="images/demo/portfolio-8.jpg" class="img-responsive" alt="portfolio"></div> </div> <div class="item"> <div class="owl-portfolio-item"><img src="images/demo/portfolio-9.jpg" class="img-responsive" alt="portfolio"></div> </div> </div> </div> </div> </div> </section> <section id="portfolio"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <div class="section-title"> <h2>Portfolio</h2> <p>Our portfolio is the best way to show our work, you can see here a big range of our work. Check them all and you will find what you are looking for.</p> </div> </div> </div> <div class="row row-0-gutter">  <div class="col-md-4 col-0-gutter"> <div class="ot-portfolio-item"> <figure class="effect-bubba"> <img src="images/demo/portfolio-1.jpg" alt="img02" class="img-responsive" /> <figcaption> <h2>Dean & Letter</h2> <p>Branding, Design</p> <a href="#" data-toggle="modal" data-target="#Modal-1">View more</a> </figcaption> </figure> </div> </div>   <div class="col-md-4 col-0-gutter"> <div class="ot-portfolio-item"> <figure class="effect-bubba"> <img src="images/demo/portfolio-2.jpg" alt="img02" class="img-responsive" /> <figcaption> <h2>Startup Framework</h2> <p>Branding, Web Design</p> <a href="#" data-toggle="modal" data-target="#Modal-2">View more</a> </figcaption> </figure> </div> </div>   <div class="col-md-4 col-0-gutter"> <div class="ot-portfolio-item"> <figure class="effect-bubba"> <img src="images/demo/portfolio-3.jpg" alt="img02" class="img-responsive" /> <figcaption> <h2>Lamp & Velvet</h2> <p>Branding, Web Design</p> <a href="#" data-toggle="modal" data-target="#Modal-3">View more</a> </figcaption> </figure> </div> </div>  </div> <div class="row row-0-gutter">  <div class="col-md-4 col-0-gutter"> <div class="ot-portfolio-item"> <figure class="effect-bubba"> <img src="images/demo/portfolio-4.jpg" alt="img02" class="img-responsive" /> <figcaption> <h2>Smart Name</h2> <p>Branding, Design</p> <a href="#" data-toggle="modal" data-target="#Modal-4">View more</a> </figcaption> </figure> </div>

评论收藏

内容反馈

版权申诉