商务外贸公司bootstrap模板是一款大气好看的商务企业网站模板下载。_html网站模板_网页源码移动端前端

共43个文件

jpg：14个

js：7个

png：5个

网站模板

41 浏览量 2023-08-05 15:26:39 上传评论收藏 1.35MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

商务外贸公司bootstrap模板是一款大气好看的商务企业网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （43个子文件）

商务外贸公司bootstrap模板是一款大气好看的商务企业网站模板下载。

moban1578

modernizr.custom.97074.js 8KB

bootstrap.min.js 31KB

jquery.chocolat.js 10KB

jquery.hoverdir.js 5KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

css

style.css 23KB

bootstrap.css 138KB

font-awesome.min.css 27KB

chocolat.css 2KB

index.html 18KB

images

arrow.1.png 3KB

2.jpg 36KB

Thumbs.db 117KB

prev.png 3KB

6.jpg 33KB

banner.jpg 314KB

t3.jpg 28KB

next.png 3KB

t1.jpg 22KB

5.jpg 28KB

t4.jpg 23KB

img-sprite.png 10KB

close.png 3KB

8.jpg 62KB

t2.jpg 27KB

eventsbg.jpg 58KB

3.jpg 29KB

7.jpg 30KB

9.jpg 39KB

4.jpg 31KB

fonts

FontAwesome.otf 92KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 59KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 70KB

fontawesome-webfont.woff2 55KB

fontawesome-webfont.svg 306KB

fontawesome-webfont.ttf 119KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <script src="js/jquery-1.11.0.min.js"></script> <script src="js/bootstrap.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900" type="text/css" media="all"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway:900,800,700,600" type="text/css" media="all"> </head> <body>  <div class="header"> <div class="container"> <div class="header-main"> <div class="header-right"> <div class="logo"> <h1><a href="index.html">Advice</a></h1> </div> <div class="phone"> <h2>Phone<span class="ph-numb">5696 593 980</span></h2> </div> <div class="form-group"> <form action="#" method="post"> <input type="text" name="text" class="form-control" placeholder="Search"> <button type="submit" class="btn btn-default" aria-label="Left Align"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> </button> </form> </div> <div class="clearfix"> </div> </div>  </div> </div> </div>   <div class="top-nav"> <nav class="navbar navbar-default"> <div class="container"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu </button>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-bounce-to-bottom active"><a href="index.html">Home</a></li> <li class="hvr-bounce-to-bottom"><a href="#about" class="scroll">About</a></li> <li class="hvr-bounce-to-bottom"><a href="#services" class="scroll">Services</a></li> <li class="hvr-bounce-to-bottom"><a href="#gallery" class="scroll">Gallery</a></li> <li class="hvr-bounce-to-bottom"><a href="#team" class="scroll">Team</a></li> <li class="hvr-bounce-to-bottom"><a href="#news" class="scroll">Events</a></li> <li class="hvr-bounce-to-bottom"><a href="#contact" class="scroll">Contact</a></li> </ul> </div> </div> </nav> </div>   <div class="banner"> </div>   <div class="about" id="about"> <div class="container"> <div class="col-md-4 about-left"> <div class="ab-top"> <h3>100%</h3> <h5>Customer Support</h5> <p>Lorem ipsum dolor sit amet, conse etuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn aliquam erat volutpat massa dolore.</p> <a href="#" data-toggle="modal" data-target="#myModal">Read More</a> </div> </div> <div class="col-md-8 about-right"> <h3>Capabilities</h3> <div class="col-md-6 ab-lft"> <h4>VIRTUAL PHONE SYSTEM</h4> <p>Lorem ipsum dolor sit amet, conse etuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn aliquam erat volutpat massa dolore.</p> </div> <div class="col-md-6 ab-lft"> <h4>EMAIL MARKETING</h4> <p>Lorem ipsum dolor sit amet, conse etuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn aliquam erat volutpat massa dolore.</p> </div> <div class="clearfix"></div> <div class="abt-bottom"> <div class="col-md-6 ab-lft"> <h4>MONITORING SYSTEMS</h4> <p>Lorem ipsum dolor sit amet, conse etuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn aliquam erat volutpat massa dolore.</p> </div> <div class="col-md-6 ab-lft"> <h4>COMMUNICATIONS</h4> <p>Lorem ipsum dolor sit amet, conse etuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn aliquam erat volutpat massa dolore.</p> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> </div>   <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Pellentesque vehicula</h4> </div> <div class="modal-body"> <p>In varius sem id aliquet rutrum. Pellentesque ut neque ligula. Fusce dapibus volutpat magna, ac feugiat dolor bibendum et. Integer dignissim gravida nunc, eget hendrerit enim. Quisque dapibus mollis finibus. Curabitur nulla enim, aliquet ac ultricies luctus, lacinia ut felis. Etiam aliquam massa nec lorem pulvinar porttitor. Maecenas in rutrum purus, eget consectetur arcu. Sed id pretium ligula, id hendrerit nunc. Nam ut tincidunt erat, sit amet accumsan risus..</p> </div> </div> </div> </div>   <div class="services w3agile" id="services"> <div class="container"> <h3>Services Overview</h3> <div class="col-md-2 services-left"> <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> <h4>Hardware</h4> </div> <div class="col-md-2 services-left"> <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span> <h4>Networking</h4> </div> <div class="col-md-2 services-left"> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> <h4>Innovation</h4> </div> <div class="col-md-2 services-left"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> <h4>Development</h4> </div> <div class="col-md-2 services-left"> <span class="glyphicon glyphicon-comment" aria-hidden="true"></span> <h4>Communication</h4> </div> <div class="col-md-2 services-left"> <span class="glyphicon glyphicon-globe" aria-hidden="true"></span> <h4>Marketing</h4> </div> <div class="clearfix"></div> </div> </div>   <div class="gallery" id="gallery"> <div class="container"> <h3>Gallery</h3> <div class="gallery-grids"> <section> <ul id="da-thumbs" class="da-thumbs"> <li> <a href="images/2.jpg" class="b-link-stripe b-animate-go thickbox"> <img src="images/2.jpg" alt=""> <div style="display: block; left: 0px; top: -100%; overflow: hidden; transition: all 300ms ease;"> <h5>project</h5> <span>non suscipit leo fringilla non suscipit leo fringilla molestie</span> </div> </a> </li> <li> <a href="images/3.jpg" class="b-link-stripe b-animate-go thickbox"> <img src="images/3.jpg" alt=""> <div style="display: block; left: 100%; top: 0px; overflow: hidden; transition: all 300ms ease;"> <h5>project</h5> <span>non suscipit leo fringilla non suscipit leo fringilla molestie</span> </div> </a> </li> <li> <a href="images/4.jpg" class="b-link-stripe b-animate-go thickbox"> <img src="images/4.jpg" alt="">

评论收藏

内容反馈