<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- Custom Theme files -->
<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>
<!-- //Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/lightbox.css">
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!--web-fonts-->
<link href='#css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Dosis:400,200,300,500,600,700,800' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
<!--circle-chart-->
<script src="js/jquery.circlechart.js"></script>
<!--circle-chart-->
</head>
<body>
<!--header-->
<div class="header">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header navbar-left">
<h1><a href="index.html">STEEL <span>Industry</span></a></h1>
</div>
<!--navigation-->
<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 class="header-right">
<div class="top-nav-text">
<p>Call Us: <span>+00 111 2222 333</span></p>
<div id="sb-search" class="sb-search">
<form action="#" method="post">
<input class="sb-search-input" name="Search" placeholder="Enter your search term..." id="search" required="">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
<div class="clearfix"> </div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left cl-effect-14">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
<div class="clearfix"> </div>
</div><!--//navigation-->
</div>
<div class="clearfix"> </div>
</div>
</nav>
</div>
<!--//header-->
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-text">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-text-info">
<h2>WELCOME TO STEEL INDUSTRY</h2>
<h4>Lorem Ipsum was popularised In sit amet sapien eros Integer</h4>
<div class="more">
<a href="#" data-toggle="modal" data-target="#myModal"> Read More</a>
</div>
</div>
</li>
<li>
<div class="banner-text-info">
<h3>VIVAMUS MAXIMUS ODIO EU</h3>
<h4>In sit amet sapien eros Integer,Lorem Ipsum was popularised </h4>
<div class="more">
<a href="#" data-toggle="modal" data-target="#myModal"> Read More</a>
</div>
</div>
</li>
<li>
<div class="banner-text-info">
<h3>ETIAM SODALES LACUS DOLOR</h3>
<h4>Popularised In sit amet sapien eros Integer was Lorem Ipsum </h4>
<div class="more">
<a href="#" data-toggle="modal" data-target="#myModal"> Read More</a>
</div>
</div>
</li>
<li>
<div class="banner-text-info">
<h3>SED EGESTAS LIBERO VITAE ELIT</h3>
<h4>Popularised In sit amet sapien eros Integer was Lorem Ipsum </h4>
<div class="more">
<a href="#" data-toggle="modal" data-target="#myModal"> Read More</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--modal-sign-->
<div class="modal bnr-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>
</div>
<section>
<div class="modal-body modal-spa">
<img class="img-responsive" src="images/slid.jpg" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum iaculis enim, non convallis felis mattis at. Donec fringilla lacus eu pretium rutrum. Cras aliquet congue ullamcorper. Etiam mattis eros eu ullamcorper volutpat. Proin ut dui a urna efficitur varius. uisque molestie cursus mi et congue consectetur adipiscing elit cras rutrum iaculis enim, Lorem ipsum dolor sit amet, non convallis felis mattis at. Maecenas sodales tortor ac ligula ultrices dictum et quis urna. Etiam pulvinar metus neque, eget porttitor massa vulputate in. Fusce lacus purus, pulvinar ut lacinia id, sagittis eu mi. Vestibulum eleifend massa sem, eget dapibus turpis efficitur at. Aliquam viverra quis leo et efficitur. Nullam arcu risus, scelerisque quis interdum eget, fermentum viverra turpis. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut At vero eos </p>
</div>
</section>
</div>
</div>
</div>
<!--//modal-sign-->
<!--//banner-->
<!--about-->
<div class="about">
<div class="container">
<h3 class="title">About Us </h3>
<div class="about-text">
<h4>Nulla at dolor at ipsum convallis pulvinar a non nunc non leo sollicitudin </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum iaculis enim, non convallis felis mattis at. Donec fringilla lacus eu pretium rutrum. Cras aliquet congue ullamcorper. Etiam mattis eros eu ullamcorper volutpat. Proin ut dui a urna efficitur varius.
uisque molestie cursus mi et congue consectetur adipiscing elit cras rutrum iaculis enim, Lorem ipsum dolor sit amet, non convallis felis mattis at. Maecenas sodales tortor ac ligula ultrices dictum et quis urna. Etiam pulvinar metus neque, eget porttitor massa vulputate in. Fusce lacus purus, pulvinar ut lacinia id, sagittis eu mi. Vestibulum eleifend massa sem, eget dapibus turpis efficitur at. Aliquam viverra quis leo et efficitur. Nullam arcu risus, scelerisque quis interdum eget, fermentum viverra turpis. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut At vero eos</p>
</div>
</div>
</div>
<!--//about-->
<!--team-->
<div class="team" id="team">
<div class="team-info">
<div class="container">
<h3 class="title">Our Team</h3>
<div class="team-row">
<div class="col-md-3 team-grids">
<div class="team-img">
<img class="img-responsive" src="images/img1.jpg" alt="">
<div class="captn">
<div class="captn-top">
<h4>Edwards Doe</h4>
<p>Aenean pulvinar ac enimet posuere tincidunt velit Utin tincidunt</p>
</div>
<div class="social-icons">
大气扁平钢铁行业网站模板适合钢铁行业工业网站单页模板下载 .rar
版权申诉
94 浏览量
2022-11-20
10:04:39
上传
评论
收藏 835KB RAR 举报
大气扁平钢铁行业网站模板适合钢铁行业工业网站单页模板下载。.rar （36个子文件） 
大气扁平钢铁行业网站模板适合钢铁行业工业网站单页模板下载。 moban1234 css 
lightbox.css 4KB bootstrap.css 138KB style.css 29KB images 
g5.jpg 27KB
next.png 1KB banner.jpg 148KB social-icons.png 4KB img1.jpg 8KB prev.png 1KB img2.jpg 9KB g1.jpg 31KB slid.jpg 136KB img4.jpg 13KB close.png 280B g4.jpg 54KB move-up.png 3KB g6.jpg 26KB g8.jpg 66KB g3.jpg 36KB img3.jpg 11KB g2.jpg 48KB g7.jpg 58KB
loading.gif 8KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB
index.html 25KB js move-top.js 1KB easing.js 5KB uisearch.js 6KB jquery-1.11.1.min.js 94KB lightbox-plus-jquery.min.js 91KB responsiveslides.min.js 3KB classie.js 2KB jquery.circlechart.js 3KB easyResponsiveTabs.js 6KB bootstrap.js 66KB资源评论
