<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="shortcut icon" href="https://www.17sucai.com/2021/3/yd0x79854/assets/images/favicon.ico"><title>oganic - Natural Ingradiant Seeds Design HTML Template</title><meta name="description" content="A Template for Natural Ingradiant Design company website."><link href="assets/css/bootstrap.min.css" rel="stylesheet"><link href="assets/css/flickity.min.css" rel="stylesheet"><link href="assets/css/style.css" rel="stylesheet"><link href="assets/css/fontawesome-all.min.css" rel="stylesheet"><link href="assets/css/magnific-popup.css" rel="stylesheet"><link rel="stylesheet" href="assets/css/css2.css"></head><body><div class="bg-bay-leaf py-2"><div class="continer"><a class="text-center" href="#"><p class="font-size-14 text-white mb-0">Black Friday | Hundreds of brands,up to 50% off!<span><i class="fas fa-long-arrow-alt-right"></i></span></p></a></div></div><div class="site-header"><nav class="navbar navbar-expand-lg navbar-light pe-lg-7 ps-lg-6 px-4"><div class="container-fluid px-0"><a class="navbar-brand text-center d-md-block d-lg-none" href=""><svg xmlns="http://www.w3.org/2000/svg" width="119" height="43" viewbox="0 0 119 43"><text id="Oganic1" transform="translate(0 35)" fill="#2a5631" font-size="32" font-family="PlayfairDisplay-Bold, Playfair Display" font-weight="700" letter-spacing="-0.05em"><tspan x="0" y="0">OGANIC</tspan></text></svg></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNavDropdown"><div class="col-lg-2"><a class="navbar-brand mx-auto d-none d-lg-block" href=""><svg xmlns="http://www.w3.org/2000/svg" width="119" height="43" viewbox="0 0 119 43"><text id="Oganic" transform="translate(0 35)" fill="#2a5631" font-size="32" font-family="PlayfairDisplay-Bold, Playfair Display" font-weight="700" letter-spacing="-0.05em"><tspan x="0" y="0">OGANIC</tspan></text></svg></a></div><div class="col-lg-8"><ul class="navbar-nav justify-content-lg-center"><li class="nav-item ml-0"><a class="nav-link pl-0" href="">Home</a></li><li class="nav-item dropdown"><a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a><div class="dropdown-menu"><a class="dropdown-item" href="page-about-us.html">About Us</a><a class="dropdown-item" href="page-services.html">Services</a><a class="dropdown-item" href="page-contact.html">Contact Us</a><a class="dropdown-item" href="page-partners.html">Partners</a><a class="dropdown-item" href="page-404.html">404</a><a class="dropdown-item" href="page-pricing-table.html">Pricing Table </a><a class="dropdown-item" href="page-faq.html">Faq's</a><a class="dropdown-item" href="page-team.html">Team</a><a class="dropdown-item" href="page-testimonials.html">Testimonials</a></div></li><li class="nav-item dropdown mega_menu_holder"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Portfolio</a><div class="dropdown-menu"><a class="dropdown-item" href="page-portfolio.html">Portfolio</a><a class="dropdown-item" href="page-portfolio-three-col.html">Portfolio Three Col</a><a class="dropdown-item" href="single-project.html">Single Project</a></div></li><li class="nav-item dropdown mega_menu_holder"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a><div class="dropdown-menu"><a class="dropdown-item" href="blog.html">Blog</a><a class="dropdown-item" href="blog-single-post.html">Single Post</a><a class="dropdown-item" href="blog-right-sidebar.html">Right Sidebar</a><a class="dropdown-item" href="blog-left-sidebar.html">Left Sidebar</a><a class="dropdown-item" href="blog-three-col.html">Three Col</a><a class="dropdown-item" href="blog-two-col-right-sidebar.html">Two Col Right Sidebar</a><a class="dropdown-item" href="blog-two-col-left-sidebar.html">Two Col Left Sidebar</a><a class="dropdown-item" href="blog-card-right-sidebar.html">Card Right Sidebar</a><a class="dropdown-item" href="blog-card-left-sidebar.html">Card Left Sidebar</a><a class="dropdown-item" href="blog-card-three-col.html">Card Three Col</a><a class="dropdown-item" href="blog-card-two-col-right-sidebar.html">Card two Col Right Sidebar</a><a class="dropdown-item" href="blog-card-two-col-left-sidebar.html">Card two Col Left Sidebar</a><a class="dropdown-item" href="blog-single-post-gallery.html">Single Gallary Post </a><a class="dropdown-item" href="blog-single-post-video.html">Single Video Post</a><a class="dropdown-item" href="blog-single-post-audio.html">Single Audio Post</a></div></li><li class="nav-item dropdown mega_menu_holder"><a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shop</a><div class="dropdown-menu"><a class="dropdown-item" href="shop.html">Shop</a><a class="dropdown-item" href="single-product.html">Single Product</a></div></li><li class="nav-item"><a class="nav-link" href="element-accordions.html">Element</a></li></ul></div><div class="col-lg-2 d-none d-lg-block"><ul class="list-unstyled nav-modules text-end"><li class="list-inline-item"><span class="i h6 fas fa-user-circle navbar-icon-size me-px-18" data-bs-toggle="modal" data-bs-target="#user-login"></span></li><li class="list-inline-item"><span class="i h6 fas fa-search navbar-icon-size me-px-18 openBtn" onclick="openSearch()"></span></li><li class="list-inline-item"><span class="i h6 fas fa-bars navbar-icon-size" data-bs-toggle="modal" data-bs-target="#checkout-modal"></span></li></ul></div></div></div></nav></div><article class="entry"><div class="entry-content"><div class="bg-texture-image pt-px-lg-120 pb-px-lg-120 pt-px-md-80 pb-px-md-70 pt-px-30 pb-px-60 overflow-hidden"><img class="ms-px-n-lg-45 d-lg-block d-none position-absolute top-px-lg-23 start-px-lg-0" src="assets/picture/f100.png" alt="hero flower image"><div class="container"><div class="row gx-lg-5"><div class="col-lg-5 order-lg-1 mb-lg-0 mb-px-md-40 mb-px-30"><div class="position-relative"><div class="carousel slide z-index-back me-px-lg-0 me-px-md-60" id="carouselExampleControls" data-bs-ride="carousel"><div class="carousel-inner"><div class="carousel-item pb-px-lg-50 active"><div class="position-relative"><img class="d-block w-100 height-px-520 object-fit-cover w-100" src="assets/picture/s3.jpg" alt="slider one image"><div class="position-absolute top-50 end-0"><div class="me-px-50 mt-px-lg-145 mt-px-md-151"><div class="bg-white mb-px-n-50 border-radius-home ps-px-30 pe-px-30 pt-px-28 pb-px-32"><h5>Grilled squids </h5><div class="pt-px-4"><h6 class="price">$9.99</h6></div><div class="mt-px-14"><a class="h6 btn-link border-2 border-bottom shop-button-style" href="single-product.html">Add to cart</a></div></div></div></div></div></div><div class="carousel-item pb-px-lg-50"><div class="position-relative"><img class="d-block w-100 height-px-520 object-fit-cover w-100" src="assets/picture/s5.jpg" alt="slider two image"><div class="position-absolute top-50 end-0"><div class="me-px-50 mt-px-lg-145 mt-px-md-151"><div class="bg-white border-radius-home ps-px-30 pe-px-30 pt-px-28 pb-px-32"><h5>Corn Mixed Salad </h5><div class="pt-px-4"><h6 class="price">$10.99</h6></div><div class="mt-px-14"><a class="h6 btn-link border-2 border-bottom shop-button-style" href="single-product.html">Add to cart</a></div></div></div></div></div></div><div class="carousel-item pb-px-lg-50"><div class="position-relative"><img class="d-block w-100 height-px-520 object-fit-cover w-100" src="assets/picture/s6.jpg" alt="slider three image"><div class="position-absolute top-50 end-0"><div class="me-px-50 mt-px-lg-145 mt-px-md-151"><div class="bg-white border-radi
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商 美食网页设计模板,有机食物商城网站下载Oganic.zip (238个子文件)
bootstrap.min.css 992KB
theme-modules.css 214KB
bootstrap.min1.css 127KB
style.min.css 87KB
fontawesome-all.min.css 58KB
style.css 37KB
font-awesome.min.css 30KB
aos.css 29KB
css.css 10KB
frontend.css 8KB
magnific-popup1.css 7KB
css2.css 6KB
magnific-popup.css 5KB
css1.css 4KB
owl.carousel.min.css 3KB
flickity.min.css 2KB
fa-solid-900.eot 200KB
fontawesome-webfont.eot 162KB
fa-brands-400.eot 134KB
fa-regular-400.eot 34KB
index.html 37KB
blog-two-col-left-sidebar.html 23KB
blog-two-col-right-sidebar.html 23KB
blog-card-two-col-left-sidebar.html 23KB
blog-card-two-col-right-sidebar.html 23KB
blog.html 21KB
page-team.html 21KB
page-about-us.html 21KB
blog-three-col.html 20KB
page-services.html 20KB
blog-card-three-col.html 20KB
page-faq.html 20KB
blog-single-post-gallery.html 20KB
page-testimonials.html 20KB
blog-card-left-sidebar.html 19KB
blog-card-right-sidebar.html 19KB
shop.html 19KB
blog-left-sidebar.html 19KB
single-product.html 19KB
blog-single-post-video.html 19KB
blog-single-post-audio.html 19KB
blog-right-sidebar.html 19KB
blog-single-post.html 19KB
page-portfolio-three-col.html 18KB
element-accordions.html 18KB
page-portfolio.html 17KB
page-pricing-table.html 17KB
page-contact.html 17KB
single-project.html 17KB
page-partners.html 16KB
page-404.html 13KB
page-abuot-us.html 12KB
pf5.jpg 519KB
fa1.jpg 463KB
c6.jpg 377KB
tst1.jpg 373KB
t7.jpg 345KB
sr1.jpg 315KB
t8.jpg 255KB
t6.jpg 247KB
a7.jpg 213KB
h4.jpg 206KB
sr2.jpg 189KB
b1.jpg 188KB
sr4.jpg 188KB
sp2.jpg 181KB
h3.jpg 176KB
t2.jpg 175KB
sp1.jpg 174KB
s1.jpg 168KB
h7.jpg 163KB
sp3.jpg 162KB
pf4.jpg 160KB
a8.jpg 158KB
sr3.jpg 156KB
s5.jpg 155KB
c3.jpg 153KB
spr1.jpg 150KB
spr5.jpg 149KB
pf9.jpg 149KB
a6.jpg 145KB
a5.jpg 145KB
a2.jpg 143KB
spr2.jpg 142KB
s2.jpg 141KB
a3.jpg 139KB
pf8.jpg 138KB
s9.jpg 138KB
b4.jpg 138KB
spr4.jpg 136KB
s4.jpg 136KB
pf3.jpg 134KB
b2.jpg 134KB
s6.jpg 132KB
a10.jpg 130KB
spr3.jpg 129KB
s3.jpg 129KB
t5.jpg 128KB
c4.jpg 125KB
pf7.jpg 122KB
共 238 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 7268
- 资源: 5099
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 项目设计基于Dijkstra和时间窗规划的AGV调度算法matlab源码.zip
- React-Framework.md
- 高分项目基于STM32单片机的温度控制系统源代码+项目资料齐全+教程文档.zip
- 高分项目基于Mediapipe人体关键点+LSTM模型实现跌倒检测源码.zip
- 部署yolov10的ncnn模型到android源码+模型+项目说明.zip
- 毕业设计基于Mediapipe框架+KNN算法实现人体3D骨架检测和人体跌倒识别系统源码+项目使用说明.zip
- 源码设计Python+opencv实时的人眼识别+眨眼检测+闭眼检测源代码+详细教程.zip
- 10个数据结构课程设计实例二叉树建立遍历冒泡排序快速排序等.zip
- 课程设计opencv4.5.4人脸识别类FaceRecognizerSF所需onnx文件.zip
- MediaPipe手势识别小案例用MediaPipe+opencv+PySide2+PyGame进行搭建源码+项目说明.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功