大气扁平城市网站模板下载是一款响应式大城市网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共103个文件

png：35个

jpg：34个

gif：11个

网站模板

200 浏览量 2023-08-05 15:09:44 上传评论收藏 1.66MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大气扁平城市网站模板下载是一款响应式大城市网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar （103个子文件）

bootstrap.min.css 97KB

animate.css 60KB

main.css 29KB

jquery.sidr.dark.css 25KB

prettyPhoto.css 19KB

font-awesome.min.css 17KB

responsive.css 4KB

reset.css 0B

loader.gif 6KB

loader.gif 2KB

default_thumbnail.gif 227B

index.html 43KB

slide3.jpg 224KB

slide2.jpg 199KB

slide1.jpg 151KB

service-bg.jpg 92KB

client-bg.jpg 92KB

big-item4.jpg 53KB

big-item2.jpg 53KB

big-item.jpg 53KB

big-item3.jpg 53KB

mission.jpg 40KB

community.jpg 37KB

about.jpg 36KB

client1.jpg 26KB

client3.jpg 25KB

client2.jpg 24KB

10.jpg 15KB

9.jpg 14KB

3.jpg 14KB

12.jpg 13KB

2.jpg 13KB

1.jpg 13KB

member4.jpg 12KB

member2.jpg 12KB

2.jpg 12KB

1.jpg 12KB

11.jpg 12KB

4.jpg 11KB

member1.jpg 11KB

6.jpg 11KB

member3.jpg 11KB

3.jpg 10KB

5.jpg 9KB

7.jpg 8KB

8.jpg 5KB

jquery.js 91KB

bootstrap.min.js 27KB

jquery.prettyPhoto.js 22KB

jquery.isotope.min.js 16KB

smoothscroll.js 6KB

respond.min.js 4KB

main.js 3KB

html5shiv.js 2KB

jquery.parallax.js 2KB

FontAwesome.otf 61KB

apple-touch-icon-144-precomposed.png 15KB

favicon.png 15KB

apple-touch-icon-114-precomposed.png 15KB

apple-touch-icon-72-precomposed.png 15KB

apple-touch-icon-57-precomposed.png 15KB

sprite.png 7KB

sprite.png 4KB

sprite.png 3KB

pattern.png 3KB

logo.png 2KB

default_thumb.png 2KB

btnPrevious.png 1KB

btnNext.png 1KB

sprite_prev.png 1KB

sprite_next.png 1KB

sprite_y.png 1KB

sprite_x.png 1KB

home-pattern.png 943B

btnNext.png 845B

btnPrevious.png 828B

contentPatternBottom.png 142B

contentPatternTop.png 142B

contentPatternLeft.png 137B

contentPatternRight.png 136B

contentPattern.png 130B

contentPattern.png 121B

fontawesome-webfont.svg 197KB

共 103 条

<!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="keywords" content="" /> <meta name="author" content=""> <title>Home</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/prettyPhoto.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet">  <link rel="shortcut icon" href="images/ico/favicon.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> </head> <body> <div class="preloader"> <div class="preloder-wrap"> <div class="preloder-inner"> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> <div class="ball"></div> </div> </div> </div> <header id="navigation"> <div class="navbar navbar-inverse navbar-fixed-top" role="banner"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <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"><h1><img src="images/logo.png" alt="logo"></h1></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="scroll active"><a href="#navigation">Home</a></li> <li class="scroll"><a href="#about-us">About Us</a></li> <li class="scroll"><a href="#services">Services</a></li> <li class="scroll"><a href="#our-team">Our Team</a></li> <li class="scroll"><a href="#portfolio">Portfolio</a></li> <li class="scroll"><a href="#clients">Clients</a></li> <li class="scroll"><a href="#blog">Blog</a></li> <li class="scroll"><a href="#contact">Contact</a></li> </ul> </div> </div> </div> </header>  <section id="home"> <div class="home-pattern"></div> <div id="main-carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#main-carousel" data-slide-to="0" class="active"></li> <li data-target="#main-carousel" data-slide-to="1"></li> <li data-target="#main-carousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active" style="background-image: url(images/slider/slide3.jpg)"> <div class="carousel-caption"> <div> <h2 class="heading animated bounceInDown">'Himu' Onepage HTML Template</h2> <p class="animated bounceInUp">Fully Professional one page template</p> <a class="btn btn-default slider-btn animated fadeIn" href="#">Get Started</a> </div> </div> </div> <div class="item" style="background-image: url(images/slider/slide2.jpg)"> <div class="carousel-caption"> <div> <h2 class="heading animated bounceInDown">Get All in Onepage</h2> <p class="animated bounceInUp">Everything is outstanding </p> <a class="btn btn-default slider-btn animated fadeIn" href="#">Get Started</a> </div> </div> </div> <div class="item" style="background-image: url(images/slider/slide1.jpg)"> <div class="carousel-caption"> <div> <h2 class="heading animated bounceInRight">Fully Responsive Template</h2> <p class="animated bounceInLeft">100% Responsive HTML template</p> <a class="btn btn-default slider-btn animated bounceInUp" href="#">Get Started</a> </div> </div> </div> </div> <a class="carousel-left member-carousel-control hidden-xs" href="#main-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a> <a class="carousel-right member-carousel-control hidden-xs" href="#main-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a> </div> </section> <section id="about-us"> <div class="container"> <div class="text-center"> <div class="col-sm-8 col-sm-offset-2"> <h2 class="title-one">Why With Us?</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </div> <div class="about-us"> <div class="row"> <div class="col-sm-6"> <h3>Why with us?</h3> <ul class="nav nav-tabs"> <li class="active"><a href="#about" data-toggle="tab"><i class="fa fa-chain-broken"></i> About</a></li> <li><a href="#mission" data-toggle="tab"><i class="fa fa-th-large"></i> Mission</a></li> <li><a href="#community" data-toggle="tab"><i class="fa fa-users"></i> Community</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade in active" id="about"> <div class="media"> <img class="pull-left media-object" src="images/about-us/about.jpg" alt="about us"> <div class="media-body"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </div> </div> <div class="tab-pane fade" id="mission"> <div class="media"> <img class="pull-left media-object" src="images/about-us/mission.jpg" alt="Mission"> <div class="media-body"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci </p> </div> </div> </div> <div class="tab-pane fade" id="community"> <div class="media"> <img class="pull-left media-object" src="images/about-us/community.jpg" alt="Community"> <div class="media-body"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p> </div> </div> </div> </div> </div> <div class="col-sm-6"> <h3>Our Skills</h3> <div class="skill-bar"> <div class="skillbar clearfix " data-percent="90%"> <div class="skillbar-title"> <span>HTML5 & CSS3</span> </div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">90%</div> </div>  <div class="skillbar clearfix" data-percent="85%"> <div class="skillbar-title"><span>UI Design</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">85%</div> </div>  <div class="skillbar clearfix " data-percent="70%"> <div class="skillbar-title"><span>jQuery</span></div> <div class="skillbar-bar"></div> <div class="skill-bar-percent">70%</div> </div>

评论收藏

内容反馈