<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Bahr Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!----- theme-style ------>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<!----- //theme-style ------>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!----- web fonts ------>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
<!----- //web fonts ------>
</head>
<body>
<!----header--->
<div class="line">
</div>
<div class="header">
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html"><h1>Bahr</h1></a>
</div>
<!--top-nav---->
<div class="header-right">
<div class="header-right-left">
<ul>
<li><a href="#"><span class="face"> </span></a></li>
<li><a class="facebook" href="#"><span class="face"> </span></a></li>
</ul>
</div>
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a href="#home" class="scroll"><span>home</span></a></li>
<li><a href="#services" class="scroll"><span>services</span></a></li>
<li><a href="#projects" class="scroll"><span>projects</span></a></li>
<li><a href="#testimonials" class="scroll"><span>Testimonials</span></a></li>
<li><a href="#contact" class="scroll"><span>Contact</span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
<!---start-click-drop-down-menu----->
<!----start-dropdown--->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!---//End-click-drop-down-menu----->
<!--top-nav---->
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---banner---->
<div class="banner-matter">
<div class="container">
<h2>Lorem Ipsum is simply dummy text of the printing industry</h2>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<div class="view ">
<a class="more" href="#"><span>VIEW MORE</span></a>
</div>
<a href="#services" class="scroll" ><img src="./images/down.png" class="scroll" alt="" /></a>
</div>
</div>
<!---//banner---->
</div>
<div class="clearfix"> </div>
<!----header--->
<!----content--->
<div class="content">
<div id="services" class="content-services">
<div class="container">
<div class="services-top">
<h3>SERVICES</h3>
</div>
<div class="services-bottom">
<div class="col-md-2">
<div class="services-bottom-top ">
<span> </span>
<h4>WEB DESIGN</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
<div class="col-md-2">
<div class="services-bottom-top cross">
<span> </span>
<h4>WEB DEVELOPMENT</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
<div class="col-md-2">
<div class="services-bottom-top sky">
<span> </span>
<h4>WEB HOSTING</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
<div class="col-md-2">
<div class="services-bottom-top phone">
<span> </span>
<h4>MOBILE APPS</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
<div class="col-md-2">
<div class="services-bottom-top setting">
<span> </span>
<h4>BUSINESS PLANS</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
<div class="col-md-2">
<div class="services-bottom-top circle">
<span> </span>
<h4>E-MARKETING</h4>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---projects--->
<div id="projects" class="projects">
<div class="container">
<div class="projects-top">
<h3>PROJECTS</h3>
</div>
<ul id="flexiselDemo2" >
<li class="search"><a href="#"><img src="./images/chair.jpg" alt="image01" />
<span> </span>
</a></li>
<li class="search"><a href="#"><img src="./images/black.jpg" alt="image02" /> <span> </span></a></li>
<li class="search"><a href="#"><img src="./images/orange.jpg" alt="image02" /> <span> </span></a></l
html5pc静态模板 IT项目服务网页模板 （含响应式）.rar
版权申诉
45 浏览量
2023-03-11
14:06:00
上传
评论
收藏 766KB RAR 举报
html5pc静态模板 IT项目服务网页模板 （含响应式）.rar （91个子文件） 
html mobile css 
style.css 6KB
index.html 6KB images 
yellow.png 7KB down.png 1KB le.png 948B sy.png 1KB ca.png 936B strip.png 3KB be.png 982B menu.png 780B women.png 14KB
banner.jpg 5KB 1.png 476B name.png 652B g.png 1KB twitter.png 906B email.png 582B facebook.png 839B 4.png 14KB chair.jpg 15KB f.png 859B t-arrow.png 2KB t.png 957B mee.png 14KB black.jpg 5KB br.png 1KB in.png 937B smartphone js easing.js 5KB move-top.js 1KB jquery.flexisel.js 8KB jquery.min.js 92KB css style.css 12KB index.html 12KB images yellow.png 2KB into.png 1KB men-w.png 23KB down.png 2KB strip.png 3KB arrow.png 4KB me.png 1KB women.png 20KB banner.jpg 3KB logo.png 3KB men.png 29KB 1.png 546B search.png 1KB nav.png 786B 6.png 15KB image-arrow.png 1KB orange.jpg 26KB up.png 3KB 4.png 19KB 8.png 6KB chair.jpg 15KB mee.png 20KB black.jpg 16KB nav-ft.png 5KB web js easing.js 5KB move-top.js 1KB jquery.flexisel.js 8KB jquery.min.js 92KB css style.css 16KB bootstrap.css 118KB index.html 13KB images yellow.png 2KB into.png 3KB men-w.png 40KB down.png 2KB strip.png 3KB 3.png 3KB arrow.png 5KB me.png 1KB menu.png 2KB women.png 34KB banner.jpg 83KB logo.png 2KB men.png 51KB 1.png 809B search.png 3KB nav.png 797B twitter.png 2KB 6.png 17KB image-arrow.png 2KB orange.jpg 17KB facebook.png 2KB up.png 2KB 4.png 32KB 8.png 8KB chair.jpg 24KB mee.png 37KB black.jpg 8KB资源评论
