网站模板-产品发布介绍响应式网页模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共33个文件

png：12个

jpg：10个

js：3个

版权申诉

HTML源码

JavaScript

适配移动端

133 浏览量 2024-03-23 09:38:14 上传评论收藏 2.58MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-产品发布介绍响应式网页模板-适配移动端界面-HTML源码.zip （33个子文件）

网站模板-产品发布介绍响应式网页模板-适配移动端界面-HTML源码

html

style.css 10KB

portfolio-item-3.jpg 42KB

jquery.js 82KB

bootstrap

bootstrap.js 57KB

bootstrap.min.js 27KB

css

bootstrap.min.css 99KB

bootstrap.css 116KB

fonts

glyphicons-halflings-regular.svg 62KB

glyphicons-halflings-regular.ttf 39KB

glyphicons-halflings-regular.woff 30KB

glyphicons-halflings-regular.eot 25KB

portfolio-item-7.jpg 47KB

portfolio-item-2.jpg 40KB

portfolio-item-1.jpg 67KB

index.html 32KB

images

team-member-2.jpg 6KB

logo-3.png 7KB

map-bottom.png 25KB

logo-5.png 8KB

logo-4.png 5KB

laptop-blue@2x.png 536KB

divider.png 655B

two-phones.png 187KB

bg.jpg 467KB

Finder_256.png 114KB

slider-bg-1.jpg 166KB

mockup.png 136KB

logo-2.png 9KB

logo-1.png 3KB

expose-logo.png 1KB

team-member-3.jpg 6KB

intro-bg.jpg 625KB

team-member-1.jpg 8KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="images/favicon.png"> <title>Expose</title>  <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">  <link href="style.css" rel="stylesheet">   </head> <body data-spy="scroll" data-target="#topnav"> <div class="navbar navbar-inverse navbar-fixed-top" id="topnav"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img src="images/expose-logo.png" alt="Expose" height="17px" /> </a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#home">Home</a></li> <li><a href="#services">Services</a></li> <li><a href="#features">Features</a></li> <li><a href="#pricing">Pricing</a></li> <li><a href="#clients">Clients</a></li> <li><a href="#contact">Contact</a></li> </ul> </div>  </div> </div>  <div class="jumbotron" id="home"> <div class="container"> <div class="media"> <a href="#" class="pull-right"><img class="media-object" src="images/Finder_256.png"/></a> <div class="media-body"> <div class="col-md-11"> <h1 class="title">Template <span>Eden</span></h1> <p>Template Eden is a marketplace for all kind of template. If you need a fresh looking, valid and highly optimized template for your site this is the right place to fill your need in best possible way. </p> <p><a class="btn btn-success btn-lg">Learn more <i class="icon icon-angle-right"></i></a></p> </div> </div> </div> </div> </div> <div class="container" id="services">  <div class="row features"> <div class="col-lg-4 text-center"> <div class="single-fet"> <div> <span class="icon-stack icon-4x"> <i class="icon-circle icon-stack-base"></i> <i class="icon-ok icon-light"></i> </span> </div> <h2>With Bootstrap <span class="label label-warning">3.0</span></h2> <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. </p> </div> </div> <div class="col-lg-4 text-center"> <div class="single-fet"> <div> <span class="icon-stack icon-4x"> <i class="icon-circle icon-stack-base"></i> <i class="icon-laptop icon-light"></i> </span> </div> <h2>Fully Responsive</h2> <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. </p> </div> </div> <div class="col-lg-4 text-center"> <div class="single-fet"> <div> <span class="icon-stack icon-4x"> <i class="icon-circle icon-stack-base"></i> <i class="icon-download-alt icon-light"></i> </span> </div> <h2>And Totally <span style="color:#248822">Free</span></h2> <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. </p> </div> </div> </div> </div> <section class="slider" id="features"> <div class="container"> <div class="inner-page"> <h2 class="page-headline large text-center">Tell your projects awesome story.</h2> <p class="text-center">Tell your projects awesome story. Tell your projects awesome story. Tell your projects awesome story. Tell your projects awesome story.</p> </div> <div class="row inner-page"> <div class="col-md-8 col-md-push-4 lazy-container loaded">   <h2>Our <strong>Features</strong></h2> <div class="row"> <div class="col-md-6"> <div class="feature-box"> <div class="feature-box-icon"> <i class="icon-group"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Customer Support</h4> <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p> </div> </div> <div class="feature-box"> <div class="feature-box-icon"> <i class="icon-file"></i> </div> <div class="feature-box-info"> <h4 class="shorter">HTML5 / CSS3 / JS</h4> <p class="tall">Lorem ipsum dolor sit amet, adip.</p> </div> </div> <div class="feature-box"> <div class="feature-box-icon"> <i class="icon-google-plus"></i> </div> <div class="feature-box-info"> <h4 class="shorter">500+ Google Fonts</h4> <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p> </div> </div> <div class="feature-box"> <div class="feature-box-icon"> <i class="icon-adjust"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Colors</h4> <p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p> </div> </div> </div> <div class="col-md-6"> <div class="feature-box"> <div class="feature-box-icon"> <i class="icon-film"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Sliders</h4> <p class="tall">Lorem ipsum dolor s

评论收藏

内容反馈

版权申诉