<!doctype html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/rangeSlider.min.css">
<link rel="stylesheet" href="assets/css/odometer.min.css">
<link rel="stylesheet" href="assets/css/boxicons.min.css">
<link rel="stylesheet" href="assets/css/slick.min.css">
<link rel="stylesheet" href="assets/css/countrySelect.min.css">
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<title>Patoi - Pet Store & eCommerce HTML Template</title>
</head>
<body>
<div class="top-header-area white-color">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4 col-sm-12">
<p>FREE 5 days shipping over $99</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-6">
<div class="search-box">
<form>
<input type="text" class="input-search" placeholder="Enter your keywords...">
<button type="submit"><i class='bx bx-search'></i></button>
</form>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6">
<ul>
<li><a href="#" target="_blank"><i class='bx bxl-facebook'></i></a></li>
<li><a href="#" target="_blank"><i class='bx bxl-twitter'></i></a></li>
<li><a href="#" target="_blank"><i class='bx bxl-instagram'></i></a></li>
<li><a href="#" target="_blank"><i class='bx bxl-youtube'></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar-area white-color">
<div class="patoi-responsive-nav">
<div class="container">
<div class="patoi-responsive-menu">
<div class="logo">
<a href=""><img src="assets/picture/white-logo.png" alt="logo"></a>
</div>
</div>
</div>
</div>
<div class="patoi-nav">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href=""><img src="assets/picture/white-logo.png" alt="logo"></a>
<div class="collapse navbar-collapse mean-menu">
<ul class="navbar-nav">
<li class="nav-item"><a href="#" class="dropdown-toggle nav-link active">Home</a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="index.html" class="nav-link">Home Demo - One</a></li>
<li class="nav-item"><a href="" class="nav-link active">Home Demo - Two</a></li>
<li class="nav-item"><a href="index-3.html" class="nav-link">Home Demo - Three</a></li>
</ul>
</li>
<li class="nav-item"><a href="#" class="dropdown-toggle nav-link">Pages</a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="about.html" class="nav-link">About Us</a></li>
<li class="nav-item"><a href="order-tracking.html" class="nav-link">Order Tracking</a></li>
<li class="nav-item"><a href="profile-authentication.html" class="nav-link">My Account</a></li>
<li class="nav-item"><a href="faq.html" class="nav-link">FAQ</a></li>
<li class="nav-item"><a href="privacy-policy.html" class="nav-link">Privacy Policy</a></li>
<li class="nav-item"><a href="terms-conditions.html" class="nav-link">Terms & Conditions</a></li>
<li class="nav-item"><a href="not-found.html" class="nav-link">404 Error Page</a></li>
</ul>
</li>
<li class="nav-item"><a href="#" class="dropdown-toggle nav-link">Shop</a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="shop-grid.html" class="nav-link">Shop Grid</a></li>
<li class="nav-item"><a href="shop-left-sidebar.html" class="nav-link">Shop Left Sidebar</a></li>
<li class="nav-item"><a href="shop-right-sidebar.html" class="nav-link">Shop Right Sidebar</a></li>
<li class="nav-item"><a href="products-details.html" class="nav-link">Products Details</a></li>
<li class="nav-item"><a href="cart.html" class="nav-link">Cart</a></li>
<li class="nav-item"><a href="checkout.html" class="nav-link">Checkout</a></li>
<li class="nav-item"><a href="wishlist.html" class="nav-link">Wishlist</a></li>
</ul>
</li>
<li class="nav-item"><a href="#" class="dropdown-toggle nav-link">Blog</a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="blog-grid.html" class="nav-link">Blog Grid</a></li>
<li class="nav-item"><a href="blog-left-sidebar.html" class="nav-link">Blog Left Sidebar</a></li>
<li class="nav-item"><a href="blog-right-sidebar.html" class="nav-link">Blog Right Sidebar</a></li>
<li class="nav-item"><a href="blog-details.html" class="nav-link">Blog Details</a></li>
</ul>
</li>
<li class="nav-item"><a href="javascript:;" class="nav-link">Contact</a></li>
</ul>
<div class="others-option">
<div class="d-flex align-items-center">
<ul>
<li><a href="profile-authentication.html"><i class='bx bx-user-circle'></i></a></li>
<li><a href="cart.html"><i class='bx bx-cart'></i></a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</div>
<div class="others-option-for-responsive">
<div class="container">
<div class="dot-menu">
<div class="inner">
<div class="circle circle-one"></div>
<div class="circle circle-two"></div>
<div class="circle circle-three"></div>
</div>
</div>
<div class="container">
<div class="option-inner">
<div class="others-option">
<ul>
<li><a href="profile-authentication.html"><i class='bx bx-user-circle'></i></a></li>
<li><a href="cart.html"><i class='bx bx-cart'></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="banner-area pt-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 col-md-12">
<div class="banner-slides owl-carousel owl-theme">
<div class="banner-content">
<img src="assets/picture/banner6.jpg" alt="banner-image">
<div class="content">
<h1><span>The best</span> food for your dog</h1>
<p>Delicious food made with love</p>
<a href="shop-grid.html" class="default-btn"><span>Shop Now</span></a>
</div>
</div>
<div class="banner-content">
<img src="assets/picture/banner7.jpg" alt="banner-image">
<div class="content">
<h1><span>Get</span> best deals Pet Food</h1>
<p>Delicious food made with love</p>
<a href="shop-grid.html" class="default-btn"><span>Shop Now</span></a>
</div>
</div>
<div class="banner-content">
<img src="assets/picture/banner8.jpg" alt="banner-image">
<div class="content">
<h1><span>Pet</span> food and Accessories</h1>
<p>Delicious food made with love</p>
<a href="shop-grid.html" class="default-btn"><span>Shop Now</span></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="banner-image">
<a href="shop-grid.html"><img src="assets/picture/banner4.jpg" alt="banner-image"></a>
<a href="shop-grid.html"><img src="assets/picture/banner5.jpg" alt="banner-image"></a>
</div>
</div>
</div>
</div>
</div>
<div class="categories-area pt-100 pb-75">
<div class="container">
<div class="section-title">
<h2>Shop by Categories</h2>
</div>
<div class="categories-slides owl-carousel owl-theme">
<div class="single-categories-box">
<a href="shop-grid.html" class="d-block">
<img src="assets/picture/categories1.jpg" alt="categories-image">
<h3>Dog food</h3>
</a>
</div>
<div class="single-categories-box">
<a href="shop-grid.html" class="d-block">
<img src="assets/picture/categories2.jpg" alt="categories-image">
<h3>Cat food</h3>
</a>
</div>
<div class="single-categories-box">
<a href="shop-grid.html" class="d-block">
<img src="assets/picture/categories3.jpg" alt="categories-image">
<h3>Pet accessories</h3>
</a>
</div>
<div class="single-categories-box">
<a href="shop-grid.html" class="d-block">
<img src="assets/picture/categories4.jpg" alt="categories-image">
<h3>Dry food</h3>
</a>
</div>
<div class="single-categories-box">
<a href="shop-grid.html" class="d-block">
<img src="assets/picture/categories5.jpg" alt="categories-image">
<h3>Pet toys</h3>
</a>
</div>
<div class="single-categories-box">
<a href="shop-grid.html" class="d-block">
<img src="assets/picture/categories6.jpg" alt="categories-image">
<h3>Cat toys</h3>
</a>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap-宠物网站模板源码下载,精美的宠物店网页设计模板Patoi.zip (179个子文件)
bootstrap.min.css 159KB
style.css 104KB
animate.min.css 70KB
boxicons.min.css 62KB
responsive.css 27KB
header.css 26KB
countrySelect.min.css 20KB
rangeSlider.min.css 11KB
css22.css 8KB
magnific-popup.min.css 5KB
footer.css 5KB
owl.carousel.min.css 3KB
odometer.min.css 3KB
meanmenu.min.css 3KB
slick.min.css 2KB
owl.theme.default.min.css 1014B
css21.css 368B
css2.css 366B
boxicons.eot 286KB
index-2.html 40KB
index.html 37KB
index-3.html 36KB
shop-grid.html 27KB
blog-details.html 26KB
shop-right-sidebar.html 26KB
shop-left-sidebar.html 26KB
faq.html 23KB
products-details.html 23KB
blog-right-sidebar.html 22KB
checkout.html 21KB
blog-left-sidebar.html 21KB
about.html 20KB
privacy-policy.html 19KB
terms-conditions.html 18KB
blog-grid.html 18KB
cart.html 18KB
wishlist.html 17KB
profile-authentication.html 16KB
order-tracking.html 15KB
not-found.html 15KB
offer11.jpg 163KB
offer8.jpg 137KB
banner8.jpg 129KB
blog5.jpg 129KB
team2.jpg 127KB
team3.jpg 127KB
blog7.jpg 120KB
page-title.jpg 120KB
products-ads2.jpg 115KB
video.jpg 113KB
offer1.jpg 111KB
products12.jpg 110KB
offer2.jpg 109KB
team1.jpg 109KB
banner9.jpg 108KB
offer10.jpg 108KB
products4.jpg 107KB
banner4.jpg 106KB
offer6.jpg 106KB
blog1.jpg 106KB
products1.jpg 106KB
products13.jpg 104KB
products17.jpg 102KB
products2.jpg 102KB
products16.jpg 100KB
products10.jpg 100KB
blog4.jpg 100KB
offer4.jpg 99KB
products7.jpg 97KB
products5.jpg 96KB
products11.jpg 96KB
products9.jpg 95KB
blog8.jpg 95KB
banner10.jpg 94KB
products-ads1.jpg 93KB
banner5.jpg 91KB
user1.jpg 91KB
products15.jpg 90KB
offer5.jpg 90KB
offer3.jpg 90KB
user2.jpg 89KB
banner7.jpg 89KB
blog6.jpg 88KB
offer13.jpg 87KB
products3.jpg 86KB
about1.jpg 84KB
products14.jpg 83KB
products8.jpg 81KB
banner6.jpg 78KB
about2.jpg 77KB
offer9.jpg 75KB
blog2.jpg 74KB
banner11.jpg 71KB
user4.jpg 58KB
user3.jpg 51KB
categories3.jpg 51KB
blog3.jpg 48KB
products6.jpg 45KB
offer12.jpg 44KB
banner-bg.jpg 42KB
共 179 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 6242
- 资源: 4606
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功