<!DOCTYPE html>
<html lang="en">
<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" />
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Petlor</title>
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- lightbox -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Poppins:400,700|Roboto:400,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 -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="" />
<span>
Petlor
</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" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href="index.html"> Home </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="gallery.html"> Gallery </a>
</li>
<li class="nav-item">
<a class="nav-link pr-lg-0" href="contact.html"> Contact us</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section position-relative">
<div class="slider_bg_box">
<img src="images/slider-bg.jpg" alt="">
</div>
<div class="container">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<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>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-7 col-lg-6">
<div class="detail-box">
<h1>
Welcome to
<br>Our Pet Shop
</h1>
<p>
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less
normal distribution of letters, as
</p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact us
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-7 col-lg-6">
<div class="detail-box">
<h1>
Welcome to
<br>Our Pet Shop
</h1>
<p>
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less
normal distribution of letters, as
</p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact us
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-7 col-lg-6">
<div class="detail-box">
<h1>
Welcome to
<br>Our Pet Shop
</h1>
<p>
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less
normal distribution of letters, as
</p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact us
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-7 col-lg-6">
<div class="detail-box">
<h1>
Welcome to Our <br>
<span>Pet Shop</span>
</h1>
<p>
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less
normal distribution of letters, as
</p>
<div class="btn-box">
<a href="" class="btn-1">
Read More
</a>
<a href="" class="btn-2">
Contact us
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<h1>
Welcome to Our <br>
<span>Pet Shop</span>
</h1>
<p>
It is a lon
宠物训练响应式网页模板-适配移动端设备-HTML网页源码.zip （36个子文件） 
宠物训练响应式网页模板-适配移动端设备-HTML网页源码 html js 
bootstrap.js 134KB custom.js 646B jquery-3.4.1.min.js 86KB css style.css 16KB style.css.map 13KB responsive.css 1KB bootstrap.css 188KB font-awesome.min.css 30KB style.scss 12KB
index.html 23KB contact.html 8KB about.html 10KB images 
g3.jpg 26KB about-img.jpg 98KB g2.jpg 13KB
s2.png 60KB search-icon.png 1KB client-bg.jpg 61KB menu.png 1KB
shield.svg 4KB logo.png 29KB s3.png 56KB slider-bg.jpg 158KB g6.jpg 30KB g5.jpg 27KB client2.jpg 7KB s1.png 55KB g4.jpg 16KB client1.jpg 10KB g1.jpg 35KB client3.jpg 8KB favicon.png 29KB fonts fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB fontawesome-webfont.ttf 162KB gallery.html 9KB资源评论
