HTML网站源码-贸易服务公司响应式网页模板-移动端可用.zip资源-CSDN文库

共45个文件

jpg：21个

js：9个

css：5个

版权申诉

源码

公司网站

HTML

适配移动端

5星 · 超过95%的资源 94 浏览量 2024-03-22 10:46:17 上传评论收藏 3.72MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-贸易服务公司响应式网页模板-移动端可用.zip （45个子文件）

HTML网站源码-贸易服务公司响应式网页模板-移动端可用

html

SmoothScroll.min.js 6KB

bootstrap-3.1.1.min.js 28KB

jquery.flexslider.js 39KB

jquery.vide.min.js 4KB

easing.js 5KB

move-top.js 1KB

jquery-2.1.4.min.js 82KB

jquery.colorbox.js 28KB

jarallax.js 14KB

css

style.css 21KB

flexslider.css 4KB

font-awesome.css 37KB

bootstrap.css 138KB

colorbox.css 5KB

index.html 24KB

images

g3.jpg 24KB

abt.jpg 44KB

g2.jpg 44KB

ts3.jpg 13KB

arrow.png 3KB

g8.jpg 41KB

t3.jpg 12KB

g7.jpg 30KB

controls.png 1KB

g6.jpg 54KB

t1.jpg 11KB

g11.jpg 43KB

t4.jpg 9KB

g10.jpg 37KB

g5.jpg 34KB

tsbg.jpg 60KB

t2.jpg 9KB

ts2.jpg 10KB

g4.jpg 11KB

ts1.jpg 10KB

g1.jpg 47KB

g9.jpg 41KB

video

park1.jpg 90KB

park1.mp4 2.4MB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="en">  <head> <title>Trade Mart a corporate Category Bootstrap responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="Trade Mart a Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />  <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all"> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/colorbox.css" />   <link href="//fonts.googleapis.com/css?family=Dosis:300,400,500,600,700" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">   <link href="css/style.css" rel='stylesheet' type='text/css' />  </head>  <body>  <section class="head-menu"> <div class="header" data-vide-bg="video/park1" id="home"> <div class="menu-w3l"> <nav class="navbar navbar-inverse"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a class="navbar-brand logo" href="index.html">Trade Mart</a></h1> </div> <div class="collapse navbar-collapse " id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home" class="scroll" data-wow-delay=".3s">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#testimonial" class="scroll">Testimonial</a></li> <li><a href="#gallery" class="scroll">Gallery</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </div> </div> </nav> <div class="clearfix"> </div> </div>  <div class="w3ls-text"> <h3>welcome to our mart</h3> <a class="scroll" href="#contact"><i class="fa fa-angle-down" aria-hidden="true"></i></a> </div> </div> </section>   <section class="about" id="about"> <div class="container"> <h3>about</h3> <div class="agile-about-grids"> <div class="col-md-6 col-sm-6 abt-text"> <h2>my name is <span>jone</span></h2> <h6>CEO | Agency</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque libero tortor, accumsan non arcu eu, vulputate egestas orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis, mauris nec vestibulum dapibus, nisl velit pulvinar felis, ut pharetra sem orci ut nisl. Phasellus vitae varius tellus. </p> <div class="srv-w3ls"> <a href="#" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Read More</a> </div> </div> <div class="col-md-6 col-sm-6 abt-img"> <img src="images/abt.jpg" alt="image" class="img-responsive" /> </div> <div class="clearfix"></div> <div class="w3ls-abt-bt"> <div class="col-md-6 col-sm-6 lt-abt"> <h4>Lorem ipsum dolor sit amet.</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque libero tortor, accumsan non arcu eu, vulputate egestas orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> <div class="col-md-6 col-sm-6 rt-abt"> <h4>consectetur adipiscing elit</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque libero tortor, accumsan non arcu eu, vulputate egestas orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> </div> <div class="clearfix"></div> </div> </div> </section>  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Trade Mart</h4> </div> <div class="modal-body agileits"> <div class="modal-img"> <img src="images/g2.jpg" alt="image"> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque orci consectetur sapien feugiat fermentum. Phasellus convallis efficitur arcu, nec convallis odio egestas sit amet. Praesent erat sem, finibus vel ornare efficitur, mattis sed risus. Duis ornare sodales dui finibus molestie.</p> </div> </div> </div> </div>    <section class="services" id="services"> <div class="container"> <h3>services</h3> <div class="agile-service-grids"> <div class="col-md-4 w3ls-svr-bottom-grid"> <div class="col-sm-3 col-xs-3 agileits-ma"> <div class="w3ls-svr-icon"> <i class="fa fa-laptop" aria-hidden="true"></i> </div> </div> <div class="col-sm-9 col-xs-9 agileits-ma"> <div class="svr-bt-text-w3ls"> <h5>consectetur adipiscing elit</h5> <p>Quisque libero tortor, accumsan non arcu eu, vulputate egestas orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class="clearfix"></div> </div> <div class="col-md-4 w3ls-svr-bottom-grid"> <div class="col-sm-3 col-xs-3 agileits-ma"> <div class="w3ls-svr-icon"> <i class="fa fa-cubes" aria-hidden="true"></i> </div> </div> <div class="col-sm-9 col-xs-9 agileits-ma"> <div class="svr-bt-text-w3ls"> <h5>consectetur adipiscing elit</h5> <p>Quisque libero tortor, accumsan non arcu eu, vulputate egestas orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class="clearfix"></div> </div> <div class="col-md-4 w3ls-svr-bottom-grid"> <div class="col-sm-3 col-xs-3 agileits-ma"> <div class="w3ls-svr-icon"> <i class="fa fa-handshake-o" aria-hidden="true"></i> </div> </div> <div class="col-sm-9 col-xs-9 agileits-ma"> <div class="svr-bt-text-w3ls"> <h5>consectetur adipiscing elit</h5> <p>Quisque libero tortor, accumsan non arcu eu, vulputate egestas orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> </section>   <section class="testimonial jarallax" id="testimonial"> <div class="container"> <h3>testimonial</h3> <div class="testi-grid"> <div class="flexslider"> <ul class="slides"> <li> <div class="testi-w3ls text-center"> <div class="col-md-4 col-sm-4 col-xs-4 testi-img"> <img src="images/ts1.jpg" alt="images" /> </div> <div class="col-md-8 col-sm-8 col-xs-8 testi-text"

评论收藏

内容反馈

版权申诉