<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Ganic - Organic Food & Grocery Market Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/animate.min.css">
<link rel="stylesheet" href="static/css/magnific-popup.css">
<link rel="stylesheet" href="static/css/fontawesome-all.min.css">
<link rel="stylesheet" href="static/css/jquery-ui.css">
<link rel="stylesheet" href="static/css/flaticon.css">
<link rel="stylesheet" href="static/css/aos.css">
<link rel="stylesheet" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/default.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/responsive.css">
</head>
<body>
<!-- preloader -->
<div id="preloader">
<div id="loading-center">
<div class="loader">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- preloader-end -->
<!-- Scroll-top -->
<button class="scroll-top scroll-to-target" data-target="html">
<i class="fas fa-angle-up"></i>
</button>
<!-- Scroll-top-end-->
<!-- header-area -->
<header>
<!-- header-message -->
<div class="header-message-wrap">
<div class="container custom-container">
<div class="row">
<div class="col-12">
<div class="top-notify-message">
<p>place your complaints (if any) within 24hrs of receiving your delivery</p>
<span class="message-remove">X</span>
</div>
</div>
</div>
</div>
</div>
<!-- header-message-end -->
<!-- header-top-start -->
<div class="header-top-wrap">
<div class="container custom-container">
<div class="row align-items-center">
<div class="col-md-7">
<div class="header-top-left">
<ul>
<li class="header-top-lang">
<div class="dropdown">
<button class="dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">English</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
<a class="dropdown-item" href="">Spanish</a>
<a class="dropdown-item" href="">Chinese</a>
<a class="dropdown-item" href="">Hindi</a>
</div>
</div>
</li>
<li class="header-top-currency">
<div class="dropdown">
<button class="dropdown-toggle" type="button" id="dropdownMenuButton3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">USD - US Dollar</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton3">
<a class="dropdown-item" href="">INR - IN Rupe</a>
<a class="dropdown-item" href="">BDT - BD Taka</a>
<a class="dropdown-item" href="">SAR - SA Riyal</a>
</div>
</div>
</li>
<li class="header-work-time">
Working time: <span> Mon - Sat : 8:00 - 21:0</span>
</li>
</ul>
</div>
</div>
<div class="col-md-5">
<div class="header-top-right">
<ul>
<li><a href="contact.html">My Account</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="contact.html">FAQ</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header-top-end -->
<!-- header-search-area -->
<div class="header-search-area">
<div class="container custom-container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-3 d-none d-lg-block">
<div class="logo">
<a href=""><img src="static/picture/logo.png" alt="Logo"></a>
</div>
</div>
<div class="col-xl-10 col-lg-9">
<div class="d-block d-sm-flex align-items-center justify-content-end">
<div class="header-search-wrap">
<form action="#">
<select class="custom-select">
<option selected="">All Categories</option>
<option>-- Grocery & Frozen</option>
<option>-- Fresh Fruits</option>
<option>-- Fresh Fish</option>
<option>-- Fresh Nuts</option>
<option>-- Fresh Meats</option>
<option>-- Bread & Bakery</option>
<option>-- Vegetable</option>
<option>-- Kids Food</option>
<option>-- Dried Fruits</option>
<option>-- Others Food</option>
</select>
<input type="text" placeholder="Search Product...">
<button><i class="flaticon-loupe-1"></i></button>
</form>
</div>
<div class="header-action">
<ul>
<li class="header-phone">
<div class="icon"><i class="flaticon-telephone"></i></div>
<a href="tel:1234566789"><span>Call Us Now</span>+185
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
生鲜美食超市HTML5电商模板.zip (156个子文件)
bootstrap.min.css 158KB
style.css 122KB
animate.min.css 67KB
fontawesome-all.min.css 58KB
responsive.css 26KB
aos.css 25KB
jquery-ui.css 16KB
default.css 8KB
magnific-popup.css 7KB
flaticon.css 3KB
slick.css 2KB
index.html 88KB
shop-right-sidebar.html 76KB
shop.html 75KB
index-2.html 72KB
shop-details.html 67KB
blog-details.html 56KB
about-us.html 53KB
blog.html 52KB
checkout.html 51KB
cart.html 49KB
terms-conditios.html 47KB
contact.html 45KB
404.html 43KB
slider__bg01.jpg 373KB
slider__bg04.jpg 325KB
map.jpg 311KB
slider__bg02.jpg 266KB
breadcrumb_bg.jpg 242KB
slider__bg03.jpg 228KB
blog_thumb02.jpg 216KB
blog_thumb03.jpg 211KB
blog_thumb01.jpg 207KB
ingredients_img.jpg 182KB
services_bg.jpg 171KB
slider_bg01.jpg 158KB
slider_area_bg.jpg 156KB
app_download_bg.jpg 149KB
shop_details_img01.jpg 116KB
discount_count_bg.jpg 112KB
shop_discount_bg.jpg 110KB
s_discount_img01.jpg 109KB
coupon_banner_bg.jpg 97KB
s_discount_img02.jpg 92KB
special_products_add.jpg 90KB
blog_post_thumb02.jpg 87KB
slider_banner03.jpg 83KB
blog_post_thumb01.jpg 83KB
shop_details_img03.jpg 78KB
blog_post_thumb03.jpg 76KB
shop_details_img02.jpg 75KB
blog_details_img01.jpg 73KB
blog_details_img02.jpg 68KB
slider_banner02.jpg 54KB
cart_p01.jpg 52KB
sidebar_shop_ad.jpg 52KB
megamenu_banner02.jpg 50KB
discount_img02.jpg 49KB
megamenu_banner.jpg 45KB
slider_banner01.jpg 43KB
discount_img03.jpg 42KB
discount_img01.jpg 40KB
cart_p02.jpg 33KB
desc_img.jpg 31KB
breadcrumb_bg02.jpg 14KB
active_year.jpg 9KB
rc_post_thumb02.jpg 8KB
sd_nav_img02.jpg 8KB
sd_nav_img01.jpg 8KB
sidebar_product03.jpg 8KB
sd_nav_img03.jpg 8KB
sidebar_product02.jpg 8KB
rc_post_thumb03.jpg 7KB
rc_post_thumb01.jpg 7KB
cart_img02.jpg 7KB
os-products-thumb.jpg 6KB
cart_img01.jpg 6KB
jquery-3.6.0.min.js 105KB
bootstrap.min.js 82KB
slick.min.js 42KB
isotope.pkgd.min.js 35KB
jquery-ui.min.js 27KB
jquery.magnific-popup.min.js 20KB
aos.js 14KB
main.js 11KB
wow.min.js 8KB
jquery.countdown.min.js 6KB
imagesloaded.pkgd.min.js 5KB
ajax-form.js 1KB
plugins.js 760B
download_img.png 506KB
discount_count_shape01.png 261KB
discount_count_shape02.png 142KB
add.png 79KB
sp__products07.png 74KB
sp__products01.png 74KB
sp__products03.png 73KB
contact_img.png 72KB
sp__products06.png 72KB
sp__products08.png 70KB
共 156 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 7334
- 资源: 5102
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功