<!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="" />
<title>Drool</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|Poppins: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-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="">
</a>
<div class="" id="">
<div class="User_option">
<form class="form-inline my-2 mb-3 mb-lg-0">
<input type="search" placeholder="Search">
<button class="btn my-sm-0 nav_search-btn" type="submit"></button>
</form>
</div>
<div class="custom_menu-btn">
<button onclick="openNav()">
<span class="s-1">
</span>
<span class="s-2">
</span>
<span class="s-3">
</span>
</button>
</div>
<div id="myNav" class="overlay">
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact Us</a>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section">
<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>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 offset-md-1">
<div class="detail-box">
<div class="number">
<h5>
01
</h5>
</div>
<h1>
Drool <br>
<span>
Pet And Animal
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</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 class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 offset-md-1">
<div class="detail-box">
<div class="number">
<h5>
02
</h5>
</div>
<h1>
Drool <br>
<span>
Pet And Animal
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</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 class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 offset-md-1">
<div class="detail-box">
<div class="number">
<h5>
03
</h5>
</div>
<h1>
Drool <br>
<span>
Pet And Animal
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</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 class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container-fluid">
<div class="row">
<div class="col-md-5 offset-md-1">
<div class="detail-box">
<div class="number">
<h5>
04
</h5>
</div>
<h1>
Drool <br>
<span>
Pet And Animal
</span>
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</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 class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
宠物食品狗粮响应式网页模板-适配移动端设备-HTML网页源码.zip （45个子文件） 
宠物食品狗粮响应式网页模板-适配移动端设备-HTML网页源码 html js 
bootstrap.js 129KB jquery-3.4.1.min.js 86KB css style.css 21KB style.css.map 16KB responsive.css 3KB bootstrap.css 188KB style.scss 16KB
index.html 22KB contact.html 7KB about.html 9KB images 
f2.png 78KB slider-img.png 57KB search-icon.png 442B f3.png 67KB
client-bg.jpg 51KB omega.png 10KB prev.png 186B pet-bg.png 6KB instagram.png 1003B link-arrow.png 278B mail.png 253B dog.jpg 30KB logo.png 5KB pet2.png 14KB hero-bg2.png 9KB client.png 41KB prev-angle.png 220B heading-img.png 702B quote.png 585B pet-img.png 41KB next.png 185B fb.png 707B hero-bg.jpg 48KB twitter.png 801B bird.jpg 21KB dog.png 10KB f1.png 75KB fish.jpg 43KB animal-bg.jpg 37KB call.png 260B pet1.png 12KB linkedin.png 787B next-angle.png 213B shield.png 10KB cat.jpg 41KB资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 35 财务汇报部门历年薪酬统计图表.xlsx
- 39 财务工资发放表.xlsx
- 37 财务工资支出上半年年中总结报告.xlsx
- 38 财务分析工资年度开支表.xlsx
- 41 财务公司部门工资开支分析表.xlsx
- 40 财务分析部门工资支出图表.xlsx
- 42 部门员工工资统计表.xlsx
- 45 年度薪酬费用统计表.xlsx
- 44 人事薪酬管理台账.xlsx
- 48 工资对比分析报表模板.xls
- 47 可视化工资表自动统计1.xlsx
- 46 企业员工工资支出预算表.xlsx
- 43 工资收入对比分析表.xlsx
- 50 薪资分析图表.xlsx
- 49 薪酬数据统计分析报表excel模板.xlsx
- 年度公司薪酬调查分析方案(完整版).docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
