Welcome to G-Store ! Get familiar with the Stripe products and explore their features:
Well organized and easy to understand. You can any work by following our docs easily
Code is clean if it can be understood.Our code is more formatting for your website
Our Template is full Perfect for all device. You can visit our template all device easily.
The template has Sass available for css. You can Change and customize css by sass.
G-Store is faster loading speed. G-Store create your template so much faster and easier
We are provide 24 hours support for all clients.You can purchase without hesitation.
Welcome to G-Store
G-Store HTML Template is creative template for Organic Food & Grocery eCommerce sites. G-Store is perfect for different category websites: Organic Store, Organic Food Shop, Gardening, Organic Farming, Organic Food, Plant Biotechnology, Eco Store, Groundskeeper, Ecology, Vegetables, Bakery Shop etc, and any more. You can create many unique and modern websites with G-Store. The code is very easy to modify and make it suit anything you need.
G-Store – is highly customizable – looks awesome on tablets and mobile devices. We have included best web development practices – you can create a great website layout based on Bootstrap or Grid 1340px.
After purchasing G-Store template on themeforest.net with your Envato account, go to your Download page. You can choose to download G-Store template only or the entire G-Store template package which contains the following files:
Installing a G-Store template is not like WordPress or CMS theme installation, actually, installation keyword does not go with G-Store template. Why? because you don’t install anything, yes G-Store or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download G-Store template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>G-Store - Grocery Shop HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/imgs/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/imgs/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/imgs/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/imgs/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/imgs/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/imgs/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/imgs/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/imgs/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/imgs/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/imgs/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/imgs/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/imgs/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/imgs/favicon/favicon-16x16.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/animate.min.css">
<link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
<link rel="stylesheet" href="assets/css/plugins/nice-select.css">
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.css">
<link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendor/waypoints.min.js"></script>
<script src="assets/js/plugins/meanmenu.min.js"></script>
<script src="assets/js/plugins/swiper.min.js"></script>
<script src="assets/js/plugins/counterup.js"></script>
<script src="assets/js/plugins/jquery.countdown.min.js"></script>
<script src="assets/js/plugins/jquery.nice-select.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<script src="assets/js/plugins/jquery-ui.js"></script>
<script src="assets/js/plugins/jquery.vticker.js"></script>
<script src="assets/js/vendor/ajax-form.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/************ TABLE OF CONTENTS ***************
-----------------
01. THEME CSS
-----------------
1.1 Commmon
1.2 Theme
-----------------
02. utils CSS
-----------------
2.1 Breakpoint
2.2 Colors
2.3 Extends
2.4 Mixins
2.5 Root
2.6 Typography
-----------------
03. COMPONENTS CSS
-----------------
3.1 Back to top
3.2 Breadcrumb
3.3 Offcanvas
3.4 Pageination
3.5 Prealoder
3.6 Section-title
-----------------
04. HEADER CSS
-----------------
4.1 Header 1
4.2 Header top
---------------------------------
05. MENU CSS
---------------------------------
5.1 Meanmenu
5.2 Menu
---------------------------------
06. FOOTER CSS
---------------------------------
6.1 Footer 1
---------------------------------
07. BANNER CSS
---------------------------------
7.1 Banner Style 01
7.2 Banner Style 02
---------------------------------
08. PAGES CSS
---------------------------------
8.1 About css
8.2 Account css
8.3 Blog css
8.4 Cart css
8.5 Category css
8.6 Contact css
8.7 Counter css
8.8 Deal css
8.9 Faq css
8.10 Privacy-Policy css
8.11 Provide css
8.12 Service css
8.13 Shop css
8.14 Shop-details css
8.15 Slider css
8.16 Team css
8.17 Order-details css
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="logo">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo">
</a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="logo">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo">
</a>
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
Welcome to G-Store Header Elements! You can choose 3 Types of header package for creating you website.
<!-- Header area start -->
<header>
<div class="header_top d-none d-md-block">
<div class="container">
<div class="header_top_item">
<div class="row">
<div class="col-6 col-lg-4 ">
<div class="topbar_menu">
<ul>
<li>
<a href="account.html">
My Account
</a>
</li>
<li>
<a href="wishlist.html">
Wishlist
</a>
</li>
<li>
<a href="#">
Order Tracking
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 d-none d-lg-block">
<div id="news_flash" class="text-center">
<ul class="news_flash-list">
<li>100% Secure delivery without contacting the courier</li>
<li>Trendy 25 grocery, save up 35% off today</li>
<li>Trendy 25silver jewelry, save up 35% off today</li>
</ul>
</div>
</div>
<div class="col-6 col-lg-4">
<div class="topbar_right">
<ul>
<li>
<a href="#">
ENGLISH
</a>
<ul class="topbar_sub_menu">
<li>
<a href="#">
<img src="assets/imgs/icon/usa-flag.png" alt="">
English
</a>
</li>
<li>
<a href="#">
<img src="assets/imgs/icon/span-flag.png" alt="">
Spanish
</a>
</li>
<li>
<a href="#">
<img src="assets/imgs/icon/india-flag.png" alt="">
Hindi
</a>
</li>
</ul>
</li>
<li>
<a href="#">
USD
</a>
<ul class="topbar_sub_menu">
<li>
<a href="#">
<i class="fa-solid fa-dollar-sign"></i>
Dollar
</a>
</li>
<li>
<a href="#">
<i class="fa-solid fa-indian-rupee-sign"></i>
Rupee
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-yandex"></i>
Yuan
</a>
</li>
</ul>
</li>
</ul>
<div class="top_social_icon">
<ul>
<li>
<a href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_mid_area d-none d-md-block">
<div class="container">
<div class="header_mid_item">
<div class="logo">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo">
</a>
</div>
<div class="header_input-field">
<input type="text" placeholder="Orange">
<button class="header_search_btn" type="submit">
<i class="fa-light fa-magnifying-glass"></i>
</button>
</div>
<div class="header_action_icon d-none d-lg-block">
<ul>
<li>
<a href="wishlist.html" class="notification wishlist_mini">
<span class="sub_notice">0</span>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9807 11.6705L12.0001 21.1926L4.01956 11.6312C3.06522 10.3051 2.68947 9.40929 2.68947 8.18295C2.68947 5.89585 4.32216 3.83754 6.67975 3.81825C8.61903 3.80229 10.8177 5.78278 12.0001 7.27581C13.1513 5.83532 15.3812 3.81825 17.3205 3.81825C19.6156 3.81825 21.3108 5.89585 21.3108 8.18295C21.3108 9.40929 21.0135 10.3716 19.9807 11.6705ZM17.3205 2.57129C15.1039 2.57129 13.4267 3.87212 12.0001 5.23148C10.6414 3.78899 8.89635 2.57129 6.67975 2.57129C3.55802 2.57129 1.35938 5.25541 1.35938 8.18295C1.35938 9.75312 2.00248 10.8837 2.70676 11.9464L10.9753 21.8596C11.903 22.8419 12.0786 22.8419 13.0063 21.8596L21.2935 11.9464C22.1221 10.8837 22.6409 9.75312 22.6409 8.18295C22.6409 5.25541 20.4422 2.57129 17.3205 2.57129Z" fill="#253D4E"/>
</svg>
Wishlist
</a>
</li>
<li>
<button class="cart_mini" type="button">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.91797 3.58398L3.18289 3.67229C4.503 4.11233 5.16305 4.33234 5.54058 4.85615C5.91812 5.37994 5.91812 6.0757 5.91812 7.46722V10.0843C5.91812 12.9128 5.91812 14.3271 6.79684 15.2059C7.67556 16.0846 9.08984 16.0846 11.9184 16.0846H19.9188" stroke="#253D4E" stroke-linecap="round"/>
<path d="M8.41804 18.584C9.24651 18.584 9.91812 19.2556 9.91812 20.0841C9.91812 20.9125 9.24651 21.5841 8.41804 21.5841C7.58957 21.5841 6.91797 20.9125 6.91797 20.0841C6.91797 19.2556 7.58957 18.584 8.41804 18.584Z" stroke="#253D4E"/>
<path d="M17.418 18.584C18.2465 18.584 18.9181 19.2555 18.9181 20.0841C18.9181 20.9125 18.2465 21.5841 17.418 21.5841C16.5896 21.5841 15.918 20.9125 15.918 20.0841C15.918 19.2555 16.5896 18.584 17.418 18.584Z" stroke="#253D4E"/>
<path d="M5.91797 6.58496H17.3689C19.424 6.58496 20.4515 6.58496 20.8962 7.25925C21.3408 7.93356 20.936 8.87801 20.1265 10.767L19.6978 11.767C19.3199 12.6489 19.1309 13.0898 18.7552 13.3376C18.3795 13.5853 17.8998 13.5853 16.9403 13.5853H5.91797" stroke="#253D4E"/>
</svg>
Cart
</button>
</li>
<li>
<a href="account.html">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9987 21.5828V19.5832C19.9987 18.5225 19.5774 17.5053 18.8274 16.7553C18.0774 16.0053 17.0602 15.584 15.9995 15.584H8.00114C6.94049 15.584 5.92328 16.0053 5.17329 16.7553C4.42329 17.5053 4.00195 18.5225 4.00195 19.5832V21.5828" stroke="#253D4E" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.0011 11.5843C14.2098 11.5843 16.0003 9.79381 16.0003 7.58512C16.0003 5.37643 14.2098 3.58594 12.0011 3.58594C9.79245 3.58594 8.00195 5.37643 8.00195 7.58512C8.00195 9.79381 9.79245 11.5843 12.0011 11.5843Z" stroke="#253D4E" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Account
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header_bottom header-sticky">
<div class="container">
<div class="main_header p-relative">
<div class="toggle_bar d-md-none">
<button class="search-click">
<i class="fa-light fa-magnifying-glass"></i>
</button>
<div class="bars_icon">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</div>
<div class="main_header-left">
<div class="side-menu d-none d-md-block">
<div class="side-menu-toggle" id="side-menu-toggle">
<div class="toggle_line">
<span></span>
<span></span>
<span></span>
</div>
Browse categories
</div>
<div class="side-submenu">
<nav>
<ul>
<li class="has-dropdown">
<a href="#">
<i class="fa-regular fa-apple-whole"></i>
Fruits & Vegetables
</a>
<ul class="category-submenu">
<li>
<a href="#">
<i class="fa-regular fa-olive-branch"></i>
Fresh Seafood
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-burger-cheese"></i>
Fast food
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-champagne-glasses"></i>
Fruits & Vegetables
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-pizza"></i>
Wines & Drinks
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-sandwich"></i>
Grocery & Staples
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-kiwi-fruit"></i>
Breakfast Sausage
</a>
</li>
</ul>
</li>
<li class="has-dropdown">
<a href="#">
<i class="fa-regular fa-cherries"></i>
Fresh Fruits
</a>
<ul class="category-submenu">
<li>
<a href="#">
<i class="fa-regular fa-olive-branch"></i>
Fresh Seafood
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-burger-cheese"></i>
Fast food
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-champagne-glasses"></i>
Fruits & Vegetables
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-pizza"></i>
Wines & Drinks
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-sandwich"></i>
Grocery & Staples
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-kiwi-fruit"></i>
Breakfast Sausage
</a>
</li>
</ul>
</li>
<li>
<a href="#">
<i class="fa-regular fa-peach"></i>
Biscuits & Snacks
</a>
</li>
<li class="has-dropdown">
<a href="#">
<i class="fa-regular fa-citrus"></i>
Organic Food
</a>
<ul class="category-submenu">
<li>
<a href="#">
<i class="fa-regular fa-olive-branch"></i>
Fresh Seafood
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-burger-cheese"></i>
Fast food
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-champagne-glasses"></i>
Fruits & Vegetables
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-pizza"></i>
Wines & Drinks
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-sandwich"></i>
Grocery & Staples
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-kiwi-fruit"></i>
Breakfast Sausage
</a>
</li>
</ul>
</li>
<li class="has-dropdown">
<a href="#">
<i class="fa-regular fa-tomato"></i>
Grocery & Staples
</a>
<ul class="category-submenu">
<li>
<a href="#">
<i class="fa-regular fa-olive-branch"></i>
Fresh Seafood
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-burger-cheese"></i>
Fast food
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-champagne-glasses"></i>
Fruits & Vegetables
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-pizza"></i>
Wines & Drinks
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-sandwich"></i>
Grocery & Staples
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-kiwi-fruit"></i>
Breakfast Sausage
</a>
</li>
</ul>
</li>
<li>
<a href="#">
<i class="fa-regular fa-glass"></i>
Milks and Dairies
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-drumstick"></i>
Clothing & beauty
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-apple-whole"></i>
Fresh Fruit
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-mug-hot"></i>
Wines & Drinks
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="sticky_logo">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo">
</a>
</div>
<div class="main-menu">
<nav id="mobile-menu">
<ul>
<li class="coustom_dropdown">
<a href="index.html">
Home
</a>
<ul class="sub-menu">
<li>
<a href="index.html">
Home One
</a>
</li>
<li>
<a href="index-2.html">
Home Two
</a>
</li>
</ul>
</li>
<li class="coustom_dropdown">
<a href="javascript:void(0)">
Shope
</a>
<ul class="sub-menu">
<li>
<a href="shop.html">
Shop
</a>
<ul class="sub-menu">
<li>
<a href="javascript:void(0)">
Shop 1
</a>
</li>
<li>
<a href="javascript:void(0)">
Shop 2
</a>
</li>
<li>
<a href="javascript:void(0)">
Shop 3
</a>
</li>
</ul>
</li>
<li>
<a href="product-details.html">
Product-Details
</a>
</li>
<li>
<a href="wishlist.html">
wishlist
</a>
</li>
<li>
<a href="cart.html">
cart
</a>
</li>
<li>
<a href="checkout.html">
checkout
</a>
</li>
</ul>
</li>
<li class="coustom_dropdown">
<a href="javascript:void(0)">
Pages
</a>
<ul class="sub-menu">
<li>
<a href="order-details.html">
order details
</a>
</li>
<li>
<a href="account.html">
account
</a>
</li>
<li>
<a href="privacy-policy.html">
privacy & policy
</a>
</li>
<li>
<a href="register.html">
login & register
</a>
</li>
</ul>
</li>
<li>
<a href="about.html">
About
</a>
</li>
<li>
<a href="contact.html">
contact
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="logo d-md-none">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo">
</a>
</div>
<div class="header_status-bar">
<div class="header_action_icon d-lg-none">
<ul>
<li>
<a href="wishlist.html" class="notification wishlist_mini">
<span class="sub_notice">0</span>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9807 11.6705L12.0001 21.1926L4.01956 11.6312C3.06522 10.3051 2.68947 9.40929 2.68947 8.18295C2.68947 5.89585 4.32216 3.83754 6.67975 3.81825C8.61903 3.80229 10.8177 5.78278 12.0001 7.27581C13.1513 5.83532 15.3812 3.81825 17.3205 3.81825C19.6156 3.81825 21.3108 5.89585 21.3108 8.18295C21.3108 9.40929 21.0135 10.3716 19.9807 11.6705ZM17.3205 2.57129C15.1039 2.57129 13.4267 3.87212 12.0001 5.23148C10.6414 3.78899 8.89635 2.57129 6.67975 2.57129C3.55802 2.57129 1.35938 5.25541 1.35938 8.18295C1.35938 9.75312 2.00248 10.8837 2.70676 11.9464L10.9753 21.8596C11.903 22.8419 12.0786 22.8419 13.0063 21.8596L21.2935 11.9464C22.1221 10.8837 22.6409 9.75312 22.6409 8.18295C22.6409 5.25541 20.4422 2.57129 17.3205 2.57129Z" fill="#253D4E"/>
</svg>
</a>
</li>
<li>
<button class="cart_mini">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.91797 3.58398L3.18289 3.67229C4.503 4.11233 5.16305 4.33234 5.54058 4.85615C5.91812 5.37994 5.91812 6.0757 5.91812 7.46722V10.0843C5.91812 12.9128 5.91812 14.3271 6.79684 15.2059C7.67556 16.0846 9.08984 16.0846 11.9184 16.0846H19.9188" stroke="#253D4E" stroke-linecap="round"/>
<path d="M8.41804 18.584C9.24651 18.584 9.91812 19.2556 9.91812 20.0841C9.91812 20.9125 9.24651 21.5841 8.41804 21.5841C7.58957 21.5841 6.91797 20.9125 6.91797 20.0841C6.91797 19.2556 7.58957 18.584 8.41804 18.584Z" stroke="#253D4E"/>
<path d="M17.418 18.584C18.2465 18.584 18.9181 19.2555 18.9181 20.0841C18.9181 20.9125 18.2465 21.5841 17.418 21.5841C16.5896 21.5841 15.918 20.9125 15.918 20.0841C15.918 19.2555 16.5896 18.584 17.418 18.584Z" stroke="#253D4E"/>
<path d="M5.91797 6.58496H17.3689C19.424 6.58496 20.4515 6.58496 20.8962 7.25925C21.3408 7.93356 20.936 8.87801 20.1265 10.767L19.6978 11.767C19.3199 12.6489 19.1309 13.0898 18.7552 13.3376C18.3795 13.5853 17.8998 13.5853 16.9403 13.5853H5.91797" stroke="#253D4E"/>
</svg>
</button>
</li>
</ul>
</div>
<div class="bars_icon d-lg-none">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</div>
<div class="header_right">
<a href="tel:+00977445955">
<span class="call_icon">
<i class="fa-light fa-phone"></i>
</span>
+00 977 445 955
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Header area end -->
Welcome to G-Store Footer You can select any footer & customize easily and build your website.
Awesome Footer styles. See below image and code for more information.
<!-- Footer area start -->
<footer>
<div class="footer-area">
<div class="footer_top-area">
<div class="container">
<div class="row gy-30">
<div class="col-sm-6 col-lg-3">
<div class="featured_single_item">
<div class="featured_icon">
<img src="assets/imgs/icon/check.svg" alt="icon img">
</div>
<div class="featured_content">
<h4>Free Delivery</h4>
<p>Free delivery orders above $50</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="featured_single_item">
<div class="featured_icon">
<img src="assets/imgs/icon/dolor.svg" alt="icon img">
</div>
<div class="featured_content">
<h4>Everyday Low Price</h4>
<p>Collection at the lowest price</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="featured_single_item">
<div class="featured_icon">
<img src="assets/imgs/icon/back.svg" alt="icon img">
</div>
<div class="featured_content">
<h4>Satisfied or Refunded</h4>
<p>Guaranteed product quality</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="featured_single_item">
<div class="featured_icon">
<img src="assets/imgs/icon/check2.svg" alt="icon img">
</div>
<div class="featured_content">
<h4>Secure Payments</h4>
<p>Safest payment technologies</p>
</div>
</div>
</div>
</div>
</div>
<img class="feature_shape" src="assets/imgs/shape/footer-shape1.png" alt="shape img">
</div>
<div class="footer_mid section-space">
<div class="container">
<div class="row gy-40">
<div class="col-sm-8 col-md-6 col-lg-3">
<div class="footer-widget">
<div class="footer-logo">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo">
</a>
</div>
<div class="footer_info-wrap">
<ul>
<li>
<a href="#">
<span>
<i class="fal fa-home-lg-alt"></i>
</span>
2972 Westheimer Rd. Santa Ana, Illinois 85486
</a>
</li>
<li>
<a href="mailto:contact@example.com">
<span>
<i class="fa-light fa-envelope"></i>
</span>
Contact@example.com
</a>
</li>
<li>
<a href="tel:(229)555-0109">
<span>
<i class="fa-light fa-phone"></i>
</span>
(229) 555-0109
</a>
</li>
<li>
<p>
<span>
<i class="fa-regular fa-clock-twelve"></i>
</span>
Mon - Fri: 9am - 5pm
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-3">
<div class="footer-widget-1">
<h4 class="footer-widget-title mb-20">
account
</h4>
<div class="footer-link">
<ul>
<li>
<a href="#">
sing in
</a>
</li>
<li>
<a href="#">
view cart
</a>
</li>
<li>
<a href="#">
my Wishlist
</a>
</li>
<li>
<a href="#">
shipping details
</a>
</li>
<li>
<a href="#">
dashboard
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2">
<div class="footer-widget-2">
<h4 class="footer-widget-title mb-20">
Quick Links
</h4>
<div class="footer-link">
<ul>
<li>
<a href="#">
search
</a>
</li>
<li>
<a href="#">
about us
</a>
</li>
<li>
<a href="#">
contact us
</a>
</li>
<li>
<a href="#">
policy
</a>
</li>
<li>
<a href="#">
terms of service
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-lg-2">
<div class="footer-widget-3">
<h4 class="footer-widget-title mb-20">
Customer
</h4>
<div class="footer-link">
<ul>
<li>
<a href="#">
My Account
</a>
</li>
<li>
<a href="#">
help center
</a>
</li>
<li>
<a href="#">
return policy
</a>
</li>
<li>
<a href="#">
gift cards
</a>
</li>
<li>
<a href="#">
billings cards
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-4 col-lg-2">
<div class="footer-widget-4">
<h4 class="footer-widget-title mb-20">
company
</h4>
<div class="footer-link">
<ul>
<li>
<a href="#">
about us
</a>
</li>
<li>
<a href="#">
privacy policy
</a>
</li>
<li>
<a href="#">
contact us
</a>
</li>
<li>
<a href="#">
terms & conditions
</a>
</li>
<li>
<a href="#">
conditions
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footer-bottom-inner">
<div class="footer-copyright-text">
<p>
Copyright © 2024
<a href="index.html">
G-store.
</a>
All rights reserved
</p>
</div>
<div class="payment_method">
<ul>
<li>
<a href="#">
<img src="assets/imgs/footer/mastercard.svg" alt="payment method">
</a>
</li>
<li>
<a href="#">
<img src="assets/imgs/footer/visa.svg" alt="payment method">
</a>
</li>
<li>
<a href="#">
<img src="assets/imgs/footer/paypal.svg" alt="payment method">
</a>
</li>
<li>
<a href="#">
<img src="assets/imgs/footer/jcb.svg" alt="payment method">
</a>
</li>
<li>
<a href="#">
<img src="assets/imgs/footer/skrill.svg" alt="payment method">
</a>
</li>
</ul>
</div>
</div>
</div>
<img class="footer_shape2" src="assets/imgs/shape/footer-shape2.png" alt="shape img">
<img class="footer_shape3" src="assets/imgs/shape/footer-shape3.png" alt="shape img">
</div>
</div>
</footer>
<!-- Foot
<!-- Footer area end -->
We've used the following fonts, free icons and plugins as listed:
Thank you for purchasing my template.
If you have any questions that are
beyond the scope of this help file, please feel free to open a new ticket at our
Support
forum
Update Change log View Changelog Here
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact Us
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact