大气商务公司HTML模板里面包含6个子页面，适合商务外贸公司网站模板下载。_html网站模板_网页源码移动端前端

共50个文件

jpg：16个

js：8个

png：8个

184 浏览量 2023-08-05 13:45:40 上传评论收藏 2.63MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大气商务公司HTML模板里面包含6个子页面，适合商务外贸公司网站模板下载。_html网站模板_网页源码移动端前端_H5.rar （50个子文件）

大气商务公司HTML模板里面包含6个子页面，适合商务外贸公司网站模板下载。

moban1711

codes.html 26KB

bootstrap.js 66KB

modernizr.custom.97074.js 8KB

responsiveslides.min.js 3KB

jquery.chocolat.js 10KB

jquery.flexslider.js 40KB

jquery.hoverdir.js 5KB

jquery-1.11.1.min.js 94KB

owl.carousel.js 37KB

css

style.css 34KB

flexslider.css 4KB

owl.carousel.css 8KB

bootstrap.css 118KB

chocolat.css 2KB

projects.html 8KB

services.html 9KB

index.html 13KB

contact.html 6KB

about.html 12KB

images

g2.jpg 123KB

a2.jpg 178KB

a6.jpg 194KB

p.jpg 50KB

w.jpg 182KB

menu.png 3KB

banner.jpg 272KB

a1.jpg 165KB

t3.jpg 75KB

1.png 24KB

a3.jpg 177KB

left.png 3KB

t1.jpg 8KB

t4.jpg 7KB

tt2.png 76KB

img-sprite.png 4KB

close.png 3KB

t2.jpg 73KB

right.png 3KB

a4.jpg 230KB

a7.jpg 171KB

a5.jpg 189KB

2.png 23KB

g1.jpg 193KB

fonts

FontAwesome.otf 61KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 37KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 197KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE HTML> <html> <head> <title>Short Codes </title>  <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' />  <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>  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"></script>   <link href='http://fonts.googleapis.com/css?family=Lusitana:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Caudex:400,700italic,700,400italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>  </head> <body>  <div class="banner ban"> <div class="container"> <div class="header"> <div class="header-left"> <h1><a href="index.html">Vocation </a></h1> </div>  <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""/></span> <ul class="nav1"> <li class="active"><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="codes.html"> Codes</a></li> <li><a href="contact.html">Contact</a></li> </ul> <div class="clearfix"> </div>  <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script>  </div>  <div class="clearfix"> </div> </div> </div> </div>   <div class="content">  <div class="typo-w3"> <div class="container"> <h2 class="tittle">Short Codes</h2> <div class="grid_3 grid_4"> <h3 class="hdg">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <

评论收藏

内容反馈