<style>@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,900;1,800;1,900&family=Sail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, .contact-form-section .address, .accordion-box .acc-content, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{color:#494848;}body, textarea, input{font-family:Poppins; font-size:16px;}.logo h1 {font-family:Poppins;color:#282828;font-size:40px}.tagline{color:#232323;}.logo img{height:26px;}.logo-and-menu{background-color:rgba(255,255,255,1);}.header.fixed .logo-and-menu{background:#ffffff;}.infobox, .infobox a, .top-align-right .social-icons a{ color:#ffffff !important;}.site-navigation ul{font-family:'Poppins', sans-serif; font-size:17px}.site-navigation ul li a{color:#232323;}h2.section_title, .sec_content_main_title{ font-family:Poppins; font-size:45px; color:#232323; }.pricing_table .th, .price_col .price{ font-family:Poppins; }h4.sectionsubtitle, .sec_content_sub_title, span.sub-title-head{ font-size:21px; font-family:Poppins; }.welcome_contentcolumn h3 span{ font-family:Poppins; }#section2-pagearea{ background:#ffffff;}#pagearea{ background:#f9f9f9;}a:hover, .slide_toggle a:hover{color:#272727;}.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{font-size:20px;  font-family:Poppins; color:#252525; }.copyright-txt{color:#343434}.design-by{color:#343434}.button, #commentform input#submit, input.search-submit, .post-password-form input[type=submit], p.read-more a, .pagination ul li span, .pagination ul li a, .headertop .right a, .wpcf7 form input[type='submit'], #sidebar .search-form input.search-submit{ color:#ffffff; }.button:hover, #commentform input#submit:hover, input.search-submit:hover, .post-password-form input[type=submit]:hover, p.read-more a:hover, .pagination ul li .current, .pagination ul li a:hover,.headertop .right a:hover, .wpcf7 form input[type='submit']:hover{ color:#ffffff;}a.morebutton{ color:#ffffff !important; }a.morebutton:hover{ color:#ffffff;}a.buttonstyle1{background-color:#202020; color:#ffffff; }a.buttonstyle1:hover{ color:#ffffff;}#sidebar .search-form input.search-field{ background-color:#F0EFEF; color:#6e6d6d;  }#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{ color:#282828; font-size:24px;}#footer-wrapper{background-color:#f6f3ee; color:#161616;}.footer ul li a, .footer ul li a:hover{color:#161616;}.footer-highlight-border{background-color:#f6f3ee;}.contactdetail a{color:#161616; }.nivo-controlNav a{background-color:#ffffff}#sidebar ul li{border-color:#eeeeee}#sidebar ul li a{color:#78797c; }#sidebar ul li:before{color:#78797c !important; }.nivo-caption h2{ font-family:Poppins; color:#252525; font-size:46px;  }.nivo-caption p{font-family:Poppins; color:#161616; font-size:16px;}.copyright-wrapper a, .copyright-wrapper a:hover{ color: #343434; }.copyright-wrapper{ background: #ebebeb; }.menu-toggle{ color:#ffffff; }h1, h2, h3, h4, h5, h6{ font-family:Poppins; }h1{ font-size:30px; color:#282828;}h2{ font-size:30px; color:#282828;}h3{ font-size:25px; color:#282828;}h4{ font-size:20px; color:#282828;}h5{font-size:19px; color:#282828;}h6{ font-size:17px; color:#282828;}.social-icons a{ color:#ffffff; background:#1b1b1b; }.social-icons a:hover{ color:#ffffff; }.nivo-directionNav a{background-color:rgba(255,255,255,1);}.holderwrap h5{ color:1; }.holderwrap h5::after{ background-color:1; }.our-services-bg{ background-color:#87b900; }.owl-controls .owl-dot{ background-color:#ffffff; }.owl-controls .owl-dot.active{ background-color:#000000; }.header-search-button button, a.morebutton, #commentform input#submit, input.search-submit, .post-password-form input[type='submit'], p.read-more a, .pagination ul li span, .pagination ul li a, .headertop .right a, .wpcf7 form input[type='submit'], #sidebar .search-form input.search-submit, .offer-1-column .offimgbx, ul.portfoliofilter li a.selected,  ul.portfoliofilter li a:hover, ul.portfoliofilter li:hover a, .holderwrap, .pricing_table .tf a, input.search-submit:hover, .post-password-form input[type=submit]:hover, p.read-more a:hover, .pagination ul li .current, .pagination ul li a:hover, .headertop .right a:hover, .wpcf7 form input[type='submit']:hover, .shopnow:hover, .toggle a,  a.buttonstyle1:hover, .shopnow:hover, .hvr-sweep-to-right::before, .newsletter-form i, .column-3.bgcolor, .toggled .menu-toggle, .skillbackgroundwp, .woocommerce span.onsale, .woocommerce.featured-products ul.products li.product .button, .nivo-caption .button, .nivo-caption .button.slide-shopnow:hover, a.viewcollection-button:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .nivo-directionNav a:hover, .welcome_imgcolumn .image-left-title, .clients-feedback, .trusted-title-image h4, .exclusive-offer-image h3, .tabs-wrapper .tab-content a, ul.clientlogos li:hover, .header-call-to-action, .prd-count, .header-search .header_right_form, .overlay button:hover, .overlay .closebtn:hover, .favorites-menu-thumb, .natural-count, .bgcolor-contact, .nivo-controlNav a.active, .headerinfoblock, .headerinfoblock:after, .box-color-1 .pagemore, .box-color-4 .pagemore, .top6box .top6boxthumbbx, .our-mission-thumb, .woocommerce ul.products li.product:hover .product-thumb, .woocommerce ul.products li.product .button, .offering-services .offering-services-icon, .news-box .PostMeta-cat{ background-color:#58a740; }.overlay{background-color:rgba(88,167,64,0.9);}@media screen and (max-width: 1023px){.toggled .menu li{ background:#58a740; }}@media screen and (max-width: 1023px){.toggled .menu li:hover{ background:#ed9f1e; }}.box-color-3 .pagemore, .box-color-6 .pagemore{ background:#c0777c; }.box-color-3 h4, .box-color-6 h4{ color:#c0777c; }
      .site-navigation .menu ul a:hover,
      .site-navigation .menu a:hover,
      .site-navigation .menu ul a:focus,
      .site-navigation ul > li.current_page_item > a,
      .site-navigation ul > li.current-menu-ancestor > a,
      .site-navigation ul li.current_page_item ul.sub-menu li a:hover, 
      .site-navigation ul li.current-menu-parent ul.sub-menu li a:hover,
      .site-navigation ul li.current-menu-parent ul.sub-menu li ul.sub-menu li a:hover,
      .site-navigation ul li.current-menu-parent ul.sub-menu li.current_page_item a, 
      .site-navigation ul ul li a:hover,
      .site-navigation ul li ul li.current-page-parent > a, 
      .site-navigation ul li ul li.current_page_item > a, 
      .button, .tabs-wrapper ul.tabs li a.selected, .accordion-box h2.active, .woocommerce ul.products li.product-category.product:hover h2, .woocommerce.featured-products ul.products li.product:hover h2, .something-new:hover .info h5, 
      a, .ai-wrap .ai-btn:hover, .cntbutton, 
      .AppLink:hover,     
      .contactdetail a:hover,     
      div.recent-post a:hover,
      #sidebar ul li::before,     
      h2.section_title span,
      .welcome_contentcolumn h3 span, 
      .slide_toggle a, 
      ul.recent-post li .footerdate,
      #sidebar ul li a:hover,
      .teammember-content span,     
      .post-title a:hover,    
      .bloggridlayout h3.post-title a:hover, 
      .header-top .left span, a.borderbutton:hover,
      #section11 a.borderbutton:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .contactinfo h5, .videobox .playbtn:after, .welcome_contentcolumn h3.section_title_subtitle, .contact-gride:hover h5, .our-services:hover .services-title h3, #section8 h6, #back-top i, .box-color-1 h4, .box-color-4 h4, .top6box:hover h6, #section2 p, .footer .social-icons a:hover, .copyright-wrapper .social-icons a:hover{ color:#58a740; }.ai-wrap .ai-btn:hover svg{ fill:#58a740;}span.post-by-admin, span.post-by-admin a, .sub-title-head{ color:#58a740 !important;}.teammember-list .thumnailbx-border, 
      a.borderbutton:hover,
      h1.entry-title:after,
      #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, 
      #sidebar h1:after, #sidebar h2:after, #sidebar h3:after, #sidebar h4:after, #sidebar h5:after, #sidebar h6:after,
      .woocommerce ul.products li.product-category.product:hover, .towimage-wp .thumbnail-image-1, .footer h5:after, #back-top a{ border-color:#58a740; }.shopnow{ background-color:#202020;}.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .donatenow, .button:hover,
a.morebutton:hover,
#commentform input#submit:hover, 
input.search-submit:hover, 
.post-password-form input[type=submit]:hover, 
p.read-more a:hover, 
.pagination ul li .current, 
.pagination ul li a:hover,
.headertop .right a:hover, 
.wpcf7 form input[type='submit']:hover, .toggled .menu .toggled-on > .sub-menu, .menu-toggle, .teammember-list .thumnailbx, .rounded-circle-title, 
.woocommerce ul.products li .product_type_simple:hover, .woocommerce ul.products li .product_type_external:hover, .woocommerce ul.products li .product_type_grouped:hover, .woocommerce ul.products li.product .button:hover, .woocommerce.featured-products ul.products li.product .button:hover, .shop-on-the-go, .newsletter-signup-wp, .tabs-wrapper .tab-content a:hover, .social-icons a:hover, .pp_topstrip .header-request-quote:hover .custombtn:after, .pp_topstrip, .header-request-quote .custombtn a.morebutton:hover, .header-search-button button:hover, .nivo-caption .button:hover, .nivo-caption .button.slide-shopnow, .box-color-2 .pagemore, .box-color-5 .pagemore, .counter-column, #section6 .videobox .playbtn, #section6 .custombtn:nth-child(odd) a.morebutton, .offering-services:hover .offering-services-icon{ background-color:#ed9f1e; }.woocommerce.best-selling-products ul.products li.product .button:hover{ background-color:#ed9f1e !important; }.contact-info-gride-con a:hover, #back-top:hover i{color:#ed9f1e !important; }.campaign-detail .campaign-detail-thumb, 
      .album-released-info a.button2:hover, #back-top:hover a{ border-color:#ed9f1e;}ul.list-style li a:hover, 
      .contactinfo .contactinfo-icon, 
      .woocommerce.best-selling-products ul.products li.product:hover h2, .box-color-2 h4, .box-color-5 h4{ color:#ed9f1e;}</style> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
    <style type="text/css">
    
  </style>
  <style type="text/css" media="print">#wpadminbar { display:none; }</style>
  <style type="text/css" media="screen">
  html { margin-top: 32px !important; }
  @media screen and ( max-width: 782px ) {
    html { margin-top: 46px !important; }
  }
</style>
  </head>

<body id="top" class="home blog logged-in admin-bar no-customize-support theme-groceem-pro woocommerce-no-js">
<div class="sitewrapper ">
<div class="header">
  <div id="myOverlay" class="overlay">
    <div class="overlay-content">
    <form role="search" method="get" action="#">
        <input type="text" class="search-field"  placeholder="type search here" value="" name="s" title="Search for:" />
        <button type="submit"><i class="fa fa-search"></i></button>
        <span class="closebtn" onClick="closePopUp()" title="Close Overlay">×</span>
      </form>
    </div>
  </div>
  
    <div class="pp_topstrip">
    <div class="container">
      <div class="top-align-left">
                  Melbourne - 2000, Str. Avenue, Australia              </div>
      <div class="top-align-right">
        <div class="social-icons">
<a href="#" target="_blank" class="fab fa-facebook-f"></a> 
<a href="#" target="_blank" class="fab fa-twitter"></a> 
<a href="#" target="_blank" class="fab fa-linkedin-in"></a> 
<a href="#" target="_blank" class="fab fa-instagram"></a> 
<a href="#" target="_blank" class="fab fa-youtube"></a>       
</div>      </div>
      <div class="clear"></div>
    </div>
    <!-- .container--> 
  </div>
  <!-- .pp_topstrip-->
  
  <div class="headerinfoblock">
    <div class="container">
        <div class="top-align-left">
                      <div class="infobox"><i class="fas fa-phone fa-rotate-90"></i> 123 456 7890</div>
                                        <div class="infobox"><i class="far fa-envelope"></i> contact@sitename.com</div>
                                        <div class="infobox"><i class="far fa-clock"></i> Open Hours: Mn – St 8:00 a.m. – 9:00 p.m.</div>
                        <div class="clear"></div>
        </div>
        
        <div class="top-align-right">
                      <div class="header-request-quote"><div class="custombtn"><a class="morebutton hvr-float-shadow" href="#" target="_self">FREE QUOTE</a></div></div>
                    </div>      
      <div class="clear"></div>
    </div>
    <!-- .container--> 
  </div>
  <!-- .pp_topstrip-->  
  
    
  <div class="container">
    <div class="logo-and-menu">
      <div class="logo">
                <a href="<?php echo home_url(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" / ></a>
                      </div>
      <!-- .logo -->
      
      <div class="mainmenu-right-area">
        <div class="mainmenu">
         <div id="topnavigator" role="banner">
            <button class="menu-toggle" aria-controls="main-navigation" aria-expanded="false" type="button"> <span aria-hidden="true">
                        Menu                        </span> <span class="dashicons" aria-hidden="true"></span> </button>
            <nav id="main-navigation" class="site-navigation primary-navigation" role="navigation">
              <ul id="primary" class="primary-menu menu">
                  <li class="current_page_item"><a href="<?php echo home_url(); ?>">Home</a></li>
                  <li><a href="#">Sample Page</a></li>
                  <li><a href="#">Contact Us</a></li>
                </ul>
              </nav>
            <!-- #site-navigation --> 
          </div>
          <!-- #topnavigator --> 
        </div>
        <!-- .mainmenu-->
            <div class="menurightinfo">
          <div class="cart-item"> <a class="cart-contents" href="#" title="View your shopping cart"> <i class="fas fa-shopping-bag"></i> <span class="prd-count">4</span> <span class="prd-amount"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&pound;</span>105.00</bdi></span></span>
            <div class="clear"></div>
            </a> </div>
        </div>
                        <div class="header-search-button">
          <button class="openBtn" onClick="openPopUp()"><img src="<?php echo get_template_directory_uri(); ?>/images/search-icon.png"></button>
        </div>
              </div>
      <!-- mainmenu-right-area -->
      <div class="clear"></div>
    </div>
    <!-- .container--> 
  </div>
  <!--logo-and-menu--> 
</div>
<!-- .header -->

<div class="slider-main">
    <div id="slider" class="nivoSlider">
        <img src="<?php echo get_template_directory_uri(); ?>/images/slides/slider1.jpg" alt="" title="#slidecaption1"/>
       </div>
    <div id="slidecaption1" class="nivo-html-caption">
        <h2>Check out our best Weekly price</h2>
            <p>Curabitur ligula enim, pellen sitam etullamcorp molesti viverra nonelit.</p>
            <a class="button hvr-bounce-out" href="#"> VIEW MORE </a>
          <a class="button hvr-bounce-out slide-shopnow" href="#"> SHOP NOW </a>
      </div>
  </div>
<!-- slider -->

<section id="pagearea">
  <div class="container">
    <div class="area_row">
            <div class="box-equal-height">
                <div class="top4box  box-color-1 ">
          <div class="topboxbg">
            <div class="thumbbx-title">
              <div class="thumbbx"> <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/services_icon1.png" alt="" /></a> </div>
              <a href="#">
              <h4>Organic Food</h4>
              </a> </div>
            <!-- thumbbx-title -->
            <div class="clear"></div>
            <p>
              Curabitur ligula enim, pellen sitam etullamcorp molesti viverra nonelit Sed eleifend porttitor nulla.            </p>
                        <a class="pagemore hvr-float-shadow" href="#">View Details</a>
                      </div>
          <!-- <div class="pagecontent"> </div> topboxbg --> 
        </div>
                <div class="top4box  box-color-2 ">
          <div class="topboxbg">
            <div class="thumbbx-title">
              <div class="thumbbx"> <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/services_icon2.png" alt="" /></a> </div>
              <a href="#">
              <h4>100% Natural</h4>
              </a> </div>
            <!-- thumbbx-title -->
            <div class="clear"></div>
            <p>
              Curabitur ligula enim, pellen sitam etullamcorp molesti viverra nonelit Sed eleifend porttitor nulla.            </p>
                        <a class="pagemore hvr-float-shadow" href="#">View Details</a>
                      </div>
          <!-- <div class="pagecontent"> </div> topboxbg --> 
        </div>
                <div class="top4box  box-color-3 last_column">
          <div class="topboxbg">
            <div class="thumbbx-title">
              <div class="thumbbx"> <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/services_icon3.png" alt="" /></a> </div>
              <a href="#">
              <h4>Fresh &amp; Tasty</h4>
              </a> </div>
            <!-- thumbbx-title -->
            <div class="clear"></div>
            <p>
              Curabitur ligula enim, pellen sitam etullamcorp molesti viverra nonelit Sed eleifend porttitor nulla.            </p>
                        <a class="pagemore hvr-float-shadow" href="#">View Details</a>
                      </div>
          <!-- <div class="pagecontent"> </div> topboxbg --> 
        </div>
                <div class="clear"></div>
      </div>
      <!-- .row--> 
    </div>
    <!-- .box-equal-height--> 
  </div>
  <!-- .container --> 
</section>
<!-- #pagearea -->
<section id="section2-pagearea">
  <div class="container">
    <div class="area_row">
            <h2 class="section_title">From our family farm to your Home </h2>
            <div class="box-equal-height">
            <div class="top6box ">
        <div class="top6boxbg">
          <div class="top6boxthumbbx"><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/family_farm_image1.png" alt="" /></a> </div>
          <a href="#">
          <h6>EGGS</h6>
          </a> </div>
      </div>
            <div class="top6box ">
        <div class="top6boxbg">
          <div class="top6boxthumbbx"><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/family_farm_image2.png" alt="" /></a> </div>
          <a href="#">
          <h6>honey</h6>
          </a> </div>
      </div>
            <div class="top6box ">
        <div class="top6boxbg">
          <div class="top6boxthumbbx"><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/family_farm_image3.png" alt="" /></a> </div>
          <a href="#">
          <h6>coconut</h6>
          </a> </div>
      </div>
            <div class="top6box ">
        <div class="top6boxbg">
          <div class="top6boxthumbbx"><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/family_farm_image4.png" alt="" /></a> </div>
          <a href="#">
          <h6>vegies</h6>
          </a> </div>
      </div>
            <div class="top6box ">
        <div class="top6boxbg">
          <div class="top6boxthumbbx"><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/family_farm_image5.png" alt="" /></a> </div>
          <a href="#">
          <h6>Fresh butter</h6>
          </a> </div>
      </div>
            <div class="top6box last_column">
        <div class="top6boxbg">
          <div class="top6boxthumbbx"><a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/family_farm_image6.png" alt="" /></a> </div>
          <a href="#">
          <h6>sweet corn</h6>
          </a> </div>
      </div>
            <div class="clear"></div>
    </div>
    <!-- .row--> 
    </div>
    <!-- .box-equal-height--> 
  </div>
  <!-- .container --> 
</section>


            <section style="background-color:#f9f9f9; " id="section1" class="menu_page">
              <div class="container">
                    <div class="section_shadow">
                                <p><div class="left-column-40">
    <div class="our-mission-image">
      <img src="<?php echo get_template_directory_uri(); ?>/images/providing-high-quality-image.png" />
    </div>  
  </div><div class="right-column-55"><div class="subtitle" style="color:#6cbe02;">Welcome to Groceem</div><div class="sec_content_main_title" style="color:#343434">Providing High Quality Healthy and Natural Products</div><div class="subtitle" style="color:#161616;">Curabitur ligula enim, pellen sitam etullamcorp molesti viverr Curabitur ligula enim, pellen sitam etullamcorp molesti viverr Sed eleifend porttitor nulla.</div>
    <div class="our-mission">
      <div class="our-mission-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/our-mission-icon-1.png" /></div>
      <div class="our-mission-wp">
        <h3>Our Mission</h3>
        <p>Curabitur ligula enim, pellen sitam etullamcorp Curabitur ligula enim, etullamcorp.</p>
      </div>
    </div>  
  
    <div class="our-mission">
      <div class="our-mission-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/our-mission-icon-2.png" /></div>
      <div class="our-mission-wp">
        <h3>Our Mission</h3>
        <p>Curabitur ligula enim, pellen sitam etullamcorp Curabitur ligula enim, etullamcorp.</p>
      </div>
    </div>  
  </div><div class="clear"></div></p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
  
  <section style="background-color:#ffffff; background-image:url(<?php echo get_template_directory_uri(); ?>/images/section3.jpg); background-repeat:no-repeat; background-position: center top; background-attachment:fixed; background-size:cover; " id="section3" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                <div class="left-column-50">
<h4>Looking Organic Food?</h4>
<p><div class="sec_content_main_title" style="color:#ffffff">Everyday Fresh & Clean Organic Products</div><div class="subtitle" style="color:#ffffff;">Curabitur ligula enim, pellen sitam etullamcorp molesti viverra nonelit Sed eleifend porttitor nulla.</div><div class="custombtn"><a class="morebutton hvr-float-shadow" href="#" target="_self">READ MORE</a></div></div><div class="right-column-50">
    <div class="videobox"  style="background:none !important; min-height:150px;" >
       
       <a href="" class="youtube-link" youtubeid="DBEIfYc2C3A">
        <div class="playbtn"></div>
        
       </a> 
       
    </div></div><div class="clear"></div></p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#ffffff; " id="section4" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                <p><div class="left-column-40">
    <div class="organic-fresh-image">
      <img src="<?php echo get_template_directory_uri(); ?>/images/organic-fresh-image.png" />
    </div>  
  </div><div class="right-column-55"><div class="sec_content_main_title" style="color:#343434">All of our products are organic & fresh</div><div class="subtitle" style="color:#161616;">Curabitur ligula enim, pellen sitam etullamcorp molesti viverra nonelit Sed eleifend porttitor nulla.</div>
    <div class="organic-fres hvr-bounce-in">      
      <div class="organic-fres-bg">
        <div class="organic-fres-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/organic-fresh-1.png" /></div>
        <div class="organic-fres-title">
          <h4>Organic Food</h4>
          <p>Curabitur ligulaenim pellen sitam etullamcnulla.</p> 
        </div>
        <div class="clear"></div>
      </div>
      <a href="#">
        READ MORE
      </a>
    </div>
  
    <div class="organic-fres hvr-bounce-in">      
      <div class="organic-fres-bg">
        <div class="organic-fres-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/organic-fresh-2.png" /></div>
        <div class="organic-fres-title">
          <h4>Safe & Trusty</h4>
          <p>Best organic farms</p> 
        </div>
        <div class="clear"></div>
      </div>
      <a href="#">
        READ MORE
      </a>
    </div>
  </div></p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#ffffff; background-image:url(<?php echo get_template_directory_uri(); ?>/images/section5.jpg); background-repeat:no-repeat; background-position: center top; background-attachment:fixed; background-size:cover; " id="section5" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                                                    <span class="sub-title-head"  style="color:#1e1206;" >Bring Freshness</span>
                             
                            <h2 class="section_title"  style="color:#1e1206;"  >Flavors from the farm</h2>
                                <p>
    <div class="flavors-farm-image">
      <img src="<?php echo get_template_directory_uri(); ?>/images/Flavors-from-the-farm.png" />
    </div>  
  
    <div class="our-services">
      <a class="hvr-float-shadow" href="#">
      <div class="our-services-bg">
          <div class="our-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/services-icon-1.png" class="hvr-bounce-in" /></div>
          <div class="services-title">
            <h4>100% Organic</h4>
            <div class="our-services-info">Curabitur ligula enipelle etullamcorp moliviverra nonelitd eleifenttitor.</div>
        </div>
        <div class="clear"></div>
      </div>
      </a>
    </div>
  
    <div class="our-services">
      <a class="hvr-float-shadow" href="#">
      <div class="our-services-bg">
          <div class="our-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/services-icon-2.png" class="hvr-bounce-in" /></div>
          <div class="services-title">
            <h4>Family Healthy</h4>
            <div class="our-services-info">Curabitur ligula enipelle etullamcorp moliviverra nonelitd eleifenttitor.</div>
        </div>
        <div class="clear"></div>
      </div>
      </a>
    </div>
  
    <div class="our-services">
      <a class="hvr-float-shadow" href="#">
      <div class="our-services-bg">
          <div class="our-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/services-icon-3.png" class="hvr-bounce-in" /></div>
          <div class="services-title">
            <h4>Always Fresh</h4>
            <div class="our-services-info">Curabitur ligula enipelle etullamcorp moliviverra nonelitd eleifenttitor.</div>
        </div>
        <div class="clear"></div>
      </div>
      </a>
    </div>
  
    <div class="our-services">
      <a class="hvr-float-shadow" href="#">
      <div class="our-services-bg">
          <div class="our-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/services-icon-4.png" class="hvr-bounce-in" /></div>
          <div class="services-title">
            <h4>Food Safety</h4>
            <div class="our-services-info">Curabitur ligula enipelle etullamcorp moliviverra nonelitd eleifenttitor.</div>
        </div>
        <div class="clear"></div>
      </div>
      </a>
    </div>
  </p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#ffffff; " id="section6" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                <p>            <div class="left-column-50"><div class="sec_content_main_title" style="color:#343434">We believe in working with accredited farmers</div><div class="subtitle" style="color:#161616;">Morbi ac justo rutrum, euismod diam ut, accumsan lorem. Vestibulum sit amet dolor sem. Aliquam erat volutpat. Suspendisse risus ex, volutpat sit amet ultricies non, consequat sed ante. Integer consectetur felis at metus finibus, ac viverra sapien gravida. Curabitur vel est tellus. Ut elementum vehicula dictum. Aenean justo mauris, ullamcorper nec nulla quis, sodales efficitur ipsum. Etiam pretium nibh ex, ac vehicula odio gravida vitae.</div><br />
                
    <div class="videobox"  style="background:none !important; min-height:150px;" >
       
       <a href="" class="youtube-link" youtubeid="DBEIfYc2C3A">
        <div class="playbtn"></div>
        <h5>Watch Our Video</h5>
       </a> 
       
    </div><br />
                
    <div class="accredited-farmers">      
        <div class="accredited-farmers-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/accredited-farmers-1.png" /></div>
        <div class="accredited-farmers-title">
          <h5>Professional Farmers</h5>
        </div>
        <div class="clear"></div>
    </div>
  
    <div class="accredited-farmers">      
        <div class="accredited-farmers-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/accredited-farmers-2.png" /></div>
        <div class="accredited-farmers-title">
          <h5>Organic & Eco Solutions</h5>
        </div>
        <div class="clear"></div>
    </div>
  <div class="clear"></div><div class="custombtn"><a class="morebutton hvr-float-shadow" href="#" target="_self">DISCOVER MORE</a></div><div class="custombtn"><a class="morebutton hvr-float-shadow" href="#" target="_self">SEND A MESSAGE</a></div></div><div class="right-column-45">
    <div class="we-believe-farmers-image">
    <img src="<?php echo get_template_directory_uri(); ?>/images/image_large.jpg" />
    <div class="farmers-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/image_thumb.jpg" /></div>
    </div>
  </div></p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#ffffff; background-image:url(<?php echo get_template_directory_uri(); ?>/images/section7.jpg); background-repeat:no-repeat; background-position: center top; background-attachment:fixed; background-size:cover; " id="section7" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                <p><div class="left-column-45">
    <div class="organic-store">
      <div class="organic-store-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/organic-store-1.png" /></div>
      <div class="organic-store-content">
        <p>30% Discount</p>
        <h4>Fresh Pomegranate</h4>
        <a href="$link">SHOP NOW</a>
      </div>
      <div class="clear"></div>
    </div>  
  
    <div class="organic-store">
      <div class="organic-store-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/organic-store-2.png" /></div>
      <div class="organic-store-content">
        <p>60% Discount</p>
        <h4>Fresh Green Lemon</h4>
        <a href="$link">SHOP NOW</a>
      </div>
      <div class="clear"></div>
    </div>  
  </div><div class="right-column-50"><div class="subtitle" style="color:#6cbe02;">Online Market of Organic Food</div><div class="sec_content_main_title" style="color:#ffffff">SUBSCRIBE TO OUR ONLINE ORGANIC STORE!</div><div class="subtitle" style="color:#ffffff;">Morbi ac justo rutrum, euismod diam ut, accumsan lorem. Vestibu lum sit amet dolor sem. Aliquam erat volutpat. Suspendisse risus ex, volutpat sit amet ultricies non</div><script>(function() {
  window.mc4wp = window.mc4wp || {
    listeners: [],
    forms: {
      on: function(evt, cb) {
        window.mc4wp.listeners.push(
          {
            event   : evt,
            callback: cb
          }
        );
      }
    }
  }
})();
</script><!-- Mailchimp for WordPress v4.8.7 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-1840" method="post" data-id="1840" data-name="" ><div class="mc4wp-form-fields"><p>
  <label>Email address: 
    <input type="email" name="EMAIL" placeholder="Your email address" required />
</label>
</p>

<p>
  <input type="submit" value="Subscribe" />
</p></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1648299065" /><input type="hidden" name="_mc4wp_form_id" value="1840" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form><!-- / Mailchimp for WordPress Plugin --></div><div class="clear"></div></p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#f6f6f6; " id="section8" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                       
                            <h2 class="section_title"  style="color:#343434;"  >What We’re Offering</h2>
                                <p>
  <div class="offering-services">
    <a class="hvr-float-shadow" href="#link1">
    <div class="offering-services-bg">
        <div class="offering-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-image-1.jpg" /></div>
        <div class="offering-services-title">
          <div class="offering-services-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-icon-1.png" /></div>
          <h4>Organic Products</h4>
          <div class="offering-services-info">Lorem ium dolor sit ametad pisicing elit sed simply do ut.</div>
      </div>
      <div class="clear"></div>
    </div>
    </a>
  </div>
  
  <div class="offering-services">
    <a class="hvr-float-shadow" href="#link2">
    <div class="offering-services-bg">
        <div class="offering-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-image-2.jpg" /></div>
        <div class="offering-services-title">
          <div class="offering-services-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-icon-2.png" /></div>
          <h4>Dairy Products</h4>
          <div class="offering-services-info">Lorem ium dolor sit ametad pisicing elit sed simply do ut.</div>
      </div>
      <div class="clear"></div>
    </div>
    </a>
  </div>
  
  <div class="offering-services">
    <a class="hvr-float-shadow" href="#link3">
    <div class="offering-services-bg">
        <div class="offering-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-image-3.jpg" /></div>
        <div class="offering-services-title">
          <div class="offering-services-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-icon-3.png" /></div>
          <h4>Agriculture Products</h4>
          <div class="offering-services-info">Lorem ium dolor sit ametad pisicing elit sed simply do ut.</div>
      </div>
      <div class="clear"></div>
    </div>
    </a>
  </div>
  
  <div class="offering-services">
    <a class="hvr-float-shadow" href="#link4">
    <div class="offering-services-bg">
        <div class="offering-services-thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-image-4.jpg" /></div>
        <div class="offering-services-title">
          <div class="offering-services-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/offering-icon-4.png" /></div>
          <h4>Fresh Vegetables</h4>
          <div class="offering-services-info">Lorem ium dolor sit ametad pisicing elit sed simply do ut.</div>
      </div>
      <div class="clear"></div>
    </div>
    </a>
  </div>
  </p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#fefefe; " id="section9" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                <p><div class="left-column-50"><div class="subtitle" style="color:#6cbe02;">Tips & Articles</div><div class="sec_content_main_title" style="color:#343434">News from the farm</div></div><div class="right-column-50"><div class="custombtn"><a class="morebutton hvr-float-shadow" href="/blog/" target="_self">View All Articles</a></div></div><div class="clear"></div><div class="fourcolumn-news box-equal-height"><div class="news-box  ">
                <div class="news-thumb">
                  <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/img_404.png" /></a>
                </div>                 
                <div class="newsdesc">
                   <span class="PostMeta-cat">Uncategorized</span>
                   <a href="#"><h4>Suspisseet magna in nunc</h4></a>
                   <div class="PostMeta"><span class="postdt">15 Feb, 2019</span></div>
                </div>
                <div class="clear"></div>
                        </div><div class="news-box  ">
                <div class="news-thumb">
                  <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/img_404.png" /></a>
                </div>                 
                <div class="newsdesc">
                   <span class="PostMeta-cat">Uncategorized</span>
                   <a href="#"><h4>Nullam placerat massa et</h4></a>
                   <div class="PostMeta"><span class="postdt">04 Jan, 2019</span></div>
                </div>
                <div class="clear"></div>
                        </div><div class="news-box last">
                <div class="news-thumb">
                  <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/img_404.png" /></a>
                </div>                 
                <div class="newsdesc">
                   <span class="PostMeta-cat">Classic</span>
                   <a href="#"><h4>Phasellus nec metus scelerisque</h4></a>
                   <div class="PostMeta"><span class="postdt">11 Dec, 2018</span></div>
                </div>
                <div class="clear"></div>
                        </div><div class="clear"></div></div></p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
                        <section style="background-color:#58a740; " id="section10" class="menu_page">
              <div class="container">
                    <div class="area_row">
                                <p>
    <div class="whychooseus_box">
      <div class="whychooseus_box_bg">
          <div class="whychooseus-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/features-icon-1.png" /></div>
          <div class="whychooseus-info">
            <h4>Return Policy</h4>
            <p>Easy 30 Day Returns</p>
          </div> 
          <div class="clear"></div>         
      </div>
    </div>
  
    <div class="whychooseus_box">
      <div class="whychooseus_box_bg">
          <div class="whychooseus-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/features-icon-2.png" /></div>
          <div class="whychooseus-info">
            <h4>100% Fresh</h4>
            <p>Fresh Grocery Delivered</p>
          </div> 
          <div class="clear"></div>         
      </div>
    </div>
  
    <div class="whychooseus_box">
      <div class="whychooseus_box_bg">
          <div class="whychooseus-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/features-icon-3.png" /></div>
          <div class="whychooseus-info">
            <h4>24/7 Support</h4>
            <p>Concerns and Queries</p>
          </div> 
          <div class="clear"></div>         
      </div>
    </div>
  
    <div class="whychooseus_box">
      <div class="whychooseus_box_bg">
          <div class="whychooseus-icon"><img src="<?php echo get_template_directory_uri(); ?>/images/features-icon-4.png" /></div>
          <div class="whychooseus-info">
            <h4>Secured Payment</h4>
            <p>All Credit Card Accepted</p>
          </div> 
          <div class="clear"></div>         
      </div>
    </div>
  </p>
                     </div><!-- .end section class -->  
                     <div class="clear"></div>                 
                 </div><!-- container -->
            </section>
            
<div id="footer-wrapper">
  <div class="container footer"  >
    <div class="footer-shadow ">
            
      <!-- =============================== Column Fourth - 4 =================================== -->
      
      <div class="cols-4">
                <div class="widget-column-1">
                    <h5 class="footer-highlight">
            GROCEEM          </h5>
                    Morbi ac justo rutrum, euismod diam ut, accums Vestibulum sit amet dolor sem. Aliquam erat vus risus ex, volutpat sit amet ultricies.        
                 <img src="<?php echo get_template_directory_uri(); ?>/images/footer-logo.png" class="footerlogo" / > 
                
        </div>
                        <div class="widget-column-2">
          <h5>
            Menu          </h5>
          <div class="menu-footer-menu-container">
              <ul id="menu-footer-menu" class="menu">
                <li class="current_page_item"><a href="<?php echo home_url(); ?>">Home</a></li>
                <li><a href="#">Sample Page</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </div>        </div>
                        <div class="widget-column-3">
          <h5>Categories</h5>
          <div class="menu-footer-menu-container">
              <ul id="menu-footer-menu" class="menu">
                <li class="current_page_item"><a href="<?php echo home_url(); ?>">Home</a></li>
                <li><a href="#">Sample Page</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </div>        </div>
                        <div class="widget-column-4">
                    <h5>Contact Info</h5>
                    <div class="contactdetail">
                        <p class="address-info">Suspendisse interdu nisnec effiitur auctor, odio            <div class="clear"></div>
            </p>
                                    <p><span>Phone:</span> ++1 500 000 0000            <div class="clear"></div>
            </p>
                                    <p><span>E-mail:</span> demo@lorem.com            <div class="clear"></div>
            </p>
                                  </div>
          <div class="social-icons">
<a href="#" target="_blank" class="fab fa-facebook-f"></a>
<a href="#" target="_blank" class="fab fa-instagram"></a>
<a href="#" target="_blank" class="fab fa-twitter"></a>
<a href="#" target="_blank" class="fab fa-linkedin-in"></a>
</div>        </div>
                <div class="clear"></div>
      </div>
      <!--end .cols-4-->
            <div class="clear"></div>
    </div>
    <!--end .footer-shadow--> 
  </div>
  <!--end .container-->
  
  <div class="container">
    <div class="copyright-wrapper">
      <div class="copyright-txt">
        &copy; Copyright 2022  Groceem. All Rights Reserved      </div>
      <div class="visalogo">
                  
        </div>
      <div class="design-by">
        Design by <a href="https://gracethemes.com" target="_blank">Grace Themes</a>      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>
<div id="back-top">
    <a href="#top"><i class="fas fa-arrow-up"></i></a>
  </div>
</div>
</body></html>