蓝色化工机械公司企业整站模板-能源环保整站w3bootstrap手机响应式原材料贸易工业简洁标准宽屏资源-CSDN文库

共53个文件

jpg：28个

js：7个

html：7个

版权申诉

189 浏览量 2022-12-12 10:47:44 上传评论收藏 1.08MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色化工机械公司企业整站模板_蓝色化工能源环保机械公司企业整站 w3 bootstrap 手机响应式原材料贸易工业简洁标准宽屏.rar （53个子文件）

蓝色化工机械公司企业整站模板_蓝色化工能源环保机械公司企业整站 w3 bootstrap 手机响应式原材料贸易工业简洁标准宽屏

cpts_308_mt

css

bootstrap.css 138KB

swipebox.css 4KB

chocolat.css 2KB

style.css 47KB

services.html 25KB

images

right.gif 67B

15.jpg 9KB

14.jpg 8KB

banner.jpg 162KB

abt4.jpg 9KB

a1.jpg 8KB

feature-img2.jpg 17KB

sin1.jpg 38KB

abt3.jpg 7KB

a2.jpg 13KB

to-top1.png 3KB

left.gif 68B

19.jpg 14KB

close.gif 845B

quote-image1.jpg 104KB

a6.jpg 8KB

abt2.jpg 10KB

a5.jpg 9KB

icons.svg 1KB

10.jpg 8KB

22.jpg 15KB

banner2.jpg 82KB

17.jpg 8KB

18.jpg 2KB

icon2.png 3KB

16.jpg 5KB

sin.jpg 45KB

feature-img.jpg 18KB

co.png 2KB

a4.jpg 7KB

a3.jpg 8KB

20.jpg 8KB

abt1.jpg 16KB

banner1.jpg 298KB

sin2.jpg 63KB

single.html 11KB

index.html 14KB

jquery.min.js 94KB

move-top.js 1KB

easing.js 5KB

jquery.chocolat.js 10KB

responsiveslides.min.js 3KB

jquery.swipebox.min.js 7KB

bootstrap.js 66KB

blog.html 10KB

about.html 10KB

gallery.html 8KB

contact.html 7KB

<!DOCTYPE html> <html> <head> <title>Typrography</title>  <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.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="Mechanical Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <script src="js/jquery.min.js"> </script> <script src="js/bootstrap.js"></script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script>   <link href='#css?family=Belgrano' rel='stylesheet' type='text/css'> <link href='#css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'> <link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>   <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script>  </head> <body>  <div class="header"> <div class="header-nav"> <div class="container"> <div class="logo"> <a href="index.html"><h1>Mechanical</h1></a> </div> <div class="navigation"> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span> </button> </div> <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="index.html">Home <span class="sr-only">(current)</span></a></li> <li><a href="about.html">About</a></li> <li class="active"><a href="services.html">Services</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> <div class="clearfix"> </div> </div> </nav> </div> </div> </div> </div>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle("slow" , function(){ }); }); </script>  <div class="banner-left"> <div class="banner-title"> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="banner2 banner5"> </div> </li> </ul> </div> <div class="clearfix"> </div> </div> </div> <div class="banner-bottom-strip"> <div class="container"> <p>Engineering applied to the planning, design, and control of industrial operations.</p> </div> </div>  <div class="services"> <div class="container"> <h3>Services</h3> <div class="typrography"> <div class="grid_3 grid_4"> <h3>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 class="typ1"> <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 class="typ1"> <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 class="typ1"> <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>

评论收藏

内容反馈

版权申诉