<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cropbazar - Multipurpose eCommerce Theme</title>
<!-- favicon -->
<link
rel="icon"
href="assets/img/favicon.png"
sizes="16x16"
type="image/png"
/>
<!-- Stylesheet Link -->
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<!-- Preloader -->
<div class="preloader">
<div class="preloader__content">
<div class="loader">
<span>C</span>
<span>R</span>
<span>O</span>
<span class="t-mr-30">P</span>
<span>B</span>
<span>A</span>
<span>Z</span>
<span>A</span>
<span>R</span>
</div>
</div>
</div>
<!-- Preloader End -->
<!-- Overlay -->
<div class="offcanvas-overlay"></div>
<!-- Overlay End -->
<!-- Navbar Top -->
<div class="nav-top t-bg-secondary t-pt-5 t-pb-5">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-6 col-md-4">
<div class="d-flex">
<span class="t-mr-8 xs-text t-text-light">
<span class="las la-phone"></span>
</span>
<span class="t-text-light d-inline-block xs-text">
+880 12546 9876
</span>
</div>
</div>
<div class="col-6 col-md-8 text-right">
<ul class="t-list d-flex justify-content-end">
<li class="t-mr-30 d-none d-md-block">
<a href="#" class="t-link">
<span class="d-flex justify-content-end">
<span
class="t-mr-8 xs-text t-text-light"
>
<span
class="las la-map-marker"
></span>
</span>
<span
class="t-text-light d-inline-block xs-text text-capitalize"
>
states location
</span>
</span>
</a>
</li>
<li class="t-mr-30 d-none d-md-block">
<a href="#" class="t-link">
<span class="d-flex justify-content-end">
<span
class="t-mr-8 xs-text t-text-light"
>
<span
class="las la-clipboard"
></span>
</span>
<span
class="t-text-light d-inline-block xs-text text-capitalize"
>
track order
</span>
</span>
</a>
</li>
<li>
<a href="#" class="t-link">
<span class="d-flex justify-content-end">
<span
class="t-mr-8 xs-text t-text-light"
>
<span class="las la-user"></span>
</span>
<span
class="t-text-light d-inline-block xs-text text-capitalize"
>
login
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Navbar Top End -->
<!-- Header -->
<div class="header t-pt-40 t-pb-40">
<div class="container">
<div class="row align-items-md-center">
<div
class="col-md-4 text-center text-md-left t-mb-30 mb-md-0"
>
<a href="index.html" class="t-link">
<img
src="assets/img/logo.png"
alt="crop"
class="img-fluid"
/>
</a>
</div>
<div class="col-md-8">
<form action="#" class="search">
<input
type="text"
class="search__input"
placeholder="search product"
/>
<select class="search__filter">
<option data-display="All Categories">
All Categories
</option>
<option value="1">
Top Product
</option>
<option value="2">
New Arrival
</option>
<option value="3">
Mobile Phone
</option>
<option value="4">
Laptop
</option>
<option value="5">
Camera
</option>
</select>
<button class="search__button search__button--1">search now</button>
</form>
</div>
</div>
</div>
</div>
<!-- Header End -->
<!-- Menu -->
<div class="t-bg-primary t-pt-5 t-pb-5 pt-xl-0 pb-xl-0 t-box-shadow">
<div class="container">
<div class="row">
<div class="col">
<div class="menu">
<div class="menu__toggle text-right">
<span class="menu__toggle-bar t-text-light">
<span class="las la-bars"></span>
</span>
<span class="menu__toggle-cross t-text-light">
<span class="las la-tim
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
多用途的综合购物电子商务HTML模板.zip (142个子文件)
style.css 472KB
index.html 1.06MB
single-shop.html 263KB
blog-details.html 250KB
cart.html 239KB
about.html 239KB
blog.html 229KB
wishlist.html 226KB
checkout.html 220KB
all-shop.html 218KB
product.html 218KB
privacy-policy.html 212KB
contact.html 210KB
404.html 204KB
blog-post-2.jpg 445KB
blog-post-1.jpg 304KB
hero-slider-3.jpg 147KB
hero-slider-2.jpg 102KB
feature-img.jpg 83KB
fashion-6.jpg 20KB
bag-2.jpg 19KB
watch-5.jpg 19KB
bag-4.jpg 19KB
head-4.jpg 17KB
game-3.jpg 16KB
fashion-5.jpg 16KB
head-2.jpg 15KB
watch-3.jpg 15KB
fashion-4.jpg 14KB
watch-6.jpg 14KB
bag-1.jpg 13KB
head-3.jpg 13KB
game-1.jpg 13KB
fashion-3.jpg 13KB
watch-1.jpg 13KB
cam-5.jpg 13KB
cam-3.jpg 13KB
cam-2.jpg 12KB
cam-4.jpg 12KB
game-2.jpg 12KB
watch-4.jpg 11KB
fashion-1.jpg 11KB
bag-6.jpg 11KB
fashion-2.jpg 11KB
head-6.jpg 11KB
watch-2.jpg 10KB
game-4.jpg 10KB
head-5.jpg 10KB
bag-5.jpg 9KB
cam-7.jpg 9KB
user-3.jpg 9KB
bag-3.jpg 8KB
user-2.jpg 7KB
cam-6.jpg 7KB
user.jpg 5KB
jquery.js 86KB
bootstrap.bundle.min.js 77KB
owl.carousel.min.js 43KB
slick.min.js 42KB
main.js 13KB
jquery.waypoints.min.js 9KB
jquery.countdown.min.js 5KB
jquery.nice-select.min.js 3KB
jquery.counterup.min.js 1KB
hero-slider-1.png 1.55MB
vishion-img.png 513KB
special-offer-bg.png 313KB
banner-about.png 237KB
history-img.png 223KB
banner-tv.png 187KB
category-bg.png 187KB
blog-post.png 184KB
banner-ad.png 166KB
single-product.png 153KB
team-3.png 102KB
crockery.png 96KB
newsletter-bg.png 92KB
team-4.png 88KB
team-1.png 82KB
bagpack.png 79KB
team-2.png 72KB
404.png 68KB
rp-1.png 58KB
banner-slider-bg.png 56KB
rp-4.png 51KB
garden-2.png 48KB
rp-2.png 45KB
rp-3.png 44KB
newsletter-bg-w.png 43KB
rp-5.png 42KB
phone-3.png 40KB
garden-6.png 38KB
phone-1.png 38KB
phone-7.png 37KB
phone-4.png 35KB
phone-6.png 30KB
clock-1.png 29KB
phone-2.png 27KB
garden-3.png 25KB
headphone.png 25KB
共 142 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 8978
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功