<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<title>Guarder</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600,700&display=swap" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<div class="hero_bg_box">
<div class="img-box">
<img src="images/hero-bg.jpg" alt="">
</div>
</div>
<header class="header_section">
<div class="header_top">
<div class="container-fluid">
<div class="contact_link-container">
<a href="" class="contact_link1">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Lorem ipsum dolor sit amet,
</span>
</a>
<a href="" class="contact_link2">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 1234567890
</span>
</a>
<a href="" class="contact_link3">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container">
<a class="navbar-brand" href="index.html">
<span>
Guarder
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""></span>
</button>
<div class="collapse navbar-collapse ml-auto" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html"> Services </a>
</li>
<li class="nav-item">
<a class="nav-link" href="guard.html"> Guards </a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact us</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section ">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="detail-box">
<h1>
Your Saftey <br>
<span>
Our Responsibility
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod magna aliqua. Ut enim ad minim veniam
</p>
<div class="btn-box">
<a href="" class="btn-1"> Read more </a>
<a href="" class="btn-2">Get A Quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="detail-box">
<h1>
Your Saftey <br>
<span>
Our Responsibility
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod magna aliqua. Ut enim ad minim veniam
</p>
<div class="btn-box">
<a href="" class="btn-1"> Read more </a>
<a href="" class="btn-2">Get A Quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="detail-box">
<h1>
Your Saftey <br>
<span>
Our Responsibility
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod magna aliqua. Ut enim ad minim veniam
</p>
<div class="btn-box">
<a href="" class="btn-1"> Read more </a>
<a href="" class="btn-2">Get A Quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container idicator_container">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- about section -->
<section class="about_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-6 px-0">
<div class="img_container">
<div class="img-box">
<img src="images/about-img.jpg" alt="" />
</div>
</div>
</div>
<div class="col-md-6 px-0">
<div class="detail-box">
<div class="heading_container ">
<h2>
Who Are We?
</h2>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit
</p>
<div class="btn-box">
<a href="">
Read More
安保公司响应式网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
54 浏览量
2024-04-01
15:37:07
上传
评论
收藏 1.13MB ZIP 举报
安保公司响应式网页模板-适配移动端设备-HTML网页源码.zip （29个子文件） 
安保公司响应式网页模板-适配移动端设备-HTML网页源码 html js 
bootstrap.js 134KB custom.js 146B jquery-3.4.1.min.js 86KB
guard.html 9KB service.html 18KB css style.css 17KB style.css.map 14KB responsive.css 2KB bootstrap.css 188KB font-awesome.min.css 30KB style.scss 13KB index.html 29KB contact.html 8KB about.html 8KB images 
about-img.jpg 61KB
s1.svg 2KB s2.svg 3KB s3.svg 2KB
client.png 107KB t3.jpg 61KB t1.jpg 62KB contact-bg.jpg 119KB hero-bg.jpg 266KB t2.jpg 64KB favicon.png 12KB fonts fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB octin_sports_rg.ttf 63KB fontawesome-webfont.ttf 162KB资源评论
