<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!--tages-->
<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="Steel Industry 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" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='#css?family=Sintony:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!--start-wrap-->
<div class="header">
<div class="container">
<!--start-header-->
<!--start-logo-->
<div class="logo">
<a href="index.html">Steel Industry</a>
</div>
<!--End-logo-->
<!--start-top-nav-->
<div class="top-search-social-nav">
<ul>
<li class="active"><a href="#"><img src="images/facebook.png" title="Facebook" alt=""></a></li>
<li><a href="#"><img src="images/twitter.png" title="Twitter" alt=""></a></li>
<li><a href="#"><img src="images/gpluse.png" title="Googlepluse" alt=""></a></li>
<li><a href="#"><img src="images/rss.png" title="Rss" alt=""></a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!--End-top-nav-->
</div>
<div class="clearfix"> </div>
<!--End-header-->
</div>
<div class="top-nav">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<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 id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="home"><a href="index.html">Home</a></li>
<li class=""><a href="about.html">About</a></li>
<li class=""><a href="services.html">Services</a></li>
<li class=""><a href="gallery.html">Gallery</a></li>
<li class=""><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="content">
<div class="container">
<!--start-about-->
<div class="about">
<div class="about-grids">
<div class="col-md-4 about-grid">
<h3>Our History</h3><h5> </h5><div class="clearfix"> </div>
<a href="#"><img src="images/slider1.jpg" class="img-responsive" alt=""></a>
<span>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam.</span>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum.</p>
<a class="button1" href="#">Read More</a>
</div>
<div class="col-md-4 about-grid center-grid1">
<h3>WHY CHOOSE US?</h3><h5> </h5><div class="clearfix"> </div>
<p>Pellenn dimentum sed, commodo vitae, ornare sit amet,lit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.</p>
<label>exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</label>
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>
<label>exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</label>
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.</p>
</div>
<div class="col-md-4 about-grid last-grid">
<h3>Our Location</h3><h5> </h5><div class="clearfix"> </div>
<div class="about-team">
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c1.jpg" class="img-responsive" alt=""></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c2.jpg" class="img-responsive" alt=""></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c1.jpg" class="img-responsive" alt=""></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="client">
<div class="about-team-left">
<a href="#"><img src="images/c2.jpg" class="img-responsive" alt=""></a>
</div>
<div class="about-team-right">
<p>tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--End-about-->
<div class="clearfix"> </div>
<div class="recent-places">
<h4>Our Work</h4><h5> </h5><div class="clearfix"> </div>
<div class="col-md-3 holder smooth">
<img src="images/p1.jpg" alt="Web Tutorial Plus - Demo">
<div class="go-top">
<h3>Image Description</h3>
<p>
This is the description of this image. You may use.
</p>
<a href="#">ReadMore</a>
</div>
</div>
<div class="col-md-3 holder smooth">
<img src="images/p2.jpg" alt="Web Tutorial Plus - Demo">
<div class="go-top">
<h3>Image Description</h3>
<p>
This is the description of this image. You may use.
</p>
<a href="#">ReadMore</a>
</div>
</div>
<div class="col-md-3 holder smooth">
<img src="images/p3.jpg" alt="Web Tutorial Plus - Demo">
<div class="go-top">
<h3>Image Description</h3>
<p>
This is the description of this image. You may use.
</p>
<a href="#">ReadMore</a>
</div>
</div>
<div cla
钢管钢铁行业网站模板是一款浅蓝色风格的HTML钢铁行业网站模板下载。.rar
版权申诉
113 浏览量
2023-04-28
10:02:04
上传
评论
收藏 615KB RAR 举报
钢管钢铁行业网站模板是一款浅蓝色风格的HTML钢铁行业网站模板下载。.rar （38个子文件） 
钢管钢铁行业网站模板是一款浅蓝色风格的HTML钢铁行业网站模板下载。 moban1035 js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB bootstrap.min.js 36KB jquery.min.js 82KB css style.css 25KB bootstrap.css 138KB swipebox.css 4KB responsiveslides.css 471B
services.html 10KB index.html 9KB contact.html 7KB about.html 10KB images 
hd-bg.png 213B gpluse.png 580B g4.png 3KB
slider3.jpg 64KB c1.jpg 6KB s1.jpg 10KB s2.jpg 11KB c2.jpg 5KB g2.png 3KB p4.jpg 11KB twitter.png 468B
icons.svg 1KB slider2.jpg 158KB facebook.png 409B btn-bg.png 1KB rss.png 570B p2.jpg 29KB p3.jpg 22KB g3.png 3KB s3.jpg 5KB slider1.jpg 118KB s4.jpg 8KB g1.jpg 72KB p1.jpg 12KB g1.png 4KB gallery.html 9KB资源评论
紫微前端
- 粉丝: 4341
- 资源: 869
