PHP注册、登陆、6套主页-带Thinkphp目录解析-【强撸项目】

强撸项目系列总目录在000集

PHP要怎么学–【思维导图知识范围】

文章目录

    • 本系列校训
    • 本项目使用技术
  • 上效果图
    • 主页
    • 注册,登陆
  • phpStudy 设置
  • 导数据库
  • 项目目录如图:
  • 代码部分:
    • 控制器
    • 前台的首页
  • 其它配套页面展示
    • 直接给第二套方案的页面吧
    • 第三套方案的页面。
    • 让人发疯的好长好长的配套4的页面。
    • 无电商不主页的配套5页面
    • 迷你版电商的配套6
  • 配套资源
  • 作业:

本系列校训

用免费公开视频,卷飞培训班哈人!打死不报班,赚钱靠狠干!
只要自己有电脑,前后项目都能搞!N年苦学无人问,一朝成名天下知!

本项目使用技术

PHP无类PHP类写法ThinkPHP框架其它框架
*5.0

环境

PHP版本mysql版本运行工具编辑工具
5.5.38+Apache5.5(phpstudy自带)phpstudy2018VSCode

上效果图

不管是啥系统,除了windows 上的小游戏之外,哪个不得注册,登陆,一个主页?
其实,我是来炫主页效果的。

主页

开局一条狗,道士满地走,呃频道接错了。
开局一个小圈圈,然后接漂亮的一个主页,其实本来是想着放一个动画的,但是CSDN上面好象是只能GIF?不能mp4,正常的格式。那GIF的256色才炫起来么?我就放图片吧。过度动画自行脑补… 在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注册,登陆

这个就显得,
就那么回事了。反正验证码也都有,点击也能换。只能说不算丑吧?
在这里插入图片描述
在这里插入图片描述

phpStudy 设置

网站目录,不能有中文或空格,就乖乖的用C语言能识别的变量名
在这里插入图片描述

导数据库

打开mysql-front 或navicat
注意:数据库名:prizedraw 超级用户:root 密码:123456
运行本例附件即可。最后导入数据库成功的截图如下:

在这里插入图片描述

项目目录如图:

不熟悉thinkphp的人,可以好好研读一下这个项目,注意目录层次。
在这里插入图片描述

放一个标准的thinkphp5.0的目录
在这里插入图片描述
thinkphp目录如下:

www  WEB部署目录(或者子目录)
├─application           应用目录
│  ├─common             公共模块目录(可以更改)
│  ├─module_name        模块目录
│  │  ├─config.php      模块配置文件
│  │  ├─common.php      模块函数文件
│  │  ├─controller      控制器目录
│  │  ├─model           模型目录
│  │  ├─view            视图目录
│  │  └─ ...            更多类库目录
│  │
│  ├─command.php        命令行工具配置文件
│  ├─common.php         公共函数文件
│  ├─config.php         公共配置文件
│  ├─route.php          路由配置文件
│  ├─tags.php           应用行为扩展定义文件
│  └─database.php       数据库配置文件
│
├─public                WEB目录(对外访问目录)
│  ├─index.php          入口文件
│  ├─router.php         快速测试文件
│  └─.htaccess          用于apache的重写
│
├─thinkphp              框架系统目录
│  ├─lang               语言文件目录
│  ├─library            框架类库目录
│  │  ├─think           Think类库包目录
│  │  └─traits          系统Trait目录
│  │
│  ├─tpl                系统模板目录
│  ├─base.php           基础定义文件
│  ├─console.php        控制台入口文件
│  ├─convention.php     框架惯例配置文件
│  ├─helper.php         助手函数文件
│  ├─phpunit.xml        phpunit配置文件
│  └─start.php          框架入口文件
│
├─extend                扩展类库目录
├─runtime               应用的运行时目录(可写,可定制)
├─vendor                第三方类库目录(Composer依赖库)
├─build.php             自动生成定义文件(参考)
├─composer.json         composer 定义文件
├─LICENSE.txt           授权说明文件
├─README.md             README 文件
├─think                 命令行入口文件

工作流程:
在这里插入图片描述
因为这个项目是使用的thinkphp5的,网上对thinkphp5路由的解析呢,也很少很少。弄太多吧,又不是一篇博客能写得完。就只说一下这个默认路由吧。
在这里插入图片描述

代码部分:

控制器

<?php
namespace app\index\controller;
use think\Controller;
use think\Request;
use app\admin\model\PrizeInfo;
use app\admin\model\MemberShare;class Index extends Controller
{public $todayTotal = 3;  public function _initialize(){$isMobile = isMobile();  $this->assign('isMobile',$isMobile);      }//抽奖页面 / 分享页面public function index(){$datas = db('prize')->order('sort')->limit(8)->select();array_splice($datas,4,0,'');$this->assign('datas',$datas);$user_id = session('user_id');if($user_id){$starTime = strtotime(date('Y-m-d'),time());$endTime  = $starTime + 24*60*60;$count = db('prize_info')->where('user_id',$user_id)->where('addtime','between',[$starTime,$endTime])->count();$share = db('member_share')->where('user_id',$user_id)->where('addtime','between',[$starTime,$endTime])->count();$expiryTimes = $this->todayTotal + $share - $count;}else{$expiryTimes = $this->todayTotal;}$this->assign('expiryTimes',$expiryTimes);return view();}//登录页面public function login(){if(session('user_id') || session('username')){$this->redirect('Index/user');}else{return view();}}//登录验证public function chkLogin(){if(request()->isAjax()){if(session('qavalue') != input('iQapTcha')){$res['status'] = false;$res['msg'] = '请滑动滑块!';}else{								 $member = model('Member');$num = $member->login(input('post.')); 				if($num==1){$res['status'] = true;$res['msg'] = url('Index/index');}elseif($num==2){$res['status'] = false;$res['msg'] = '密码错误!';}elseif($num==3){$res['status'] = false;$res['msg'] = '用户不存在!';}}}else{$res['status'] = false;$res['msg'] = '请求错误~';}return json($res);}// 滑块初始化public function setQapTcha(){      session('qavalue',input('pass'));        }// 校验滑块public function checkSlider(){$aResponse['error'] = false;session('iQaptcha',false);if(isset($_POST['action'])){if(htmlentities($_POST['action'], ENT_QUOTES, 'UTF-8') == 'qaptcha'){session('iQaptcha',true);if(session('iQaptcha')){$aResponse['val'] = session('qavalue');return json($aResponse);}else{$aResponse['error'] = true;return json($aResponse);}}else{$aResponse['error'] = true;return json($aResponse);}}else{$aResponse['error'] = true;return json($aResponse);}}//注册页面public function regist(){if(session('user_id') || session('username')){session(null); }return view();	   }//保存用户public function saveMember(){if(request()->isAjax()){if(!captcha_check(input('code'))){$res['status'] = false;$res['msg'] = '验证码错误~';}else{				$post = input('post.');  			         				// 验证表单$validate = \think\Loader::validate('Member'); if(!$validate->scene('save')->check($post)){  $res['status'] = false;$res['msg'] = $validate->getError(); return json($res);               }$data = array('username' => $post['username'],'password' => md5(sha1($post['password'])), 'addtime'  => time(),); $member = model('Member');$result = $member->save($data); if($result){session('user_id', $member->id);session('username', $post['username']);$res['status'] = true;$res['msg'] = url('Index/index');}else{$res['status'] = false;$res['msg'] = '保存失败!';}}}else{$res['status'] = false;$res['msg'] = '请求错误~';}return json($res);	}//退出public function logout(){session('user_id',null); session('username',null); $this->redirect('Index/login');}}

前台的首页

{include file="public/top"/}
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Home 1 | Organio</title><meta name="description" content="Organio - Organic Food Store HTML Templae "><meta name="keywords" content="	farm, food, fresh, fruit, nutrition, organic, organic farm, organic food store, organic shop, organic store, organic theme, store, vegetable, woocommerce"><meta name="author" content="Themexriver"><link rel="shortcut icon" href="__INDEX__/assets/img/logo/ficon.png" type="image/x-icon"><!-- Mobile Specific Meta --><link rel="stylesheet" href="__INDEX__/assets/css/bootstrap.min.css"><link rel="stylesheet" href="__INDEX__/assets/css/fontawesome-all.css"><link rel="stylesheet" href="__INDEX__/assets/css/flaticon.css"><link rel="stylesheet" href="__INDEX__/assets/css/animate.css"><link rel="stylesheet" href="__INDEX__/assets/css/video.min.css"><link rel="stylesheet" href="__INDEX__/assets/css/jquery.mCustomScrollbar.min.css"><link rel="stylesheet" href="__INDEX__/assets/css/rs6.css"><link rel="stylesheet" href="__INDEX__/assets/css/slick.css"><link rel="stylesheet" href="__INDEX__/assets/css/slick-theme.css"><link rel="stylesheet" href="__INDEX__/assets/css/style.css">
</head>
<body class="organio-wrapper"><div id="preloader"></div><div class="up"><a href="#" class="scrollup text-center"><i class="fas fa-chevron-up"></i></a></div>
<!-- Start of header section============================================= --><header id="organio-header" class="organio-header-section header-style-one"><div class="header-top"><div class="container"><div class="header-top-content d-flex justify-content-between align-items-center"><div class="header-slug"><span> Welcome to our Organic store Organico!</span></div><div class="or-header-cart-btn or-canvas-cart-trigger"><i class="fas fa-shopping-cart"></i> Cart: 0 -<span>$0.00</span></div></div></div></div><div class="organic-main-navigation"><div class="container"><div class="organic-header-content  position-relative"><div class="site-logo"><a href="#"><img src="__INDEX__/assets/img/logo/logo1.png" alt=""></a></div><nav class="main-navigation-area clearfix ul-li"><ul class="menu-navigation left-nav"><li class="dropdown"><a href="!#">Home</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="index.html">Home Page 1</a></li><li><a target="_blank" href="index-2.html">Home Page 2</a></li><li><a target="_blank" href="index-3.html">Home Page 3</a></li><li class="dropdown"><a target="_blank" href="index-4.html">Home Page 4</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="#!">Header Style One</a></li><li><a target="_blank" href="#!">Header Style Two</a></li><li><a target="_blank" href="#!">Header Style Three</a></li></ul></li></ul></li><li><a target="_blank" href="about.html">About</a></li><li class="dropdown"><a href="!#">Shop</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="shop.html">Shop Page </a></li><li><a target="_blank" href="shop-single.html">Shop Details</a></li><li><a target="_blank" href="cart.html">Cart Page</a></li><li><a target="_blank" href="checkout.html">Checkout</a></li></ul></li><li class="dropdown"><a href="!#">Pages</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="service.html">Services</a></li><li><a target="_blank" href="service-single.html">Services Details</a></li><li><a target="_blank" href="contact.html">Contact Page</a></li><li><a target="_blank" href="404.html">404  Page</a></li></ul></li></ul><ul class="menu-navigation right-nav"><li class="dropdown"><a href="!#">Team</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="team.html">Team Page</a></li>									<li><a target="_blank" href="team-single.html">Team Details</a></li></ul></li><li class="dropdown"><a href="!#">News</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="blog.html">News </a></li><li><a target="_blank" href="blog-single.html">News Details</a></li></ul></li><li class="dropdown"><a href="!#">Project</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="project.html">Project Page </a></li><li><a target="_blank" href="project-single.html">Project Details </a></li></ul></li>			</ul></nav><div class="header-search-btn search-btn"><button class="search-box-outer"><i class="fas fa-search"></i></button></div><div class="header-search-btn cart-btn"><button class="or-canvas-cart-trigger"><i class="fas fa-shopping-cart"></i></button></div></div></div></div><div class="mobile_menu position-relative"><div class="mobile_menu_button open_mobile_menu"><i class="fal fa-bars"></i></div><div class="mobile_menu_wrap"><div class="mobile_menu_overlay open_mobile_menu"></div><div class="mobile_menu_content"><div class="mobile_menu_close open_mobile_menu"><i class="fal fa-times"></i></div><div class="m-brand-logo"><a href="!#"><img src="__INDEX__/assets/img/logo/logo1.png" alt=""></a></div><div class="mobile-search-wrapper position-relative"><form action="#"><input type="text" placeholder="Search Here..."><button><i class="fas fa-search"></i></button></form></div><nav class="mobile-main-navigation  clearfix ul-li"><ul id="m-main-nav" class="navbar-nav text-capitalize clearfix"><li class="dropdown"><a href="!#">Home</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="index.html">Home Page 1</a></li><li class="dropdown"><a target="_blank" href="index-2.html">Home Page 2</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="#">Example v.1 </a></li><li><a target="_blank" href="#">Example v.2</a></li><li><a target="_blank" href="#">Example v.3</a></li></ul></li><li><a target="_blank" href="index-3.html">Home Page 3</a></li><li><a target="_blank" href="index-4.html">Home Page 4</a></li></ul></li><li><a target="_blank" href="about.html">About</a></li><li class="dropdown"><a target="_blank" href="!#">Shop</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="shop.html">Shop Page </a></li><li><a target="_blank" href="shop-single.html">Shop Details</a></li><li><a target="_blank" href="cart.html">Cart Page</a></li><li><a target="_blank" href="checkout.html">Checkout Page</a></li></ul></li><li class="dropdown"><a target="_blank" href="!#">Pages</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="service.html">Services</a></li><li><a target="_blank" href="team.html">Team Page</a></li><li><a target="_blank" href="team-single.html">Team Details</a></li><li><a target="_blank" href="service-single.html">Service Details</a></li><li><a target="_blank" href="contact.html">Contact Page</a></li></ul></li><li class="dropdown"><a target="_blank" href="!#">News</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="blog.html">News </a></li><li><a target="_blank" href="blog-single.html">News Details</a></li></ul></li><li class="dropdown"><a target="_blank" href="!#">Others</a><ul class="dropdown-menu clearfix"><li><a target="_blank" href="project.html">Portfolio </a></li><li><a target="_blank" href="404.html">404 Page </a></li><li><a target="_blank" href="project-single.html">Portfolio Details</a></li></ul></li></ul></nav></div></div><!-- /Mobile-Menu --></div></header><div class="search-popup"><button class="close-search style-two"><span class="fal fa-times"></span></button><button class="close-search"><span class="fa fa-arrow-up"></span></button><form method="post" action="blog.html"><div class="form-group"><input type="search" name="search-field" value="" placeholder="Search Here" required=""><button type="submit"><i class="fa fa-search"></i></button></div></form></div><div class="or-ofcanvas-cart-wrapper"><div class="or-ofcanvas-cart-content"><div class="title-area d-flex justify-content-between align-items-center"><div class="cart-title"><span>Cart</span></div><div class="cart-close"><button class="or-canvas-cart-trigger"><i class="fal fa-times"></i></button></div></div><div class="or-ofcart-product-wrapper"><div class="or-ofcart-product-item d-flex align-items-center position-relative"><div class="pro-remove position-absolute"><i class="fal fa-times"></i></div><div class="or-ofcart-product-img"><img src="__INDEX__/assets/img/product/pro1.jpg" alt=""></div><div class="or-ofcart-product-text headline"><h3><a href="#">Organic Juice</a></h3><span>1 x $4.00</span></div></div><div class="or-ofcart-product-item d-flex align-items-center position-relative"><div class="pro-remove position-absolute"><i class="fal fa-times"></i></div><div class="or-ofcart-product-img"><img src="__INDEX__/assets/img/product/pro2.jpg" alt=""></div><div class="or-ofcart-product-text headline"><h3><a href="#">Fresh Orange</a></h3><span>1 x $4.00</span></div></div><div class="or-ofcart-product-item d-flex align-items-center position-relative"><div class="pro-remove position-absolute"><i class="fal fa-times"></i></div><div class="or-ofcart-product-img"><img src="__INDEX__/assets/img/product/pro3.jpg" alt=""></div><div class="or-ofcart-product-text headline"><h3><a href="#">Organic Onion</a></h3><span>1 x $4.00</span></div></div></div><div class="or-ofcart-total text-center"><span>Subtotal: $4.00</span><div class="total-btn"><a href="cart.html">View Cart</a><a href="checkout.html">Checkout</a></div></div></div></div>
<!-- End of header section============================================= -->	<!-- Start of Slider section============================================= --><section id="organio-slider" class="organio-slider-section"><rs-module-wrap id="rev_slider_15_1_wrapper" data-alias="home-1" data-source="gallery" style="visibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;"><rs-module id="rev_slider_15_1" style="" data-version="6.5.5"><rs-slides><rs-slide style="position: absolute;" data-key="rs-50" data-title="Slide" data-anim="ms:0ms;" data-in="o:0;" data-out="a:false;"><img src="__INDEX__/assets/transparent.png" alt="Slide" class="rev-slidebg tp-rs-img" data-bg="c:#f3f3f3;" data-parallax="off" data-no-retina>
<!--
--><rs-group
id="slider-15-slide-50-layer-1" 
data-type="group"
data-xy="xo:30px,30px,22px,22px;y:m;yo:-30px,-30px,0,0;"
data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"
data-dim="w:800px,800px,400px,400px;h:372px,372px,302px,262px;"
data-rsp_o="off"
data-rsp_bd="off"
data-frame_0="o:1;"
data-frame_1="sp:0;"
data-frame_999="o:0;st:w;sR:9000;sA:9000;"
style="z-index:13;"><!----><rs-layerid="slider-15-slide-50-layer-2" class="slider-title"data-type="text"data-color="#1a2428"data-xy="yo:-9px;"data-text="w:normal;s:80,80,45,42;l:80,80,52,45;fw:700;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:-100%;"data-frame_0_mask="u:t;"data-frame_1="st:700;sp:1200;sR:700;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:7100;"style="z-index:9;font-family:'Lora'; padding-bottom: 15px;">Choose the<br />best healthier<br />way of life. </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-5" data-type="text"data-color="#454545"data-xy="yo:254px,254px,166px,147px;"data-text="w:normal;s:20,20,18,18;l:30;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:100%;"data-frame_0_mask="u:t;"data-frame_1="st:1000;sp:1200;sR:1000;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:6800;"style="z-index:10;font-family:'Barlow';">Leading Brand for Organic Food </rs-layer><!----><aid="slider-15-slide-50-layer-6" class="rs-layer"href="shop.html" target="_self"data-type="text"data-color="#000000"data-xy="y:b;"data-text="w:normal;s:18;l:30;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:100%;"data-frame_0_mask="u:t;"data-frame_1="st:1300;sp:1200;sR:1300;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:6500;"style="z-index:11;font-family:'Roboto';"><span class="slider-btn-1 btn-slider1">Shop now <i class="flaticon-next"></i></span></a><!----><rs-layerid="slider-15-slide-50-layer-9" data-type="image"data-xy="xo:170px;y:b;yo:27px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:['52px','52px','52px','52px'];h:['56px','56px','56px','56px'];"data-rsp_o="off"data-rsp_bd="off"data-frame_0="x:100%;skX:-45;"data-frame_1="st:1600;sp:1000;sR:1600;"data-frame_999="o:0;st:w;sR:6400;"style="z-index:12;"><img src="__INDEX__/assets/slider-arow1.png" alt="slider-arow1" class="tp-rs-img" width="52" height="56" data-no-retina> </rs-layer><!----></rs-group><!----><rs-layerid="slider-15-slide-50-layer-0" data-type="image"data-rsp_ch="on"data-xy="x:r;xo:174px,144px,0,0;y:t,t,m,m;yo:154px,128px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:376px,313px,237px,146px;h:376px,313px,237px,146px;"data-vbility="t,t,t,f"data-frame_0="y:50,41,31,19;"data-frame_1="st:700;sp:1000;sR:700;"data-frame_999="o:0;st:w;sR:7300;"style="z-index:14;"><img src="__INDEX__/assets/slider-layer1.png" alt="slider-layer1" class="tp-rs-img" width="376" height="376" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-3" data-type="image"data-rsp_ch="on"data-xy="x:r;xo:-30px,-24px,-130px,-80px;y:t,t,m,m;yo:42px,34px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:539px,448px,340px,209px;h:573px,477px,362px,223px;"data-vbility="t,t,t,f"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:900;sp:1500;sR:900;"data-frame_999="o:0;st:w;sR:6900;"data-loop_0="y:-10;"data-loop_999="y:10;sp:4000;e:sine.inOut;yym:t;"style="z-index:15;"><img src="__INDEX__/assets/slider-layer2.png" alt="slider-layer2" class="tp-rs-img" width="539" height="573" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-4" data-type="image"data-rsp_ch="on"data-xy="x:c;y:b;yo:-2px,-1px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:['100%','100%','100%','100%'];"data-vbility="t,t,t,f"data-basealign="slide"data-frame_1="sp:0;"data-frame_999="o:0;st:w;sR:9000;"style="z-index:8;"><img src="__INDEX__/assets/slider-bg1-scaled.jpg" alt="slider-bg1" class="tp-rs-img" width="2560" height="153" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-7" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="xo:-315px,-262px,0,0;yo:140px,116px,30px,20px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:258px,214px,162px,99px;h:265px,220px,167px,103px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1090;sp:1300;"data-frame_999="o:0;st:w;sR:7610;"data-loop_0="xR:8px;"data-loop_999="xR:8px;crd:t;sp:4500;st:0;"style="z-index:16;"><img src="__INDEX__/assets/slider-layer4.png" alt="slider-layer4" class="tp-rs-img" width="258" height="265" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-8" class="rs-pxl-1"data-type="image"data-rsp_ch="on"data-xy="xo:-240px,-199px,-151px,0;y:b;yo:-30px,-24px,-18px,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:252px,209px,158px,97px;h:274px,228px,173px,106px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:17;"><img src="__INDEX__/assets/slider-layer3.png" alt="slider-layer3" class="tp-rs-img" width="252" height="274" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-10" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="x:c;xo:-40px,-33px,-25px,0;y:b;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:219px,182px,138px,85px;h:228px,189px,143px,88px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:18;"><img src="__INDEX__/assets/slider-layer7.png" alt="slider-layer7" class="tp-rs-img" width="219" height="228" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-11" class="rs-pxl-2"data-type="image"data-rsp_ch="on"data-xy="x:c;xo:100px,83px,63px,38px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:177px,147px,111px,68px;h:152px,126px,95px,58px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:19;"><img src="__INDEX__/assets/slider-layer5.png" alt="slider-layer5" class="tp-rs-img" width="177" height="152" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-12" class="rs-pxl-4"data-type="image"data-rsp_ch="on"data-xy="x:r;xo:-120px,-99px,-75px,-46px;yo:145px,120px,91px,56px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:201px,167px,126px,77px;h:157px,130px,98px,60px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:20;"><img src="__INDEX__/assets/slider-layer6.png" alt="slider-layer6" class="tp-rs-img" width="201" height="157" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-50-layer-13" class="rs-pxl-2"data-type="image"data-rsp_ch="on"data-xy="x:r;xo:-190px,-158px,30px,0;y:b;yo:0,0,20px,80px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:145px,120px,91px,56px;h:192px,159px,120px,74px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:21;"><img src="__INDEX__/assets/slider-layer8.png" alt="slider-layer8" class="tp-rs-img" width="145" height="192" data-no-retina> </rs-layer><!---->						</rs-slide><rs-slide style="position: absolute;" data-key="rs-51" data-title="Slide" data-anim="ms:0ms;r:0;" data-in="o:0;" data-out="a:false;"><img src="__INDEX__/assets/transparent.png" alt="Slide" class="rev-slidebg tp-rs-img" data-bg="c:#f3f3f3;" data-parallax="off" data-no-retina>
<!--
--><rs-group
id="slider-15-slide-51-layer-1" 
data-type="group"
data-xy="x:r,r,l,l;xo:30px,30px,22px,22px;y:m;yo:-30px,-30px,0,0;"
data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"
data-dim="w:567px,567px,400px,400px;h:372px,372px,302px,262px;"
data-rsp_o="off"
data-rsp_bd="off"
data-frame_0="o:1;"
data-frame_1="sp:0;"
data-frame_999="o:0;st:w;sR:9000;sA:9000;"
style="z-index:13;"><!----><rs-layerid="slider-15-slide-51-layer-2" class="slider-title"data-type="text"data-color="#1a2428"data-xy="yo:-9px;"data-text="w:normal;s:80,80,45,42;l:80,80,52,45;fw:700;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:-100%;"data-frame_0_mask="u:t;"data-frame_1="st:700;sp:1200;sR:700;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:7100;"style="z-index:9;font-family:'Lora'; padding-bottom: 15px;">Let’s go back<br />to the past<br />pure food! </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-5" data-type="text"data-color="#454545"data-xy="yo:254px,254px,166px,147px;"data-text="w:normal;s:20,20,18,18;l:30;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:100%;"data-frame_0_mask="u:t;"data-frame_1="st:1000;sp:1200;sR:1000;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:6800;"style="z-index:10;font-family:'Barlow';">Leading Brand for Organic Food </rs-layer><!----><aid="slider-15-slide-51-layer-6" class="rs-layer"href="shop.html" target="_self"data-type="text"data-color="#000000"data-xy="y:b;"data-text="w:normal;s:18;l:30;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:100%;"data-frame_0_mask="u:t;"data-frame_1="st:1300;sp:1200;sR:1300;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:6500;"style="z-index:11;font-family:'Roboto';"><span class="slider-btn-1 color-preset2">Shop now<i class="flaticon-next"></i></span> </a><!----></rs-group><!----><rs-layerid="slider-15-slide-51-layer-0" data-type="image"data-rsp_ch="on"data-xy="x:l,l,r,r;xo:-30px,-24px,0,0;y:t,t,m,m;yo:67px,55px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:376px,313px,237px,146px;h:376px,313px,237px,146px;"data-vbility="t,t,t,f"data-frame_0="y:50,41,31,19;"data-frame_1="st:700;sp:1000;sR:700;"data-frame_999="o:0;st:w;sR:7300;"style="z-index:14;"><img src="__INDEX__/assets/h1-slide2-layer1.png" alt="h1-slide2-layer1" class="tp-rs-img" width="376" height="376" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-3" data-type="image"data-rsp_ch="on"data-xy="x:l,l,r,r;xo:0,0,-130px,-80px;y:b,b,m,m;yo:40px,33px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:629px,523px,397px,244px;h:499px,415px,315px,194px;"data-vbility="t,t,t,f"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:900;sp:1500;sR:900;"data-frame_999="o:0;st:w;sR:6900;"data-loop_0="y:-10;"data-loop_999="y:10;sp:4000;e:sine.inOut;yym:t;"style="z-index:15;"><img src="__INDEX__/assets/h1-slide2-layer2.png" alt="h1-slide2-layer2" class="tp-rs-img" width="629" height="499" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-4" data-type="image"data-rsp_ch="on"data-xy="x:c;y:b;yo:-2px,-1px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:['100%','100%','100%','100%'];"data-vbility="t,t,t,f"data-basealign="slide"data-frame_1="sp:0;"data-frame_999="o:0;st:w;sR:9000;"style="z-index:8;"><img src="__INDEX__/assets/slider-bg1-scaled.jpg" alt="slider-bg1" class="tp-rs-img" width="2560" height="153" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-7" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="xo:-315px,-262px,0,0;yo:0,0,30px,20px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:258px,214px,162px,99px;h:265px,220px,167px,103px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1090;sp:1300;"data-frame_999="o:0;st:w;sR:7610;"data-loop_0="xR:8px;"data-loop_999="xR:8px;crd:t;sp:4500;st:0;"style="z-index:16;"><img src="__INDEX__/assets/slider-layer4.png" alt="slider-layer4" class="tp-rs-img" width="258" height="265" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-8" class="rs-pxl-1"data-type="image"data-rsp_ch="on"data-xy="x:r,r,r,l;xo:110px,91px,69px,0;y:b;yo:33px,27px,20px,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:176px,146px,110px,67px;h:140px,116px,88px,54px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:17;"><img src="__INDEX__/assets/h1-slide2-layer3.png" alt="h1-slide2-layer3" class="tp-rs-img" width="204" height="160" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-10" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="x:c;xo:-40px,-33px,-25px,0;y:b;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:219px,182px,138px,85px;h:228px,189px,143px,88px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:18;"><img src="__INDEX__/assets/slider-layer7.png" alt="slider-layer7" class="tp-rs-img" width="219" height="228" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-11" class="rs-pxl-2"data-type="image"data-rsp_ch="on"data-xy="xo:-160px,-133px,-101px,-62px;y:b;yo:200px,166px,126px,77px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:177px,147px,111px,68px;h:152px,126px,95px,58px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:19;"><img src="__INDEX__/assets/slider-layer5.png" alt="slider-layer5" class="tp-rs-img" width="177" height="152" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-12" class="rs-pxl-4"data-type="image"data-rsp_ch="on"data-xy="x:r;xo:-120px,-99px,-75px,-46px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:201px,167px,126px,77px;h:157px,130px,98px,60px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:20;"><img src="__INDEX__/assets/slider-layer6.png" alt="slider-layer6" class="tp-rs-img" width="201" height="157" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-51-layer-13" class="rs-pxl-2"data-type="image"data-rsp_ch="on"data-xy="x:r;xo:-190px,-158px,30px,0;y:b;yo:0,0,20px,80px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:145px,120px,91px,56px;h:192px,159px,120px,74px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:21;"><img src="__INDEX__/assets/slider-layer8.png" alt="slider-layer8" class="tp-rs-img" width="145" height="192" data-no-retina> </rs-layer><!---->						</rs-slide><rs-slide style="position: absolute;" data-key="rs-52" data-title="Slide" data-anim="ms:0ms;r:0;" data-in="o:0;" data-out="a:false;"><img src="__INDEX__/assets/transparent.png" alt="Slide" class="rev-slidebg tp-rs-img" data-bg="c:#f3f3f3;" data-parallax="off" data-no-retina>
<!--
--><rs-group
id="slider-15-slide-52-layer-1" 
data-type="group"
data-xy="xo:30px,30px,22px,22px;y:m;yo:-30px,-30px,0,0;"
data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"
data-dim="w:800px,800px,400px,400px;h:372px,372px,302px,262px;"
data-rsp_o="off"
data-rsp_bd="off"
data-frame_0="o:1;"
data-frame_1="sp:0;"
data-frame_999="o:0;st:w;sR:9000;sA:9000;"
style="z-index:12;"><!----><rs-layerid="slider-15-slide-52-layer-2" class="slider-title"data-type="text"data-color="#1a2428"data-xy="yo:-9px;"data-text="w:normal;s:80,80,45,42;l:80,80,52,45;fw:700;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:-100%;"data-frame_0_mask="u:t;"data-frame_1="st:700;sp:1200;sR:700;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:7100;"style="z-index:9;font-family:'Lora'; padding-bottom: 15px;">Boost your<br />mood to take<br />organic food. </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-5" data-type="text"data-color="#454545"data-xy="yo:254px,254px,166px,147px;"data-text="w:normal;s:20,20,18,18;l:30;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:100%;"data-frame_0_mask="u:t;"data-frame_1="st:1000;sp:1200;sR:1000;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:6800;"style="z-index:10;font-family:'Barlow';">Leading Brand for Organic Food </rs-layer><!----><aid="slider-15-slide-52-layer-6" class="rs-layer"href="shop.html" target="_self"data-type="text"data-color="#000000"data-xy="y:b;"data-text="w:normal;s:18;l:30;"data-rsp_o="off"data-rsp_bd="off"data-frame_0="y:100%;"data-frame_0_mask="u:t;"data-frame_1="st:1300;sp:1200;sR:1300;"data-frame_1_mask="u:t;"data-frame_999="o:0;st:w;sR:6500;"style="z-index:11;font-family:'Roboto';"><span class="slider-btn-1 color-preset3">Shop now<i class="flaticon-next"></i></span> </a><!----></rs-group><!----><rs-layerid="slider-15-slide-52-layer-0" data-type="image"data-rsp_ch="on"data-xy="x:r;xo:154px,128px,0,0;y:t,t,m,m;yo:92px,76px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:376px,313px,237px,146px;h:376px,313px,237px,146px;"data-vbility="t,t,t,f"data-frame_0="y:50,41,31,19;"data-frame_1="st:700;sp:1000;sR:700;"data-frame_999="o:0;st:w;sR:7300;"style="z-index:13;"><img src="__INDEX__/assets/h1-slide3-layer1.png" alt="h1-slide3-layer1" class="tp-rs-img" width="376" height="376" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-3" data-type="image"data-rsp_ch="on"data-xy="x:r;xo:80px,66px,-130px,-80px;y:t,t,m,m;yo:52px,43px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:524px,436px,331px,204px;h:613px,510px,387px,238px;"data-vbility="t,t,t,f"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:900;sp:1500;sR:900;"data-frame_999="o:0;st:w;sR:6900;"data-loop_0="y:-10;"data-loop_999="y:10;sp:4000;e:sine.inOut;yym:t;"style="z-index:14;"><img src="__INDEX__/assets/h1-slide3-layer2.png" alt="h1-slide3-layer2" class="tp-rs-img" width="524" height="613" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-4" data-type="image"data-rsp_ch="on"data-xy="x:c;y:b;yo:-2px,-1px,0,0;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:['100%','100%','100%','100%'];"data-vbility="t,t,t,f"data-basealign="slide"data-frame_1="sp:0;"data-frame_999="o:0;st:w;sR:9000;"style="z-index:8;"><img src="__INDEX__/assets/slider-bg1-scaled.jpg" alt="slider-bg1" class="tp-rs-img" width="2560" height="153" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-7" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="xo:-260px,-216px,0,0;yo:0,0,30px,20px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:136px,113px,85px,52px;h:181px,150px,113px,69px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1090;sp:1300;"data-frame_999="o:0;st:w;sR:7610;"data-loop_0="xR:8px;"data-loop_999="xR:8px;crd:t;sp:4500;st:0;"style="z-index:16;"><img src="__INDEX__/assets/h1-slide3-layer4.png" alt="h1-slide3-layer4" class="tp-rs-img" width="136" height="181" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-8" class="rs-pxl-1"data-type="image"data-rsp_ch="on"data-xy="xo:220px,183px,139px,0;y:b;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:231px,192px,145px,89px;h:206px,171px,129px,79px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:17;"><img src="__INDEX__/assets/h1-slide3-layer3.png" alt="h1-slide3-layer3" class="tp-rs-img" width="231" height="206" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-10" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="x:c;xo:-40px,-33px,-25px,0;y:b;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:219px,182px,138px,85px;h:228px,189px,143px,88px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:18;"><img src="__INDEX__/assets/slider-layer7.png" alt="slider-layer7" class="tp-rs-img" width="219" height="228" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-11" class="rs-pxl-2"data-type="image"data-rsp_ch="on"data-xy="xo:-140px,-116px,-88px,-54px;yo:120px,99px,75px,46px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:177px,147px,111px,68px;h:152px,126px,95px,58px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:19;"><img src="__INDEX__/assets/slider-layer5.png" alt="slider-layer5" class="tp-rs-img" width="177" height="152" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-12" class="rs-pxl-4"data-type="image"data-rsp_ch="on"data-xy="xo:-140px,-116px,-88px,-54px;y:b;yo:30px,24px,18px,11px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:201px,167px,126px,77px;h:157px,130px,98px,60px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:20;"><img src="__INDEX__/assets/slider-layer6.png" alt="slider-layer6" class="tp-rs-img" width="201" height="157" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-13" class="rs-pxl-2"data-type="image"data-rsp_ch="on"data-xy="x:r;xo:-190px,-158px,30px,0;y:b;yo:0,0,20px,80px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:145px,120px,91px,56px;h:192px,159px,120px,74px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1100;sp:1300;"data-frame_999="o:0;st:w;sR:7600;"style="z-index:21;"><img src="__INDEX__/assets/slider-layer8.png" alt="slider-layer8" class="tp-rs-img" width="145" height="192" data-no-retina> </rs-layer><!----><rs-layerid="slider-15-slide-52-layer-41" class="rs-pxl-3"data-type="image"data-rsp_ch="on"data-xy="x:r,r,l,l;yo:0,0,30px,20px;"data-text="w:normal;s:20,16,12,7;l:0,20,15,9;"data-dim="w:258px,214px,162px,99px;h:265px,220px,167px,103px;"data-frame_0="y:-50,-41,-31,-19;"data-frame_1="st:1090;sp:1300;"data-frame_999="o:0;st:w;sR:7610;"data-loop_0="xR:8px;"data-loop_999="xR:8px;crd:t;sp:4500;st:0;"style="z-index:15;"><img src="__INDEX__/assets/slider-layer4.png" alt="slider-layer4" class="tp-rs-img" width="258" height="265" data-no-retina> </rs-layer><!---->						</rs-slide></rs-slides></rs-module></rs-module-wrap><!-- END REVOLUTION SLIDER --></section>
<!-- End of Slider section============================================= --><!-- Start of shop banner section============================================= -->			<section id="or-shop-banner" class="or-shop-banner-section"><div class="container"><div class="or-shop-banner-content"><div class="row"><div class="col-lg-6"><div class="or-shop-banner-innerbox position-relative wow fadeInUp "><div class="or-shop-banner-text headline pera-content"><h3>Get 10% off on Vegetables</h3><p>Shop our selection of organic freshvegetables in a discounted price. 10% off on all vegetables.</p><a class="sb-btn wow fadeInUp" href="shop.html">Shop Now <i class="fas fa-long-arrow-right"></i></a></div><div class="or-shop-banner-img-wrapper"><div class="or-shop-banner-img-1 position-absolute"><img src="__INDEX__/assets/img/shop/sb1.png" alt="Image"></div><div class="or-shop-banner-img-2 position-absolute"><img src="__INDEX__/assets/img/shop/sbs1.png" alt="Image"></div></div></div></div><div class="col-lg-6"><div class="or-shop-banner-innerbox position-relative type-2  wow fadeInUp "><div class="or-shop-banner-text  headline pera-content"><h3>Get garden fresh fruits</h3><p>Shop our selection of organic freshvegetables in a discounted price. 10% off on all vegetables.</p><a class="sb-btn wow fadeInUp" href="shop.html">Shop Now <i class="fas fa-long-arrow-right"></i></a></div><div class="or-shop-banner-img-wrapper"><div class="or-shop-banner-img-1 position-absolute"><img src="__INDEX__/assets/img/shop/sb2.png" alt="Image"></div><div class="or-shop-banner-img-2 position-absolute"><img src="__INDEX__/assets/img/shop/sbs2.png" alt="Image"></div></div></div></div></div></div></div></section>
<!-- Start of Slider section============================================= --><!-- Start of About us section============================================= --><section id="or-about-1" class="or-about-section-1"><div class="container"><div class="or-about-content-1 position-relative"><div class="or-about-img-1 position-absolute"><img src="__INDEX__/assets/img/about/ab1.jpg" alt=""></div><div class="or-about-text-area  d-flex justify-content-end"><div class="or-about-img-text-wrapper-1"><div class="or-section-title headline pera-content wow fadeInUp"><span class="sub-title">About us</span><h2>We believe in working withaccredited farmers</h2><span class="sub-text">Organic Foods and Café is a family run company founded in2004 that runs organic supermarkets</span><p>Organic means growing our food, which is to nourish us, without chemical aids during the growing process such as fertilisers, pesticides, fungcides, herbacides, larbicides etc</p></div><div class="or-about-feature-wrapper d-flex wow fadeInUp" data-wow-delay="200ms"><div class="or-about-feature-innebox headline pera-content d-flex"><div class="or-about-feature-icon"><img src="__INDEX__/assets/img/icon/a-icon1.png" alt="icon"></div><div class="or-about-feature-text"><h3>Why Organic?</h3><p>We're making room for self care today with plan.</p></div></div><div class="or-about-feature-innebox headline pera-content d-flex"><div class="or-about-feature-icon"><img src="__INDEX__/assets/img/icon/a-icon2.png" alt="icon"></div><div class="or-about-feature-text"><h3>Speciality Produce</h3><p>New range coming in on a weekly basis veg section.</p></div></div></div></div></div></div></div></section>
<!-- End of About Us section============================================= --><!-- Start of Category section============================================= --><section id="or-category" class="or-category-section" data-background="__INDEX__/assets/img/bg/cat-bg.jpg"><div class="container"><div class="or-section-title headline pera-content text-center middle-align wow fadeInUp" data-wow-delay="50ms"><span class="sub-title">Categories</span><h2 class="case-animate-time">We believe in working withaccredited farmerss</h2></div><div class="or-category-content"><div class="or-category-slider-wrapper position-relative"><div class="or-category-slider-area"><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center position-relative type-1"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-1.png" alt=""><div class="cat-latter position-absolute text-uppercase">V</div></div><div class="or-category-text headline pera-content"><h3>Vegetables </h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center type-2 position-relative"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-2.png" alt=""><div class="cat-latter position-absolute text-uppercase">F</div></div><div class="or-category-text headline pera-content"><h3>Fresh Fruits</h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center type-3 position-relative"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-3.png" alt=""><div class="cat-latter position-absolute text-uppercase">N</div></div><div class="or-category-text headline pera-content"><h3>Nuts & dried food</h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center type-4 position-relative"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-4.png" alt=""><div class="cat-latter position-absolute text-uppercase">S</div></div><div class="or-category-text headline pera-content"><h3>Spices </h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center position-relative type-1"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-1.png" alt=""><div class="cat-latter position-absolute text-uppercase">V</div></div><div class="or-category-text headline pera-content"><h3>Vegetables </h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center type-2 position-relative"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-2.png" alt=""><div class="cat-latter position-absolute text-uppercase">F</div></div><div class="or-category-text headline pera-content"><h3>Fresh Fruits</h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center type-3 position-relative"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-3.png" alt=""><div class="cat-latter position-absolute text-uppercase">N</div></div><div class="or-category-text headline pera-content"><h3>Nuts & dried food</h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div><div class="organio-inner-item"><div class="or-category-slider-inner-item text-center type-4 position-relative"><div class="or-category-img position-relative"><img src="__INDEX__/assets/img/shop/cat-4.png" alt=""><div class="cat-latter position-absolute text-uppercase">S</div></div><div class="or-category-text headline pera-content"><h3>Spices </h3><p>Purchasing from select family farmers who farm organically.</p><div class="item-more position-relative"><a href="shop-single.html"><i class="icon-first far fa-long-arrow-right"></i> Shop now <i class="icon-last far fa-long-arrow-right"></i></a></div></div></div></div></div><div class="carousel_nav  clearfix"><button type="button" class="or-category-left_arrow"><img src="__INDEX__/assets/img/icon/arrow1.png" alt=""></button><button type="button" class="or-category-right_arrow"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></button></div></div></div></div></section>				
<!-- End of Category section============================================= --><!-- Start of Why choose section============================================= --><section id="or-why-choose" class="or-why-choose-section"><div class="container"><div class="or-why-choose-content">  <div class="row"><div class="col-lg-6"><div class="or-why-choose-feature position-relative"><div class="row"><div class="col-md-6 wow fadeInUp" data-wow-delay="00ms"><div class="or-why-choose-feature-innerbox headline pera-content text-center"><div class="or-why-choose-feature-icon position-relative d-flex align-items-center justify-content-center"><i class="flaticon-return"></i></div><div class="or-why-choose-feature-text"><h3>Return Policy</h3><p>Purchasing from select family farmers who farm organically.</p></div></div></div><div class="col-md-6"><div class="or-why-choose-feature-innerbox headline pera-content text-center"><div class="or-why-choose-feature-icon position-relative d-flex align-items-center justify-content-center"><i class="flaticon-leaf"></i></div><div class="or-why-choose-feature-text"><h3>100% Fresh</h3><p>Purchasing from select family farmers who farm organically.</p></div></div></div><div class="col-md-6 wow fadeInUp" data-wow-delay="200ms"><div class="or-why-choose-feature-innerbox headline pera-content text-center"><div class="or-why-choose-feature-icon position-relative d-flex align-items-center justify-content-center"><i class="flaticon-headphones"></i></div><div class="or-why-choose-feature-text"><h3>Support 24/7</h3><p>Purchasing from select family farmers who farm organically.</p></div></div></div><div class="col-md-6 wow fadeInUp" data-wow-delay="400ms"><div class="or-why-choose-feature-innerbox headline pera-content text-center"><div class="or-why-choose-feature-icon position-relative d-flex align-items-center justify-content-center"><i class="flaticon-credit-card"></i></div><div class="or-why-choose-feature-text"><h3>Secured Payment</h3><p>Purchasing from select family farmers who farm organically.</p></div></div></div></div></div></div><div class="col-lg-6 wow fadeInUp" data-wow-delay="600ms"><div class="or-why-choose-text-wrapper"><div class="or-section-title headline pera-content"><span class="sub-title">Why Choose us?</span><h2 class="case-animate-time">We do not buy from the open market & traders.</h2><p>Purchasing from select family farmers who farm organically because they believe in it and so we do. We are conscious of air miles and our carbon footprint so a lot of our produce comes from Egypt.</p><p>Organic Foods and Café is a family run company that runs organic super markets and cafés selling fresh organic and biodynamic food, supplers, skincare, cosmetics, baby items and household cleaning products. We have 5 shops in Dubai – on Sheikh Zayed Road.</p></div></div></div></div></div></div></section>
<!-- End of Why choose section============================================= --><!-- Start of Funfact section============================================= --><section id="or-funfact" class="or-funfact-section position-relative" data-background="__INDEX__/assets/img/bg/fn-bg.png"><div class="container"><div class="or-funfact-content"><div class="row"><div class="col-lg-3 col-sm-6"> <div class="or-funfact-innerbox position-relative d-flex align-items-center"><div class="or-funfact-icon"><i class="flaticon-rate"></i></div><div class="or-funfact-text headline pera-content"><h3> <span class="counter">1542</span> <sup>+</sup></h3><p>Satisfied Clients</p></div></div></div><div class="col-lg-3 col-sm-6"> <div class="or-funfact-innerbox position-relative d-flex align-items-center"><div class="or-funfact-icon"><i class="flaticon-link"></i></div><div class="or-funfact-text headline pera-content"><h3> <span class="counter">182</span> <sup>+</sup></h3><p>Expert Team</p></div></div></div><div class="col-lg-3 col-sm-6"> <div class="or-funfact-innerbox position-relative d-flex align-items-center"><div class="or-funfact-icon"><i class="flaticon-product-design"></i></div><div class="or-funfact-text headline pera-content"><h3> <span class="counter">285</span> <sup>+</sup></h3><p>Activate Products</p></div></div></div><div class="col-lg-3 col-sm-6"> <div class="or-funfact-innerbox position-relative d-flex align-items-center"><div class="or-funfact-icon"><i class="flaticon-award"></i></div><div class="or-funfact-text headline pera-content"><h3> <span class="counter">27</span> <sup>+</sup></h3><p>Award Winning</p></div></div></div></div></div></div></section>
<!-- End of Funfact section============================================= --><!-- Start of Product section============================================= --><section id="or-product" class="or-product-section"><div class="container"><div class="or-section-title headline pera-content text-center middle-align wow fadeInUp" data-wow-delay="0ms"><span class="sub-title">Products </span><h2 class="case-animate-time">All of our products are organic & fresh.</h2></div><div class="or-product-content"><div class="or-product-slider-area position-relative"><div class="or-product-slider-wrapper"><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro1.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Organic Juice</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro2.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Fresh Orange</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro3.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Organic Cabbage</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro4.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Brown Bread</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro1.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Organic Juice</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro2.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Fresh Orange</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro3.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Organic Cabbage</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div><div class="organio-inner-item"><div class="or-product-innerbox-item type-1 text-center position-relative"><div class="e-commerce-btn"><a href="#"><i class="fal fa-shopping-cart"></i></a><a href="#"><i class="fal fa-heart"></i></a><a href="#"><i class="fal fa-eye"></i></a></div><div class="or-product-inner-img"><img src="__INDEX__/assets/img/product/pro4.jpg" alt=""></div><div class="or-product-inner-text headline"><h3><a href="#">Brown Bread</a></h3><span class="price">$10.00-$20.00</span><div class="or-product-rate ul-li"><ul><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li><li><i class="fas fa-star"></i></li></ul></div></div><div class="or-product-btn text-center"><a class="d-flex justify-content-center align-items-center" href="cart.html">Add To Cart</a></div></div></div></div><div class="carousel_nav  clearfix"><button type="button" class="or-product-left_arrow"><img src="__INDEX__/assets/img/icon/arrow1.png" alt=""></button><button type="button" class="or-product-right_arrow"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></button></div></div></div></div></section>
<!-- End of Product section============================================= -->							<!-- Start of Best Deal section============================================= --><section id="or-best-deal" class="or-best-deal-section position-relative" data-background="__INDEX__/assets/img/bg/bd-bg.jpg"><div class="container"><div class="or-best-deal-content-wrapper position-relative"><div class="or-best-deal-content"><div class="or-section-title headline pera-content wow fadeInUp" data-wow-delay="0ms"><span class="sub-title">Best Deals of the week!</span><h2 class="case-animate-time">Grab the best offer of this week!</h2></div><div class="best-deal-countdown ul-li"><ul><li class="days"><span class="or-count-down-number"></span><span class="count-unit">Days</span></li><li class="hours"><span class="or-count-down-number"></span><span class="count-unit">Hours</span></li><li class="minutes"><span class="or-count-down-number"></span><span class="count-unit">Minutes</span></li><li class="seconds"><span class="or-count-down-number"></span><span class="count-unit">Seconds</span></li></ul></div></div><div class="or-best-deal-img" data-parallax='{"y" : 100}'><img src="__INDEX__/assets/img/bg/bd.png" alt=""></div></div></div></section>
<!-- End of Best Deal section============================================= --><!-- Start of team section============================================= --><section id="our-team" class="or-team-section"><div class="container"><div class="or-section-title headline pera-content text-center middle-align wow fadeInUp" data-wow-delay="0ms"><span class="sub-title">Team member </span><h2 class="case-animate-time">We have awesome team member to  support.</h2></div><div class="or-team-content"><div class="or-team-content-area"><div class="or-team-slider"><div class="organio-inner-item"><div class="or-team-innerbox"><div class="or-team-img position-relative"><img src="__INDEX__/assets/img/team/tm1.jpg" alt=""></div><div class="or-taam-item-holder"><div class="or-team-meta text-center headline position-relative"><h3><a href="team-single.html">Alisa Lisa</a></h3><span>Customer Care Officer</span><div class="team-item-side-img"><img class="side-img" src="__INDEX__/assets/img/icon/t-icon2.png" alt=""><img class="side-img" src="__INDEX__/assets/img/icon/t-icon1.png" alt=""></div></div><div class="or-team-text-social pera-content text-center"><p>Lisa focuses on providing customers with Organic and Fair Trade Food.</p><div class="or-team-social"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-dribbble"></i></a><a href="#"><i class="fab fa-behance"></i></a></div></div></div></div></div><div class="organio-inner-item"><div class="or-team-innerbox"><div class="or-team-img position-relative"><img src="__INDEX__/assets/img/team/tm2.jpg" alt=""></div><div class="or-taam-item-holder"><div class="or-team-meta text-center headline position-relative"><h3><a href="team-single.html">Robert Leo</a></h3><span>Farmer</span><div class="team-item-side-img"><img class="side-img" src="__INDEX__/assets/img/icon/t-icon2.png" alt=""><img class="side-img" src="__INDEX__/assets/img/icon/t-icon1.png" alt=""></div></div><div class="or-team-text-social pera-content text-center"><p>Lisa focuses on providing customers with Organic and Fair Trade Food.</p><div class="or-team-social"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-dribbble"></i></a><a href="#"><i class="fab fa-behance"></i></a></div></div></div></div></div><div class="organio-inner-item"><div class="or-team-innerbox"><div class="or-team-img position-relative"><img src="__INDEX__/assets/img/team/tm3.jpg" alt=""></div><div class="or-taam-item-holder"><div class="or-team-meta text-center headline position-relative"><h3><a href="team-single.html">Nora Bell</a></h3><span>Sales Executive</span><div class="team-item-side-img"><img class="side-img" src="__INDEX__/assets/img/icon/t-icon2.png" alt=""><img class="side-img" src="__INDEX__/assets/img/icon/t-icon1.png" alt=""></div></div><div class="or-team-text-social pera-content text-center"><p>Lisa focuses on providing customers with Organic and Fair Trade Food.</p><div class="or-team-social"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-dribbble"></i></a><a href="#"><i class="fab fa-behance"></i></a></div></div></div></div></div><div class="organio-inner-item"><div class="or-team-innerbox"><div class="or-team-img position-relative"><img src="__INDEX__/assets/img/team/tm1.jpg" alt=""></div><div class="or-taam-item-holder"><div class="or-team-meta text-center headline position-relative"><h3><a href="team-single.html">Alisa Lisa</a></h3><span>Customer Care Officer</span><div class="team-item-side-img"><img class="side-img" src="__INDEX__/assets/img/icon/t-icon2.png" alt=""><img class="side-img" src="__INDEX__/assets/img/icon/t-icon1.png" alt=""></div></div><div class="or-team-text-social pera-content text-center"><p>Lisa focuses on providing customers with Organic and Fair Trade Food.</p><div class="or-team-social"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-dribbble"></i></a><a href="#"><i class="fab fa-behance"></i></a></div></div></div></div></div><div class="organio-inner-item"><div class="or-team-innerbox"><div class="or-team-img position-relative"><img src="__INDEX__/assets/img/team/tm2.jpg" alt=""></div><div class="or-taam-item-holder"><div class="or-team-meta text-center headline position-relative"><h3><a href="team-single.html">Robert Leo</a></h3><span>Farmer</span><div class="team-item-side-img"><img class="side-img" src="__INDEX__/assets/img/icon/t-icon2.png" alt=""><img class="side-img" src="__INDEX__/assets/img/icon/t-icon1.png" alt=""></div></div><div class="or-team-text-social pera-content text-center"><p>Lisa focuses on providing customers with Organic and Fair Trade Food.</p><div class="or-team-social"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-dribbble"></i></a><a href="#"><i class="fab fa-behance"></i></a></div></div></div></div></div><div class="organio-inner-item"><div class="or-team-innerbox"><div class="or-team-img position-relative"><img src="__INDEX__/assets/img/team/tm3.jpg" alt=""></div><div class="or-taam-item-holder"><div class="or-team-meta text-center headline position-relative"><h3><a href="team-single.html">Nora Bell</a></h3><span>Sales Executive</span><div class="team-item-side-img"><img class="side-img" src="__INDEX__/assets/img/icon/t-icon2.png" alt=""><img class="side-img" src="__INDEX__/assets/img/icon/t-icon1.png" alt=""></div></div><div class="or-team-text-social pera-content text-center"><p>Lisa focuses on providing customers with Organic and Fair Trade Food.</p><div class="or-team-social"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-dribbble"></i></a><a href="#"><i class="fab fa-behance"></i></a></div></div></div></div></div></div></div></div></div></section>
<!-- End of team section============================================= --><!-- Start of Portfolio section============================================= --><section id="or-portfolio" class="or-portfolio-section"><div class="or-portfolio-content"><div class="or-portfolio-wrapper position-relative"><div class="or-portfolio-slider"><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port1.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port2.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port3.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port4.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port5.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port6.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port7.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port1.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div><div class="organio-inner-item"><div class="or-portfolio-innerbox position-relative"><div class="or-portfolio-img"><img src="__INDEX__/assets/img/portfolio/port2.jpg" alt=""></div><div class="or-portfolio-text headline"><h3><a href="project-single.html">Organic Grape</a></h3><span><a href="#">Farming fruits</a></span><a class="read-more d-flex justify-content-center align-items-center" href="project-single.html"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></a></div></div></div></div><div class="carousel_nav  clearfix"><button type="button" class="or-portfolio-left_arrow"><img src="__INDEX__/assets/img/icon/arrow1.png" alt=""></button><button type="button" class="or-portfolio-right_arrow"><img src="__INDEX__/assets/img/icon/arrow2.png" alt=""></button></div></div></div></section>
<!-- End of Portfolio section============================================= --><!-- Start of Blog section============================================= --><section id="or-blog" class="or-blog-section position-relative"><span class="or-deco1 position-absolute" data-parallax='{"y" : 80}'><img src="__INDEX__/assets/img/leaf1.png" alt=""></span><span class="or-deco2 position-absolute" data-parallax='{"y" : -60}'><img src="__INDEX__/assets/img/leaf2.png" alt=""></span><div class="container"><div class="or-section-title headline pera-content text-center middle-align wow fadeInUp" data-wow-delay="00ms"><span class="sub-title">From our blog </span><h2 class="case-animate-time">On a quest to bring together and closer to you all things Organic.</h2></div><div class="or-blog-content"><div class="row"><div class="col-lg-4 col-md-6"><div class="or-blog-innerbox"><div class="or-blog-img position-relative"><img src="__INDEX__/assets/img/blog/blg1.jpg" alt=""></div><div class="or-blog-text headline position-relative"><div class="blog-meta"><a href="#"><i class="fas fa-calendar-alt"></i> October 15, 2021</a><a href="#"><i class="fas fa-user"></i> Admin</a></div><h3><a href="blog-single.html">Our 6 of the Best OrganicChocolates to Buy</a></h3><div class="blog-more-comment d-flex justify-content-between"><a class="read-more" href="blog-single.html">Read more <i class="far fa-chevron-right"></i></a><a class="commnet" href="#"><i class="fas fa-comment"></i>04</a></div></div></div></div><div class="col-lg-4 col-md-6"><div class="or-blog-innerbox"><div class="or-blog-img position-relative"><img src="__INDEX__/assets/img/blog/blg2.jpg" alt=""></div><div class="or-blog-text headline position-relative"><div class="blog-meta"><a href="#"><i class="fas fa-calendar-alt"></i> October 15, 2021</a><a href="#"><i class="fas fa-user"></i> Admin</a></div><h3><a href="blog-single.html">Best guide to shopping fororganic ingredients.</a></h3><div class="blog-more-comment d-flex justify-content-between"><a class="read-more" href="blog-single.html">Read more <i class="far fa-chevron-right"></i></a><a class="commnet" href="#"><i class="fas fa-comment"></i>04</a></div></div></div></div><div class="col-lg-4 col-md-6"><div class="or-blog-innerbox"><div class="or-blog-img position-relative"><img src="__INDEX__/assets/img/blog/blg3.jpg" alt=""></div><div class="or-blog-text headline position-relative"><div class="blog-meta"><a href="#"><i class="fas fa-calendar-alt"></i> October 15, 2021</a><a href="#"><i class="fas fa-user"></i> Admin</a></div><h3><a href="blog-single.html">Zechsal Magnesium flakesespecially made</a></h3><div class="blog-more-comment d-flex justify-content-between"><a class="read-more" href="blog-single.html">Read more <i class="far fa-chevron-right"></i></a><a class="commnet" href="#"><i class="fas fa-comment"></i>04</a></div></div></div></div></div><div class="or-blog-btn"><a class="d-flex justify-content-center align-items-center" href="blog.html">View all posts <i class="far fa-long-arrow-right"></i></a></div></div></div></section>
<!-- End of Blog section============================================= --><!-- Start of Footer section============================================= --><footer id="or-footer-1" class="or-footer-section-1" data-background="__INDEX__/assets/img/bg/bg-footer-top.png"><div class="or-footer-newslatter-1"><div class="container"><div class="or-footer-newslatter-content headline  position-relative" data-background="__INDEX__/assets/img/bg/bg-mailchimp.jpg"><span class="or-footer-newslatter-img"><img src="__INDEX__/assets/img/bg/mailchimp-image1.png" alt=""></span><div class="or-footer-newslatter-text-form"><h3>Subscribe to our Newsletter:</h3><div class="or-footer-newslatter-form position-relative"><form action="#"><input type="text" placeholder="type your mail address..."></form><button>Subscribe <i class="far fa-long-arrow-right"></i></button></div></div></div></div></div><div class="or-footer-widget-wrapper-1"><div class="container"><div class="row"><div class="col-lg-3 col-md-6">	<div class="or-footer-widget headline pera-content ul-li-block"><div class="or-logo-widget"><a href="#"><img src="__INDEX__/assets/img/logo/logo2.png" alt=""></a><p>We work with a passion of taking challenges and creating new ones in advertising sector.	</p><div class="footer-social">	<a href="#" tabindex="0"><i class="fab fa-facebook-f"></i></a><a href="#" tabindex="0"><i class="fab fa-twitter"></i></a><a href="#" tabindex="0"><i class="fab fa-dribbble"></i></a><a href="#" tabindex="0"><i class="fab fa-behance"></i></a></div></div></div></div><div class="col-lg-3 col-md-6">	<div class="or-footer-widget  headline pera-content ul-li-block"><div class="or-menu-widget"><h2 class="widget-title">Links</h2><ul><li><a href="index.html">Home</a></li><li><a href="service.html">Services</a></li><li><a href="about.html">About us</a></li><li><a href="shop.html">Shop</a></li><li><a href="blog.html">News</a></li></ul></div></div></div><div class="col-lg-3 col-md-6">	<div class="or-footer-widget headline pera-content ul-li-block"><div class="or-contact-widget"><h2 class="widget-title">Official info:</h2><ul><li><i class="fas fa-map-marker-alt"></i> <span>380 St Kilda Road, MelbourneVIC 3004, Australia </span></li><li><i class="fas fa-envelope"></i> <span> info@envato.com  </span> </li></ul><span class="title">Open Hours: </span><p>Mon - Sat: 8 am - 5 pm,Sunday: CLOSED</p></div></div></div><div class="col-lg-3 col-md-6">	<div class="or-footer-widget headline pera-content ul-li-block"><div class="or-gallery-widget"><h2 class="widget-title">Photo Gallery</h2><ul class="zoom-gallery"><li><a href="__INDEX__/assets/img/gallery/gl1.jpg" data-source="__INDEX__/assets/img/gallery/gl1.jpg"><img src="__INDEX__/assets/img/gallery/gl1.jpg" alt=""></a></li><li><a href="__INDEX__/assets/img/gallery/gl2.jpg" data-source="__INDEX__/assets/img/gallery/gl2.jpg"><img src="__INDEX__/assets/img/gallery/gl2.jpg" alt=""></a></li><li><a href="__INDEX__/assets/img/gallery/gl3.jpg" data-source="__INDEX__/assets/img/gallery/gl3.jpg"><img src="__INDEX__/assets/img/gallery/gl3.jpg" alt=""></a></li><li><a href="__INDEX__/assets/img/gallery/gl4.jpg" data-source="__INDEX__/assets/img/gallery/gl4.jpg"><img src="__INDEX__/assets/img/gallery/gl4.jpg" alt=""></a></li><li><a href="__INDEX__/assets/img/gallery/gl5.jpg" data-source="__INDEX__/assets/img/gallery/gl4.jpg"><img src="__INDEX__/assets/img/gallery/gl5.jpg" alt=""></a></li><li><a href="__INDEX__/assets/img/gallery/gl6.jpg" data-source="__INDEX__/assets/img/gallery/gl4.jpg"><img src="__INDEX__/assets/img/gallery/gl6.jpg" alt=""></a></li></ul></div></div></div></div></div></div><div class="or-footer-copyright text-center" data-background="__INDEX__/assets/img/bg/bg-footer-bottom.png"><span>© 2021 Organio - Organic. All rights reserved.</span></div></footer>
<!-- End of Footer section============================================= -->	<!-- For Js Library --><script src="__INDEX__/assets/js/jquery.min.js"></script><script src="__INDEX__/assets/js/bootstrap.min.js"></script><script src="__INDEX__/assets/js/popper.min.js"></script><script src="__INDEX__/assets/js/jquery.magnific-popup.min.js"></script><script src="__INDEX__/assets/js/appear.js"></script><script src="__INDEX__/assets/js/slick.js"></script><script src="__INDEX__/assets/js/jquery.counterup.min.js"></script><script src="__INDEX__/assets/js/waypoints.min.js"></script><script src="__INDEX__/assets/js/jquery.mCustomScrollbar.concat.min.js"></script><script src="__INDEX__/assets/js/wow.min.js"></script><script src="__INDEX__/assets/js/imagesloaded.pkgd.min.js"></script><script src="__INDEX__/assets/js/parallax-scroll.js"></script><script src="__INDEX__/assets/js/rbtools.min.js"></script><script src="__INDEX__/assets/js/rs6.min.js"></script><script src="__INDEX__/assets/js/script.js"></script>	
</body>
</html>		

2000多行的一个主页,你猜我猜不猜你能看得完?我只是想告诉大家,漂亮是需要代价的。

其它配套页面展示

直接给第二套方案的页面吧

在这里插入图片描述
加了图片之后。其实吧,第二套的好处就是图片少,方便修改,当然前提是你有这水平。
在这里插入图片描述

第三套方案的页面。

在这里插入图片描述

让人发疯的好长好长的配套4的页面。

在这里插入图片描述

无电商不主页的配套5页面

在这里插入图片描述

迷你版电商的配套6

在这里插入图片描述

配套资源

不要VIP,就看你有多少积分了,还有就是CSDN好象自己会涨价。早下早享受哟
PHP注册、登陆、主页-带Thinkphp目录解析-【强撸项目】1
https://download.csdn.net/download/dearmite/88090566
PHP注册、登陆、主页-带Thinkphp目录解析-【强撸项目】2
https://download.csdn.net/download/dearmite/88090905
PHP注册、登陆、主页-带Thinkphp目录解析-【强撸项目】3
https://download.csdn.net/download/dearmite/88090669
PHP注册、登陆、主页-带Thinkphp目录解析-【强撸项目】4
https://download.csdn.net/download/dearmite/88090670
PHP注册、登陆、主页-带Thinkphp目录解析-【强撸项目】5
https://download.csdn.net/download/dearmite/88090672
PHP注册、登陆、主页-带Thinkphp目录解析-【强撸项目】6
https://download.csdn.net/download/dearmite/88090675

作业:

无,看懂即是神
范德彪经典语录: 学PHP,你不能按套路出牌
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/8444.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android版本的发展4-13

Android 4.4 KitKat 1、通过主机卡模拟实现新的 NFC 功能。 2、低功耗传感器&#xff0c;传感器批处理&#xff0c;步测器和计步器。 3、全屏沉浸模式&#xff0c;隐藏所有系统 UI&#xff0c;例如状态栏和导航栏。它适用于鲜艳的视觉内容&#xff0c;例如照片、视频、地图、…

API自动化测试总结

目录 Jmeter是怎么做API自动化测试的&#xff1f; Jmeter中动态参数的处理&#xff1f; 怎么判断前端问题还是后端问题&#xff1f; 详细描述下使用postman是怎么做API的测试的&#xff1f; 资料获取方法 Jmeter是怎么做API自动化测试的&#xff1f; 1、首先在JMeter里面…

Spring AOP(面向切面编程)的详细讲解

1.什么是 AOP&#xff1f; AOP&#xff08;Aspect Oriented Programming&#xff09;&#xff1a;⾯向切⾯编程&#xff0c;它是⼀种思想&#xff0c;它是对某⼀类事情的集中处理 AOP是一种思想&#xff0c;而Spring AOP是一个实现了AOP的思想框架&#xff0c;他们的关系和IOC…

git实战

git实战 第一章 快速入门 1.1 什么是git git是一个分布式的版本控制软件。 软件&#xff0c;类似于QQ、office、dota等安装到电脑上才能使用的工具。版本控制&#xff0c;类似于毕业论文、写文案、视频剪辑等&#xff0c;需要反复修改和保留原历史数据。分布式 - 文件夹拷贝…

RocketMQ教程-(4)-领域模型概述

Apache RocketMQ 是一款典型的分布式架构下的中间件产品&#xff0c;使用异步通信方式和发布订阅的消息传输模型。通信方式和传输模型的具体说明&#xff0c;请参见下文通信方式介绍和消息传输模型介绍。 Apache RocketMQ 产品具备异步通信的优势&#xff0c;系统拓扑简单、上下…

Java-IDEA好用的插件

Lombok&#xff0c;结合一些列注解&#xff0c;帮我们轻松解决重复编写实体类get、set、toString、build、构造方法等麻烦 Chinesepinyin-CodeComp&#xff0c;让界面汉化&#xff0c;使用起来更有亲和力 MyBatisX,点击小鸟图标&#xff0c;轻松再Mapper接口与xml文件之间实…

【算法与数据结构】104、111、LeetCode二叉树的最大/最小深度

文章目录 一、题目二、层序遍历法三、递归法四、完整代码 所有的LeetCode题解索引&#xff0c;可以看这篇文章——【算法和数据结构】LeetCode题解。 一、题目 二、层序遍历法 思路分析&#xff1a;两道题都可以用层序遍历&#xff08;迭代法&#xff09;来做&#xff0c;遍历完…

帮助中心内容需要囊括什么?(内含案例分享)

给产品制作一个帮助中心&#xff0c;让用户能够通过访问帮助中心查看产品相关内容&#xff0c;尽快了解产品&#xff0c;熟悉操作。不仅仅局限于售后&#xff0c;在售中售前都能够发挥很大的作用&#xff0c;帮助用户全面了解产品&#xff0c;减少销售的工作量&#xff0c;节约…

Zookeeper命令总结

目录 1、常用命令2、ls path3、create xxx创建持久化节点创建临时节点创建持久化序列节点 4、get path5、set path6、delete path7、监听器总结1&#xff09;节点的值变化监听2&#xff09;节点的子节点变化监听&#xff08;路径变化&#xff09;3&#xff09;当某个节点创建或…

最优化方法

一. 图论 1.最小生成树 图的生成树是它的一颗含有其所有顶点的无环连通子图,一 幅加权图的最小生成树(MST)是它的一颗权值(树中的所有边的权值之和) 最小的生成树 • 适用场景&#xff1a;道路规划、通讯网络规划、管道铺设、电线布设等 题目数据 kruskal算法 稀疏图&#x…

oracle单个用户最大连接数限制

项目经理反馈&#xff0c;现场已做了单个用户的最大连接数2000的限制&#xff0c;但数据库还是报无法连接&#xff0c;故障用户的连接数已3800多了。 查看日志报错如下 2023-07-20T13:07:57.79465308:00 Process m000 submission failed with error 20 Process m000 submiss…

HDFS的设计目标和重要特性

HDFS的设计目标和重要特性 设计目标HDFS重要特性主从架构分块存储机制副本机制namespace元数据管理数据块存储 设计目标 硬件故障(Hardware Failure)是常态&#xff0c;HDFS可能有成百上千的服务器组成&#xff0c;每一个组件都有可能出现故障。因此古见检测和自动快速恢复的H…

梯度提升树的基本思想

目录 1. 梯度提升树 VS AdaBoost 2. GradientBoosting回归与分类的实现 2.1 GradientBoosting回归 2.2 GradientBoosting分类 1. 梯度提升树 VS AdaBoost 梯度提升树&#xff08;Gradient Boosting Decision Tree&#xff0c;GBDT&#xff09;是提升法中的代表性算法&#…

帆软报表设计器设置步骤

1、连接工作目录&#xff08;可以是远程服务器&#xff09; 在打开的界面中设置具体的远程地址 一个报表文件可以有多个数据集、但是数据集依附于报表文件的存在&#xff0c;不能跨报表共享。 先补充这么多&#xff0c;有遇到问题再写一点。 &#xff08;完&#xff09;

Cpp 01 — namespace命名空间、C++的输入与输出、缺省参数、函数重载、引用、隐式类型转换

前言&#xff1a;本文章主要用于个人复习&#xff0c;追求简洁&#xff0c;感谢大家的参考、交流和搬运&#xff0c;后续可能会继续修改和完善。 因为是个人复习&#xff0c;会有部分压缩和省略。 一、namespace命名空间 C使用命名空间(namespace)来避免命名冲突。 在定义一个…

STM32CUBUMX配置RS485(中断接收)--保姆级教程

———————————————————————————————————— ⏩ 大家好哇&#xff01;我是小光&#xff0c;嵌入式爱好者&#xff0c;一个想要成为系统架构师的大三学生。 ⏩最近在开发一个STM32H723ZGT6的板子&#xff0c;使用STM32CUBEMX做了很多驱动&#x…

Vue mixin 混入

可以复用的组件&#xff0c;我们一般会抽离&#xff0c;写成公共的模块。 可以复用的方法&#xff0c;我们一般会抽离&#xff0c;写成公共的函数。 那么 在 Vue 中&#xff0c;如果 某几个组件实例 VueComponent 中、或者 整个 Vue 项目中 都存在相同的配置&#xff0c;那就…

firefox笔记-Centos7离线安装firefox

目前&#xff08;2023-03-22 16:41:35&#xff09;Centos7自带的firefox已经很新了是2020年的。主要原因是有个web项目&#xff0c;用2020年的firefox打不开。 发到互联网上是2023-07-24。 报错是js有问题&#xff0c;估计是搞前端的只做了chrome适应&#xff0c;没做firefox…

Spring使用注解进行对象装配(DI)

文章目录 一. 什么是对象装配二. 三种注入方式1. 属性注入2. 构造方法注入3. Setter注入 三. 三种注入方式的优缺点四. 综合练习 通过五大类注解可以更便捷的将对象存储到 Spring 中&#xff0c;同样也可以使用注解将已经储存的对象取出来&#xff0c;直接赋值到注解所在类的一…

ATTO488 NHS ester ,新型亲水性荧光标记物,具有良好的水溶性

陕西新研博美生物科技有限公司MISS.wu小编&#xff08;2023.7月26日&#xff09;为大家整理以下的内容&#xff1a; Atto488-NHS是一种新型亲水性荧光标记物&#xff0c;具有良好的水溶性。这种染料表现得很浓吸收、高荧光量子产率以及优异的热稳定性和光稳定性。因此&#xff…