项目花园范德彪

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

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

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

文章目录

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

本系列校训

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

本项目使用技术

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

环境

ＰＨＰ版本	mysql版本	运行工具	编辑工具
5.5.38+Apache	5.5(phpstudy自带)	phpstudy2018	VSCode

上效果图

不管是啥系统，除了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路由的解析呢，也很少很少。弄太多吧，又不是一篇博客能写得完。就只说一下这个默认路由吧。

代码部分：

控制器


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-layer
							id="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-layer
								id="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><!--

								--><a
								id="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-layer
								id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
								id="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><!--

								--><a
								id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
								id="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><!--

								--><a
								id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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-layer
							id="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 fresh
								vegetables 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 fresh
								vegetables 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 with
							accredited farmers</h2>
							<span class="sub-text">Organic Foods and Café is a family run company founded in
							2004 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.







Speciality Produce
New range coming in on a weekly basis veg section.








Categories
We believe in working with
accredited farmerss








V


Vegetables 
Purchasing from select family farmers who farm organically.

 Shop now 








F


Fresh Fruits
Purchasing from select family farmers who farm organically.

 Shop now 








N


Nuts & dried food
Purchasing from select family farmers who farm organically.

 Shop now 








S


Spices 
Purchasing from select family farmers who farm organically.

 Shop now 








V


Vegetables 
Purchasing from select family farmers who farm organically.

 Shop now 








F


Fresh Fruits
Purchasing from select family farmers who farm organically.

 Shop now 








N


Nuts & dried food
Purchasing from select family farmers who farm organically.

 Shop now 








S


Spices 
Purchasing from select family farmers who farm organically.

 Shop now 




























Return Policy
Purchasing from select family farmers who farm organically.









100% Fresh
Purchasing from select family farmers who farm organically.









Support 24/7
Purchasing from select family farmers who farm organically.









Secured Payment
Purchasing from select family farmers who farm organically.









Why Choose us?
We do not buy from the open market & traders.
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.
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.



















 1542 ⁺
Satisfied Clients









 182 ⁺
Expert Team









 285 ⁺
Activate Products









 27 ⁺
Award Winning












Products 
All of our products are organic & fresh.















Organic Juice
$10.00-$20.00











Add To Cart














Fresh Orange
$10.00-$20.00











Add To Cart














Organic Cabbage
$10.00-$20.00











Add To Cart














Brown Bread
$10.00-$20.00











Add To Cart














Organic Juice
$10.00-$20.00











Add To Cart














Fresh Orange
$10.00-$20.00











Add To Cart














Organic Cabbage
$10.00-$20.00











Add To Cart














Brown Bread
$10.00-$20.00











Add To Cart



















Best Deals of the week!
Grab the best offer of this week!





Days



Hours



Minutes



Seconds















Team member 
We have awesome team member to support.











Alisa Lisa
Customer Care Officer






Lisa focuses on providing customers with Organic and Fair Trade Food.

















Robert Leo
Farmer






Lisa focuses on providing customers with Organic and Fair Trade Food.

















Nora Bell
Sales Executive






Lisa focuses on providing customers with Organic and Fair Trade Food.

















Alisa Lisa
Customer Care Officer






Lisa focuses on providing customers with Organic and Fair Trade Food.

















Robert Leo
Farmer






Lisa focuses on providing customers with Organic and Fair Trade Food.

















Nora Bell
Sales Executive






Lisa focuses on providing customers with Organic and Fair Trade Food.



























Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits










Organic Grape
Farming fruits



><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 Organic
Chocolates 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 for
organic 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 flakes
especially 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, Melbourne
VIC 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，你不能按套路出牌

你可能感兴趣的:(#,PHP,php,项目实战,实训项目,漂亮主页)

关于沟通这件事，项目经理不需要每次都面对面进行流程大师兄
很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
OC语言多界面传值五大方式 Magnetic_h ios ui 学习 objective-c 开发语言
前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
一百九十四章. 自相矛盾巨木擎天
唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
如何在 Fork 的 GitHub 项目中保留自己的修改并同步上游更新？github_fork_update iBaoxing github
如何在Fork的GitHub项目中保留自己的修改并同步上游更新？在GitHub上Fork了一个项目后，你可能会对项目进行一些修改，同时原作者也在不断更新。如果想要在保留自己修改的基础上，同步原作者的最新更新，很多人会不知所措。本文将详细讲解如何在不丢失自己改动的情况下，将上游仓库的更新合并到自己的仓库中。问题描述假设你在GitHub上Fork了一个项目，并基于该项目做了一些修改，随后你发现原作者对
抖音乐买买怎么加入赚钱?赚钱方法是什么测评君高省
你会在抖音买东西吗?如果会，那么一定要免费注册一个乐买买，抖音直播间，橱窗，小视频里的小黄车买东西都可以返佣金!省下来都是自己的，分享还可以赚钱乐买买是好省旗下的抖音返佣平台，乐买买分析社交电商的价值，乐买买属于今年难得的副业项目风口机会，2019年错过做好省的搞钱的黄金时期，那么2022年千万别再错过乐买买至于我为何转到高省呢？当然是高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自
PHP环境搭建详细教程好看资源平台前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
GitHub上克隆项目 bigbig猩猩 github
从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
git - Webhook让部署自动化大猪大猪
我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
每日算法&面试题，大厂特训二十八天——第二十天（树）肥学 ⚡算法题⚡面试题每日精进 java 算法数据结构
目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题，最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧！！特别介绍小白练手专栏，适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
Faiss Tips：高效向量搜索与聚类的利器焦习娜Samantha
FaissTips：高效向量搜索与聚类的利器faiss_tipsSomeusefultipsforfaiss项目地址:https://gitcode.com/gh_mirrors/fa/faiss_tips项目介绍Faiss是由FacebookAIResearch开发的一个用于高效相似性搜索和密集向量聚类的库。它支持多种硬件平台，包括CPU和GPU，能够在海量数据集上实现快速的近似最近邻搜索（AN
冬天短期的暴利小生意有哪些？那些小生意适合新手做？一起高省
短期生意不失为创业的一个商机，不过短期生意的商机是转瞬即逝的，而且这类生意也很难作为长期的生意去做，那冬天短期暴利小生意查看更多关于短期暴利小生意的文章有哪些呢?给大家先推荐一个2023年风口项目吧，真很不错的项目，全程零投资，当做副业来做真的很稳定，不管你什么阶层的人，或多或少都网购吧？你们知道网购是可以拿提成，拿返利，拿分佣的吗？你们知道很多优惠券群里面，天天群主和管理发一些商品吗？他们其实在
高级 ECharts 技巧：自定义图表主题与样式 SnowMan1993 echarts 信息可视化数据分析
ECharts是一个强大的数据可视化库，提供了多种内置主题和样式，但你也可以根据项目的设计需求，自定义图表的主题与样式。本文将介绍如何使用ECharts自定义图表主题，以提升数据可视化的吸引力和一致性。1.什么是ECharts主题？ECharts的主题是指定义图表样式的配置项，包括颜色、字体、线条样式等。通过预设主题，你可以快速更改图表的整体风格，而自定义主题则允许你在此基础上进行个性化设置。2.
01-Git初识 Meereen Git git
01-Git初识概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容。切换代码版本，多人开发时高效合并代码内容如何学：个人本机使用：Git基础命令和概念多人共享使用：团队开发同一个项目的代码版本管理Git配置用户信息配置：用户名和邮箱，应用在每次提交代码版本时表明自己的身份命令：查看git版本号git-v配置用户名gitconfig--globaluser.name
Faiss：高效相似性搜索与聚类的利器网络·魚大数据 faiss
Faiss是一个针对大规模向量集合的相似性搜索库，由FacebookAIResearch开发。它提供了一系列高效的算法和数据结构，用于加速向量之间的相似性搜索，特别是在大规模数据集上。本文将介绍Faiss的原理、核心功能以及如何在实际项目中使用它。Faiss原理：近似最近邻搜索：Faiss的核心功能之一是近似最近邻搜索，它能够高效地在大规模数据集中找到与给定查询向量最相似的向量。这种搜索是近似的，
【无标题】达瓦达瓦 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
上图为是否色发 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
果然只有离职的时候，才有人敢说真话！ return2ok
今天公司出了神贴。今天中午吃饭，同事问我看了论坛上的神贴了吗？什么帖子？我问。同事显得很惊讶，你居然没看，现在那个帖子可能会成为年度最佳帖子。这么厉害？我等不及了，饭没吃完就快速的奔向办公室，打开公司论坛，我要一睹这个帖子的神奇。写这帖子的童鞋胆儿真肥。这哪里是一个帖子，这是很多个帖子，组成了一个系列。某人从公司文化、管理、人事、项目管理等多个方面分析了公司的概况，并抨击了公司的各种弊端，并提出了
143234234123432 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
如何选择最适合你的项目研发管理软件？TAPD卓越版全面解析北京云巴巴信息技术有限公司产品经理需求分析
在当今快速发展的科技时代，项目研发管理软件已成为企业不可或缺的重要工具。面对市场上琳琅满目的产品，如何选择一款适合自己团队的项目研发管理软件呢？本文将围绕项目研发管理软件的选择标准，重点介绍TAPD卓越版的特点、优势以及使用体验，让你更好地理解和选择适合自己的项目研发管理软件。项目研发管理软件的选择标准在选择项目研发管理软件时，我们需要考虑以下几个方面的因素：功能全面性：软件是否覆盖了从需求管理、
OPENAIGC开发者大赛企业组AI黑马奖 | AIGC数智传媒解决方案 RPA中国人工智能 AIGC 传媒
在第二届拯救者杯OPENAIGC开发者大赛中，涌现出一批技术突出、创意卓越的作品。为了让这些优秀项目被更多人看到，我们特意开设了优秀作品报道专栏，旨在展示其独特之处和开发者的精彩故事。无论您是技术专家还是爱好者，希望能带给您不一样的知识和启发。让我们一起探索AIGC的无限可能，见证科技与创意的完美融合！创未来AI应用赛-企业组AI黑马奖作品名称：AIGC数智传媒解决方案参赛团队：深圳市三象智能技术
insert into select 主键自增_mybatis拦截器实现主键自动生成 weixin_39521651 insert into select 主键自增 mybatis delete返回值 mybatis insert返回主键 mybatis insert返回对象 mybatis plus insert返回主键 mybatis plus 插入生成id
前言前阵子和朋友聊天，他说他们项目有个需求，要实现主键自动生成，不想每次新增的时候，都手动设置主键。于是我就问他，那你们数据库表设置主键自动递增不就得了。他的回答是他们项目目前的id都是采用雪花算法来生成，因此为了项目稳定性，不会切换id的生成方式。朋友问我有没有什么实现思路，他们公司的orm框架是mybatis，我就建议他说，不然让你老大把mybatis切换成mybatis-plus。mybat
【从浅识到熟知Linux】Linux发展史 Jammingpro 从浅学到熟知Linux linux 运维服务器
归属专栏：从浅学到熟知Linux个人主页：Jammingpro每日努力一点点，技术变化看得见文章前言：本篇文章记录Linux发展的历史，因在介绍Linux过程中涉及的其他操作系统及人物，本文对相关内容也有所介绍。文章目录Unix发展史Linux发展史开源Linux官网企业应用情况发行版本在学习Linux前，我们可能都会问Linux从哪里来？它是如何发展的。但在介绍Linux之前，需要先介绍一下Un
“日舍一物”之42——活在当下，并向前看記二十一
这件衣服已经有十五、六年了（突然发现我可真是能囤东西啊）。这原本是一件我非常喜欢的衣服，无论是样子，还是质地。照片拍的比较渣，但其实，白色棉质衣料中，尚织有银色的丝线，在阳光或灯光下，会闪亮，不晃眼，但很漂亮。或许正是因为太喜欢了，所以一直保留着，尽管很多年都没有再穿过了。因为不合适了。首先是随着年龄的增长，尽管体重总量没有太多变化（哦，其实还是涨了）。但是体型还是和十几年前不一样了，最明显的就是
快乐春节 Lilywo
春节肯定是大多小朋友都喜欢的节日吧，因为春节的娱乐项目可多啦，下面我就带大家去看一看某些娱乐项目吧！第一件肯定就是穿新衣啦！因为辞旧迎新，一年过去了，要迎来新的一年。所以过年穿新衣也是一项习俗吧；第二件，收压岁钱。压岁钱大家都知道吧，过年的时候，小朋友们肯定都会受到大人们的压岁钱吧，对啦！大家知道为什么亲人们会给我们压岁钱呢？答案是因为亲人们希望我们在新的一年里可以健健康康、平平安安，幸福福的生活
spring如何整合druid连接池？惜.己 spring spring junit 数据库 java idea 后端 xml
目录spring整合druid连接池1.新建maven项目2.新建mavenModule3.导入相关依赖4.配置log4j2.xml5.配置druid.xml1)xml中如何引入properties2)下面是配置文件6.准备jdbc.propertiesJDBC配置项解释7.配置druid8.测试spring整合druid连接池1.新建maven项目打开IDE（比如IntelliJIDEA,Ecl
vue项目element-ui的table表格单元格合并酋长哈哈 vue.js elementui javascript 前端
一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
愿望石敢敢
二十岁，我希望苦涩少一点，可爱多一点晴天多一点，阴雨少一点二十岁，我希望相聚长一点，离别短一点微笑多一点，苦涩少一点二十岁，我希望真诚多一点，套路少一点时间慢一点，陪伴久一点二十岁，我希望努力多一点，抱怨少一点早起多一点，拖延少一点漂亮多一点，肉肉少一点所有愿望近一点……
android 更改窗口的层次,浮窗开发之窗口层级 Ms.Bu android 更改窗口的层次
最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
Spring4.1新特性——综述 jinnianshilongnian spring 4.1
目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
Schema与数据类型优化 annan211 数据结构 mysql
目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。选择优化的数据类型 1 更小的通常更好更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
第一节 HTML概要学习 chenke html Web css
第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。打开记事本输入一下内
MyEclipse里部分习惯的更改 Array_06 eclipse
继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist--> Activation triggers for java的右侧“.”就可以改变常用的快捷键选中 Text
近一个月的面试总结 cugfy 面试
本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。
HTML5一个小迷宫游戏 357029540 html5
通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
10步教你上传githib数据张亚雄 git
官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录（继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”）（查看文件
MongoDB常用操作命令大全 adminjun mongodb 操作命令
成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。一
bat调用jar包并传入多个参数 aijuans
下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）如： String ip =args[0]; String user=args[1]; &nbs
Java中对类的主动引用和被动引用 ayaoxinchao java 主动引用对类的引用被动引用类初始化
在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
导出数据库提示 outfile disabled BigBird2012 mysql
在windows控制台下，登陆mysql，备份数据库： mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
Javascript 中的 && 和 || bijian1013 JavaScript &&||
准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
[Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
为了说明问题，先来看个简单的示例代码： package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
【Scala十一】Scala核心五：case模式匹配 bit1129 scala
package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
运维的一些面试题 yuxianhua linux
1、Linux挂载Winodws共享文件夹 mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win
Java lang包-Boolean BrokenDreams boolean
Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
matlab下GPU编程笔记 cherishLC matlab
不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
SVN安装过程 crabdave SVN
SVN安装过程 subversion-1.6.12 ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
sql　行列转换 daizj sql 行列转换行转列列转行
行转列的思想是通过case when 来实现列转行的思想是通过union all 来实现下面具体例子：假设有张学生成绩表(tb)如下: Name Subject Result 张三语文　　74 张三数学　　83 张三物理　　93 李四语文　　74 李四数学　　84 李四物理　　94 */ /* 想变成姓名 &
MySQL--主从配置 dcj3sjt126com mysql
linux下的mysql主从配置：说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1 : 192.168.100.1 //master mysq
关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
sublime text3 中文乱码解决 dyy_gusi Sublime Text
sublime text3中文乱码解决原因：缺少转换为UTF-8的插件目的：安装ConvertToUTF8插件包第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。解决方案： 1： git pull 2：
第四章 Lua模块开发 jinnianshilongnian nginx lua
在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
java.lang.reflect.Proxy liyonghui160com
1.简介 Proxy 提供用于创建动态代理类和实例的静态方法（1）动态代理类的属性代理类是公共的、最终的，而不是抽象的未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
Java中getResourceAsStream的用法 pda158 java
1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。　　2. Class.getClassLoader.get
spring 包官方下载地址（非maven） sinnk spring
SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径: http://repo.springsource.org/libs-release-local/org/springframework/spring/ s
Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oracle sql 编程
哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！编程时使用的工具是PLSQL

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

文章目录

本系列校训

本项目使用技术

上效果图

主页

注册，登陆

phpStudy 设置

导数据库

项目目录如图：

代码部分：

控制器

前台的首页

Speciality Produce

We believe in working with accredited farmerss

Vegetables

Fresh Fruits

Nuts & dried food

Spices

Vegetables

Fresh Fruits

Nuts & dried food

Spices

Return Policy

100% Fresh

Support 24/7

Secured Payment

We do not buy from the open market & traders.

1542 +

182 +

285 +

27 +

All of our products are organic & fresh.

Grab the best offer of this week!

We have awesome team member to support.

其它配套页面展示

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

第三套方案的页面。

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

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

迷你版电商的配套6

配套资源

作业：

你可能感兴趣的:(#,PHP,php,项目实战,实训项目,漂亮主页)

1542 ⁺

182 ⁺

285 ⁺

27 ⁺