Initial commit
10
.gitignore
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
Thumbs.db
|
||||
.DS_Store
|
||||
.dist
|
||||
.tmp
|
||||
.sass-cache
|
||||
npm-debug.log
|
||||
node_modules
|
||||
builds
|
||||
package-lock.json
|
||||
|
||||
21
LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2018 - Present, Themefisher
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
126
README.md
Normal file
@ -0,0 +1,126 @@
|
||||
<h1 align=center>Hargo Hugo</h1>
|
||||
<p align=center> Hargo is a modern, sleek and fresh online store theme for Hugo.</p>
|
||||
<h2 align="center"><a target="_blank" href="https://demo.gethugothemes.com/hargo" rel="nofollow">Demo</a> | <a target="_blank" href="https://pagespeed.web.dev/report?url=https%3A%2F%2Fdemo.gethugothemes.com%2Fhargo%2Fsite%2F&form_factor=desktop">Page Speed (80%)</a> </h2>
|
||||
|
||||
|
||||
|
||||
<p align=center>
|
||||
<a href="https://github.com/gohugoio/hugo/releases/tag/v0.64.0" alt="Contributors">
|
||||
<img src="https://img.shields.io/static/v1?label=min-HUGO-version&message=0.64.0&color=f00&logo=hugo" />
|
||||
</a>
|
||||
|
||||
<a href="https://github.com/themefisher/hargo-hugo/blob/master/LICENSE">
|
||||
<img src="https://img.shields.io/github/license/themefisher/hargo-hugo" alt="license"></a>
|
||||
|
||||
<img src="https://img.shields.io/github/languages/code-size/themefisher/hargo-hugo" alt="code size">
|
||||
|
||||
<a href="https://github.com/themefisher/hargo-hugo/graphs/contributors">
|
||||
<img src="https://img.shields.io/github/contributors/themefisher/hargo-hugo" alt="contributors"></a>
|
||||
|
||||
<a href="https://twitter.com/intent/follow?screen_name=gethugothemes">
|
||||
<img src="https://img.shields.io/twitter/follow/gethugothemes?style=social&logo=twitter"
|
||||
alt="follow on Twitter"></a>
|
||||
</p>
|
||||
|
||||
---
|
||||
|
||||
<p align="center">
|
||||
<img src="https://user-images.githubusercontent.com/37659754/67154529-96242e00-f31f-11e9-9718-42382476e405.gif" alt="screenshot" width="100%">
|
||||
</p>
|
||||
|
||||
---
|
||||
## Key Features
|
||||
- Google analytics support
|
||||
- CSS and Js bundle with hugo pipe
|
||||
- Netlify settings predefine
|
||||
- Contact form Support
|
||||
- Compitable with snipcart
|
||||
- Google map support
|
||||
- Google page speed optimized ( 80% )
|
||||
- Open graph meta tag
|
||||
- Twitter card meta tag
|
||||
|
||||
|
||||
## Local development
|
||||
|
||||
```bash
|
||||
# clone the repository
|
||||
git clone git@github.com:themefisher/hargo-hugo.git
|
||||
|
||||
# cd in the project directory
|
||||
$ cd hargo-hugo/exampleSite/
|
||||
|
||||
# Start local dev server
|
||||
$ hugo server --themesDir ../..
|
||||
```
|
||||
Or Check out [Full Documentation](https://docs.gethugothemes.com/hargo/?ref=github).
|
||||
|
||||
## Content Management System
|
||||
|
||||
[](https://app.forestry.io/quick-start?repo=themefisher/hargo-hugo&engine=hugo&version=0.87.0)
|
||||
|
||||
This project has been pre-configured to work with [Forestry](https://forestry.io) a git-based CMS, [import your
|
||||
repository in Forestry](https://app.forestry.io/quick-start?repo=themefisher/hargo-hugo&engine=hugo&version=0.87.0) and
|
||||
you will be able to edit and preview your site ✨.
|
||||
|
||||
Any changes you make in Forestry will be committed back to the repo and deployed if you use [Netlify](#netlify).
|
||||
## Deployment and hosting
|
||||
|
||||
[](https://app.netlify.com/start/deploy?repository=https://github.com/themefisher/hargo-hugo)
|
||||
|
||||
Follow the steps.
|
||||
|
||||
## Prefer a video? (Hugo + Netlify + Forestry)
|
||||
Build your website with **hargo Hugo** theme by following these easy steps (No Coding Required!)
|
||||
[Video Tutorial](https://youtu.be/ResipmZmpDU).
|
||||
|
||||
<!-- reporting issue -->
|
||||
## Reporting Issues
|
||||
We use GitHub Issues as the official bug tracker for the hargo Template. Please Search [existing
|
||||
issues](https://github.com/themefisher/hargo-hugo/issues). Someone may have already reported the same problem.
|
||||
If your problem or idea has not been addressed yet, feel free to [open a new
|
||||
issue](https://github.com/themefisher/hargo-hugo/issues).
|
||||
|
||||
## Submit Your Website To Our Showcase
|
||||
|
||||
Are you using Hargo Hugo theme? Submit it to our [showcase](https://gethugothemes.com/showcase).
|
||||
|
||||
Our showcase aims to demonstrate to the world what amazing websites people like you have created utilizing our Hugo themes and to show that Hugo has tremendous capabilities as a Static Site Generator.
|
||||
|
||||
View all the websites powered by Hargo Hugo from [here](https://gethugothemes.com/showcase?theme=hargo).
|
||||
|
||||
[Submit](https://gethugothemes.com/showcase?submit=show) your Hargo Hugo powered website.
|
||||
|
||||
<!-- licence -->
|
||||
## License
|
||||
Copyright © Designed by [Themefisher](https://themefisher.com) & Developed by
|
||||
[Gethugothemes](https://gethugothemes.com)
|
||||
|
||||
**Code License:** Released under the [MIT](https://github.com/themefisher/hargo-hugo/blob/master/LICENSE) license.
|
||||
|
||||
**Image license:** The images are only for demonstration purposes. They have their licenses. We don't have permission to
|
||||
share those images.
|
||||
|
||||
<!-- resources -->
|
||||
## Special Thanks
|
||||
- [Bootstrap](https://getbootstrap.com)
|
||||
- [Jquery](https://jquery.com)
|
||||
- [Themify Icons](https://themify.me/themify-icons)
|
||||
- [Slick Slider](https://kenwheeler.github.io/slick/)
|
||||
- [Google Fonts](https://fonts.google.com/)
|
||||
- [All Contributors](https://github.com/themefisher/hargo-hugo/graphs/contributors)
|
||||
|
||||
|
||||
## Hire Us
|
||||
Besides developing unique, blazing-fast Hugo themes, we also provide customized services. We specialize in creating affordable, high-quality static websites based on Hugo.
|
||||
|
||||
If you need to customize the theme or complete website development from scratch, you can hire us. **Check Our
|
||||
[services](https://gethugothemes.com/services/?utm_source=hargo_github&utm_medium=referral&utm_campaign=github_theme_readme)**
|
||||
|
||||
<!-- premium themes -->
|
||||
## Premium Themes By Us
|
||||
| [](https://gethugothemes.com/bundle/?utm_source=hargo_github&utm_medium=referral&utm_campaign=github_theme_readme) | [](https://gethugothemes.com/products/vex/) | [](https://gethugothemes.com/products/adrian/) |
|
||||
|:---:|:---:|:---:|
|
||||
| **Get 55+ Premium Hugo Themes Bundle** | **Vex** | **Adrian** |
|
||||
2
archetypes/default.md
Normal file
@ -0,0 +1,2 @@
|
||||
+++
|
||||
+++
|
||||
92
assets/js/script.js
Normal file
@ -0,0 +1,92 @@
|
||||
// Preloader js
|
||||
$(window).on('load', function () {
|
||||
$('.preloader').fadeOut(100);
|
||||
});
|
||||
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
// navigation
|
||||
$(window).scroll(function () {
|
||||
if ($('.navigation').offset().top > 1) {
|
||||
$('.navigation').addClass('nav-bg');
|
||||
} else {
|
||||
$('.navigation').removeClass('nav-bg');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// video modal popup
|
||||
var $videoSrc;
|
||||
$('.video-modal').click(function () {
|
||||
$videoSrc = $(this).data("src");
|
||||
});
|
||||
$('#videoModal').on('shown.bs.modal', function (e) {
|
||||
$("#video").attr('src', $videoSrc + "?autoplay=1&modestbranding=1&showinfo=0");
|
||||
})
|
||||
$('#videoModal').on('hide.bs.modal', function (e) {
|
||||
$("#video").attr('src', $videoSrc);
|
||||
})
|
||||
$('#videoModal2').on('shown.bs.modal', function (e) {
|
||||
$("#video2").attr('src', $videoSrc + "?autoplay=1&modestbranding=1&showinfo=0");
|
||||
})
|
||||
$('#videoModal2').on('hide.bs.modal', function (e) {
|
||||
$("#video2").attr('src', $videoSrc);
|
||||
})
|
||||
|
||||
|
||||
// testimonial slider
|
||||
$('.testimonial-slider').slick({
|
||||
dots: false,
|
||||
infinite: true,
|
||||
speed: 300,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
arrows: true,
|
||||
prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'ti-arrow-left\'></i></button>',
|
||||
nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'ti-arrow-right\'></i></button>',
|
||||
autoplay: true,
|
||||
responsive: [{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 401,
|
||||
settings: {
|
||||
slidesToShow: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// product Slider
|
||||
$('.product-slider').slick({
|
||||
autoplay: false,
|
||||
infinite: true,
|
||||
arrows: false,
|
||||
dots: true,
|
||||
customPaging: function (slider, i) {
|
||||
var image = $(slider.$slides[i]).data('image');
|
||||
return '<img class="img-fluid" src="' + image + '" alt="product-img">';
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Accordions
|
||||
$('.collapse').on('shown.bs.collapse', function () {
|
||||
$(this).parent().find('.ti-plus').removeClass('ti-plus').addClass('ti-minus');
|
||||
}).on('hidden.bs.collapse', function () {
|
||||
$(this).parent().find('.ti-minus').removeClass('ti-minus').addClass('ti-plus');
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
98
assets/scss/_buttons.scss
Normal file
@ -0,0 +1,98 @@
|
||||
/* Button style */
|
||||
.btn {
|
||||
font-size: 14px;
|
||||
font-family: $primary-font;
|
||||
text-transform: capitalize;
|
||||
padding: 13px 40px;
|
||||
border-radius: 35px;
|
||||
font-weight: 500;
|
||||
border: 1px solid;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: .2s ease;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 8px 10px rgba(33,33,33,.2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-sm{
|
||||
padding: 10px 30px;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: $primary-gradient;
|
||||
color: $white;
|
||||
border-color: $primary-color;
|
||||
|
||||
&:active,
|
||||
&:hover,
|
||||
&.focus,
|
||||
&.active {
|
||||
background: $primary-gradient !important;
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
background: transparent;
|
||||
color: $text-color;
|
||||
border-color: $primary-color;
|
||||
transition: none;
|
||||
|
||||
&:active,
|
||||
&:hover,
|
||||
&.focus,
|
||||
&.active {
|
||||
background: $primary-gradient !important;
|
||||
border-color: $primary-color !important;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-light {
|
||||
background: $white;
|
||||
color: $text-color;
|
||||
border-color: $white;
|
||||
|
||||
&:active,
|
||||
&:hover,
|
||||
&.focus,
|
||||
&.active {
|
||||
background: $white !important;
|
||||
border-color: $white !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-play{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
padding: 0;
|
||||
line-height: 45px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.btn-play-lg{
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
padding: 0;
|
||||
line-height: 70px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
color: $white;
|
||||
font-size: 30px;
|
||||
box-shadow: 0 0 0 20px rgba($color: $white, $alpha: .5);
|
||||
transition: .2s ease;
|
||||
&:hover{
|
||||
box-shadow: 0 0 0 25px rgba($color: $white, $alpha: .5);
|
||||
}
|
||||
}
|
||||
215
assets/scss/_common.scss
Normal file
@ -0,0 +1,215 @@
|
||||
body {
|
||||
background-color: $body-color;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: lighten($color: $primary-color, $amount: 10);
|
||||
color: $white;
|
||||
}
|
||||
|
||||
/* preloader */
|
||||
|
||||
.preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
z-index: 99999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
a,
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a,
|
||||
button,
|
||||
select {
|
||||
cursor: pointer;
|
||||
transition: .2s ease;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
|
||||
&-sm {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-cover {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.border-primary {
|
||||
border-color: $border-color !important;
|
||||
}
|
||||
|
||||
/* overlay */
|
||||
|
||||
.overlay {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: $black;
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
.outline-0 {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
.d-unset {
|
||||
display: unset !important;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background: $primary-color !important;
|
||||
}
|
||||
|
||||
.bg-gradient {
|
||||
background: $primary-gradient !important;
|
||||
}
|
||||
|
||||
.hover-shadow {
|
||||
transition: .2s ease;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 8px 10px rgba(33, 33, 33, .2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
|
||||
.text-color {
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
.mb-10 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.mb-20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.mb-30 {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
.mb-40 {
|
||||
margin-bottom: 40px !important;
|
||||
}
|
||||
|
||||
.mb-50 {
|
||||
margin-bottom: 50px !important;
|
||||
}
|
||||
|
||||
.mb-60 {
|
||||
margin-bottom: 60px !important;
|
||||
}
|
||||
|
||||
.mb-70 {
|
||||
margin-bottom: 70px !important;
|
||||
}
|
||||
|
||||
.mb-80 {
|
||||
margin-bottom: 80px !important;
|
||||
}
|
||||
|
||||
.mb-90 {
|
||||
margin-bottom: 90px !important;
|
||||
}
|
||||
|
||||
.mb-100 {
|
||||
margin-bottom: 100px !important;
|
||||
}
|
||||
|
||||
.zindex-1 {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.top-100 {
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
.overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.font-weight-medium {
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.border-primary {
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
|
||||
/* form control */
|
||||
.form-control {
|
||||
height: 50px;
|
||||
border: 1px solid $primary-color;
|
||||
&:focus{
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
background: $primary-color;
|
||||
}
|
||||
|
||||
/* nav-tab */
|
||||
.nav-tabs {
|
||||
margin-bottom: 20px;
|
||||
.nav-item {
|
||||
margin-right: 10px;
|
||||
|
||||
.nav-link {
|
||||
border: 0;
|
||||
padding: 10px 0;
|
||||
color: $text-color;
|
||||
font-weight: 500;
|
||||
&.active{
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
29
assets/scss/_mixins.scss
Normal file
@ -0,0 +1,29 @@
|
||||
@mixin mobile-xs{
|
||||
@media(max-width:400px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin mobile{
|
||||
@media(max-width:575px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin tablet{
|
||||
@media(max-width:767px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin desktop{
|
||||
@media(max-width:991px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin desktop-lg{
|
||||
@media(max-width:1200px){
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin size($size){
|
||||
width: $size; height: $size;
|
||||
}
|
||||
49
assets/scss/_typography.scss
Normal file
@ -0,0 +1,49 @@
|
||||
/* typography */
|
||||
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
|
||||
|
||||
body {
|
||||
line-height: 1.4;
|
||||
font-family: $primary-font;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 15px;
|
||||
color: $text-color;
|
||||
}
|
||||
|
||||
p, .paragraph {
|
||||
font-weight: 400;
|
||||
color: $text-color;
|
||||
font-size: 15px;
|
||||
line-height: 1.7;
|
||||
font-family: $primary-font;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $text-color-dark;
|
||||
font-family: $primary-font;
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1, .h1{
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
h2, .h2{
|
||||
font-size: 42px;
|
||||
}
|
||||
|
||||
h3, .h3{
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h4, .h4{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h5, .h5{
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h6, .h6{
|
||||
font-size: 14px;
|
||||
}
|
||||
15
assets/scss/_variables.scss
Normal file
@ -0,0 +1,15 @@
|
||||
// Color Variables
|
||||
$primary-color: #5AB51E;
|
||||
$text-color: #333333;
|
||||
$text-color-dark: #222222;
|
||||
$body-color: #fff;
|
||||
$border-color: #D1D1D1;
|
||||
$black: #000;
|
||||
$white: #fff;
|
||||
$light: rgb(223, 223, 223);
|
||||
|
||||
$primary-gradient: linear-gradient( 27deg, rgb(89,181,30) 0%, rgb(149,210,57) 100%);
|
||||
|
||||
// Font Variables
|
||||
$primary-font: 'Quicksand', sans-serif;
|
||||
$icon-font: 'themify';
|
||||
24
assets/scss/style.scss
Normal file
@ -0,0 +1,24 @@
|
||||
/*!------------------------------------------------------------------
|
||||
[MAIN STYLESHEET]
|
||||
|
||||
PROJECT: Project Name
|
||||
VERSION: Versoin Number
|
||||
-------------------------------------------------------------------*/
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
[TABLE OF CONTENTS]
|
||||
-------------------------------------------------------------------*/
|
||||
|
||||
@import 'variables';
|
||||
|
||||
@import 'mixins';
|
||||
|
||||
@import 'typography';
|
||||
|
||||
@import 'buttons';
|
||||
|
||||
@import 'common';
|
||||
|
||||
@import 'templates/navigation';
|
||||
|
||||
@import 'templates/homepage';
|
||||
354
assets/scss/templates/_homepage.scss
Normal file
@ -0,0 +1,354 @@
|
||||
.overlay-image {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cta-image {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
right: 0;
|
||||
|
||||
@include tablet {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.img-border {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 1px solid $primary-color;
|
||||
top: 5%;
|
||||
left: 5%;
|
||||
border-radius: inherit;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.content-center {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
/* testimonial */
|
||||
.testimonial-slider {
|
||||
margin-bottom: 80px;
|
||||
|
||||
.slick-slide {
|
||||
margin-top: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
.client-img {
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid $primary-color;
|
||||
margin: -70px auto 20px;
|
||||
}
|
||||
|
||||
/* rating */
|
||||
.rating {
|
||||
|
||||
&.five {
|
||||
li {
|
||||
i {
|
||||
color: #f9aa1f;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.four {
|
||||
li {
|
||||
&:not(:last-child) {
|
||||
i {
|
||||
color: #f9aa1f;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.three {
|
||||
li {
|
||||
i {
|
||||
color: #f9aa1f;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
i {
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
i {
|
||||
color: $text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.two {
|
||||
li {
|
||||
&:first-child {
|
||||
i {
|
||||
color: #f9aa1f;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
i {
|
||||
color: #f9aa1f;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.one {
|
||||
li {
|
||||
&:first-child {
|
||||
i {
|
||||
color: #f9aa1f;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* /rating */
|
||||
|
||||
.slick-arrow {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
border: 0;
|
||||
transition: all linear .2s;
|
||||
background: transparent;
|
||||
bottom: -50px;
|
||||
|
||||
&.prevArrow {
|
||||
left: calc(50% - 50px);
|
||||
}
|
||||
|
||||
&.nextArrow {
|
||||
right: calc(50% - 50px);
|
||||
}
|
||||
}
|
||||
|
||||
.quoted {
|
||||
position: relative;
|
||||
padding: 0 10px;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
font-family: $icon-font;
|
||||
content: "\e67f";
|
||||
left: -10px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
font-family: $icon-font;
|
||||
content: "\e67e";
|
||||
right: -10px;
|
||||
top: -5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* google map */
|
||||
#map_canvas {
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
/* blog */
|
||||
.pagination {
|
||||
justify-content: center;
|
||||
|
||||
.page-item {
|
||||
.page-link {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid $border-color;
|
||||
text-align: center;
|
||||
margin-right: 6px;
|
||||
font-weight: 700;
|
||||
color: $primary-color;
|
||||
|
||||
&:hover {
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child,
|
||||
&:last-child {
|
||||
.page-link {
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
.page-link {
|
||||
background: $primary-color;
|
||||
color: $white;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* content style */
|
||||
.content {
|
||||
* {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
list-style-type: none;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "\e65d";
|
||||
font-family: $icon-font;
|
||||
font-size: 14px;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
color: $primary-color;
|
||||
transition: .3s ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
border: 1px solid #dee2e6;
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: .75rem;
|
||||
vertical-align: top;
|
||||
border: 1px solid #dee2e6
|
||||
}
|
||||
|
||||
thead {
|
||||
background: darken($color: $light, $amount: 2);
|
||||
}
|
||||
|
||||
tbody {
|
||||
background: $light;
|
||||
|
||||
td {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
blockquote {
|
||||
border-left: 1px solid $primary-color;
|
||||
padding: 20px;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
color: $text-color;
|
||||
font-style: italic;
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 10px 20px;
|
||||
background: $light;
|
||||
}
|
||||
}
|
||||
|
||||
/* snipcart */
|
||||
.snip-layout .snip-layout__main-container {
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
.snip-header__title {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
/* rating widget */
|
||||
.rw-ui-report{
|
||||
z-index: 9 !important;
|
||||
}
|
||||
|
||||
/* product sinngle page */
|
||||
|
||||
.product-slider {
|
||||
.slick-list{
|
||||
border: 1px solid $primary-color;
|
||||
margin-bottom: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.slick-dots {
|
||||
margin-top: 10px;
|
||||
padding-left: 0;
|
||||
display: flex;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
border: 1px solid $primary-color;
|
||||
margin: 10px;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
169
assets/scss/templates/_navigation.scss
Normal file
@ -0,0 +1,169 @@
|
||||
.navigation {
|
||||
transition: .3s ease;
|
||||
background: $white;
|
||||
@include desktop {
|
||||
border-bottom: 1px solid $border-color;
|
||||
.navbar{
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
&.sticky-top{
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-bg {
|
||||
border-bottom: 1px solid $border-color;
|
||||
|
||||
.navbar {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 25px 0;
|
||||
transition: .3s ease;
|
||||
|
||||
.dropdown {
|
||||
&:hover {
|
||||
.dropdown-menu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
|
||||
&-menu {
|
||||
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
|
||||
padding: 15px;
|
||||
border: 0;
|
||||
top: 50px;
|
||||
left: -10px;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
transition: .3s ease;
|
||||
opacity: 0;
|
||||
transform: scale(.95);
|
||||
background: $white;
|
||||
|
||||
@include desktop {
|
||||
display: none;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: scale(1);
|
||||
transform-origin: unset;
|
||||
}
|
||||
|
||||
&.show {
|
||||
visibility: hidden;
|
||||
|
||||
@include desktop {
|
||||
visibility: visible;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-item {
|
||||
color: $text-color;
|
||||
transition: .2s ease;
|
||||
padding: 10px;
|
||||
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
margin: 0;
|
||||
|
||||
.nav-link {
|
||||
text-transform: capitalize;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link {
|
||||
color: $text-color;
|
||||
|
||||
&:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-expand-lg .navbar-nav .nav-link {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* search */
|
||||
.search-btn {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.search-wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
visibility: hidden;
|
||||
transition: .2s ease;
|
||||
opacity: 0;
|
||||
|
||||
&.open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.search-box {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
background: $white;
|
||||
font-size: 20px;
|
||||
padding: 0;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.search-close {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border: 0;
|
||||
background: transparent;
|
||||
page-break-after: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* cart */
|
||||
.cart {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
position: relative;
|
||||
|
||||
@include desktop {
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
right: 50px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
border-radius: 50%;
|
||||
right: -10px;
|
||||
}
|
||||
}
|
||||
0
exampleSite/.hugo_build.lock
Normal file
141
exampleSite/config.toml
Normal file
@ -0,0 +1,141 @@
|
||||
######################## default configuration ####################
|
||||
baseURL = "https://demo.gethugothemes.com/hargo/examplesite/"
|
||||
languageCode = "en"
|
||||
title = "Hargo | Hugo Ecommerce Site"
|
||||
theme = "hargo-hugo"
|
||||
summaryLength = "20"
|
||||
paginate = 10
|
||||
disqusShortname = ""
|
||||
|
||||
############################# Plugins ##############################
|
||||
[params.plugins]
|
||||
|
||||
# CSS Plugins
|
||||
[[params.plugins.css]]
|
||||
link = "plugins/bootstrap/bootstrap.min.css"
|
||||
[[params.plugins.css]]
|
||||
link = "plugins/slick/slick.css"
|
||||
[[params.plugins.css]]
|
||||
link = "plugins/themify-icons/themify-icons.css"
|
||||
|
||||
# JS Plugins
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/jQuery/jquery.min.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/bootstrap/bootstrap.min.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/slick/slick.min.js"
|
||||
[[params.plugins.js]]
|
||||
link = "plugins/google-map/gmap.js"
|
||||
|
||||
|
||||
############################## navigation ###############################
|
||||
[menu]
|
||||
|
||||
[[menu.main]]
|
||||
name = "Products"
|
||||
URL = "products/"
|
||||
weight = 1
|
||||
|
||||
[[menu.main]]
|
||||
name = "Blog"
|
||||
URL = "blog/"
|
||||
weight = 2
|
||||
|
||||
[[menu.main]]
|
||||
name = "FAQ"
|
||||
URL = "faq/"
|
||||
weight = 3
|
||||
|
||||
[[menu.main]]
|
||||
name = "Contact"
|
||||
URL = "contact/"
|
||||
weight = 4
|
||||
|
||||
############# footer menu #############
|
||||
[[menu.footer]]
|
||||
name = "Products"
|
||||
URL = "products/"
|
||||
weight = 1
|
||||
|
||||
[[menu.footer]]
|
||||
name = "Blog"
|
||||
URL = "blog/"
|
||||
weight = 2
|
||||
|
||||
[[menu.footer]]
|
||||
name = "FAQ"
|
||||
URL = "faq/"
|
||||
weight = 3
|
||||
|
||||
[[menu.footer]]
|
||||
name = "Terms & Conditions"
|
||||
URL = "terms-conditions/"
|
||||
weight = 4
|
||||
|
||||
[[menu.footer]]
|
||||
name = "Contact"
|
||||
URL = "contact/"
|
||||
weight = 5
|
||||
|
||||
|
||||
#################### default parameters ################################
|
||||
[params]
|
||||
logo = "images/logo.png"
|
||||
home = "Home"
|
||||
# Meta data
|
||||
description = "This is meta description"
|
||||
author = "Themefisher"
|
||||
# google map
|
||||
gmapAPI = "https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU&libraries=places"
|
||||
mapLatitude = "51.5223477"
|
||||
mapLongitude = "-0.1622023"
|
||||
mapMarker = "images/marker.png"
|
||||
# Google Analitycs
|
||||
googleAnalyticsID = "" # Your ID
|
||||
# Contact Information
|
||||
mobile = "0124857985320"
|
||||
email = "demo@email.com"
|
||||
location = "Dhaka, Bangladedsh"
|
||||
# copyright
|
||||
copyright = "| Copyright © 2019 [Gethugothemes](https://gethugothemes.com) All Rights Reserved |"
|
||||
# Snipcart Credentials
|
||||
snipcartApiKey = "M2E5YjA3NjMtYzRiYS00YzVjLWEyYWYtNDY5ZDI0OWZhYjg5"
|
||||
currencySymbol = "$"
|
||||
|
||||
# Preloader
|
||||
[params.preloader]
|
||||
enable = true
|
||||
preloader = "" # use .png , .svg or .gif format
|
||||
|
||||
# Product Rating
|
||||
# it works with https://rating-widget.com/ , you will get the ID and publicKey after creating your account there.
|
||||
[params.rating]
|
||||
enable = true
|
||||
websiteID = "444334"
|
||||
publicKey = "811cf0927332bf51f2e12f84608594ac"
|
||||
|
||||
# Social Site
|
||||
[[params.social]]
|
||||
icon = "ti-facebook"
|
||||
link = "#"
|
||||
|
||||
[[params.social]]
|
||||
icon = "ti-twitter-alt"
|
||||
link = "#"
|
||||
|
||||
[[params.social]]
|
||||
icon = "ti-youtube"
|
||||
link = "#"
|
||||
|
||||
[[params.social]]
|
||||
icon = "ti-instagram"
|
||||
link = "#"
|
||||
|
||||
[[params.social]]
|
||||
icon = "ti-pinterest"
|
||||
link = "#"
|
||||
|
||||
# Contact Form
|
||||
[params.contact]
|
||||
formAction = "#" # contact form works with formspree.io
|
||||
6
exampleSite/content/blog/_index.md
Normal file
@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "Blog"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
---
|
||||
26
exampleSite/content/blog/post-1.md
Normal file
@ -0,0 +1,26 @@
|
||||
---
|
||||
title: "Lower Back Pain? Self-Administered Acupressure Could Help"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
image: "images/blog/post-1.jpg"
|
||||
author: "John Doe"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
|
||||
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
|
||||
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilis
|
||||
|
||||
> And yes, it does attach an image of you selecting a text on Medium instead of just quoting the text. What a mess with blog.
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
|
||||
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
|
||||
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilis
|
||||
26
exampleSite/content/blog/post-2.md
Normal file
@ -0,0 +1,26 @@
|
||||
---
|
||||
title: "Human Gut Microbes Could Make Processed Foods Healthier"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
image: "images/blog/post-2.jpg"
|
||||
author: "John Doe"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
|
||||
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
|
||||
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilis
|
||||
|
||||
> And yes, it does attach an image of you selecting a text on Medium instead of just quoting the text. What a mess with blog.
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
|
||||
|
||||
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
|
||||
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilis
|
||||
7
exampleSite/content/contact/_index.md
Normal file
@ -0,0 +1,7 @@
|
||||
---
|
||||
title: "Contact"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
---
|
||||
|
||||
10
exampleSite/content/faq/_index.md
Normal file
@ -0,0 +1,10 @@
|
||||
---
|
||||
title: "FAQ"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
---
|
||||
|
||||
### Frequently Asked Questions
|
||||
|
||||
Below FAQ are some common concerns of our clients before purchasing the <br> theme, if you have other questions, please just send it to demo@email.com
|
||||
6
exampleSite/content/products/_index.md
Normal file
@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "Products"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
---
|
||||
35
exampleSite/content/products/taba-cream.1.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Cream"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "20.00"
|
||||
priceBefore: "25.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "1"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-1.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-cream.2.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Cream"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "20.00"
|
||||
priceBefore: "25.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "2"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-1.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-cream.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Cream"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "20.00"
|
||||
priceBefore: ""
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "3"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-1.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-facewash.1.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Facewash"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "40.00"
|
||||
priceBefore: "49.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "4"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-4.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-6.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-facewash.2.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Facewash"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "26.00"
|
||||
priceBefore: "29.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "5"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-6.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-facewash.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Facewash"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "20.00"
|
||||
priceBefore: "25.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "6"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-5.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-shampoo.1.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Shampoo"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Silky Hair"
|
||||
|
||||
# product Price
|
||||
price: "30.00"
|
||||
priceBefore: ""
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "7"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-5.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-shampoo.2.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Shampoo"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "20.00"
|
||||
priceBefore: "25.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "8"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-6.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
35
exampleSite/content/products/taba-shampoo.md
Normal file
@ -0,0 +1,35 @@
|
||||
---
|
||||
title: "Taba Shampoo"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
|
||||
# meta description
|
||||
description : "For Glowing Skin"
|
||||
|
||||
# product Price
|
||||
price: "20.00"
|
||||
priceBefore: "25.00"
|
||||
|
||||
# Product Short Description
|
||||
shortDescription: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut"
|
||||
|
||||
#product ID
|
||||
productID: "9"
|
||||
|
||||
# type must be "products"
|
||||
type: "products"
|
||||
|
||||
# product Images
|
||||
# first image will be shown in the product page
|
||||
images:
|
||||
- image: "images/products/product-6.png"
|
||||
- image: "images/products/product-2.png"
|
||||
- image: "images/products/product-3.png"
|
||||
- image: "images/products/product-4.png"
|
||||
---
|
||||
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
|
||||
|
||||
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
|
||||
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
|
||||
36
exampleSite/content/terms-conditions/_index.md
Normal file
@ -0,0 +1,36 @@
|
||||
---
|
||||
title: "Terms & Conditions"
|
||||
date: 2019-10-17T11:22:16+06:00
|
||||
draft: false
|
||||
description : "this is a meta description"
|
||||
---
|
||||
|
||||
### Terms and Condition
|
||||
|
||||
Please read this terms and conditions stated below, which outline a lot of legal goodies, but the bottom line is it’s our aim to always take care of both of us, as a customer, or as a seller. We’ve included many of these terms to legally protect ourselves, but if you have an issue, always feel free to email us at contact@themefisher.com and we’ll do our best to resolve it in a fair and timely way .
|
||||
|
||||
### Product Buy & delivery policy
|
||||
|
||||
1)All payments are processed securely through PayPal or Stripe. Themefisher does not directly process payments through the website. So any kind of Problem if you face Themefisher will Not Take any responsibility.
|
||||
|
||||
### Product Buy & delivery policy
|
||||
|
||||
Please read this terms and conditions stated below, which outline a lot of legal goodies, but the bottom line is it’s our aim to always take care of both of us, as a customer, or as a seller. We’ve included many of these terms to legally protect ourselves, but if you have an issue, always feel free to email us at contact@themefisher.com and we’ll do our best to resolve it in a fair and timely way .
|
||||
|
||||
### Refund Policy
|
||||
|
||||
1) Since Themefisher is offering non-tangible and irrevocable digital products, we do NOT issue refunds after a purchase is made. If there is a problem with one of the digital download products or if you experience any difficulty with the download, we will fix the problem.
|
||||
2) You have 24 hours to inspect your purchase and to determine if it does not meet with the expectations laid forth by The Themefisher. In the event that you wish to receive a refund, Themefisher will issue you a refund and ask you to specify how the product failed to live up to expectations.
|
||||
3) When you make a qualifying return, We’ll credit the full amount, less the handling charges. Refunds are generally processed within 3–5 business days after we receive your claim and find it eligible for a return. Refunds are applied to the original payment option.
|
||||
|
||||
### Support Policy
|
||||
1) Since Themefisher is offering non-tangible and irrevocable digital products, we do NOT issue refunds after a purchase is made. If there is a problem with one of the digital download products or if you experience any difficulty with the download, we will fix the problem.
|
||||
2) You have 24 hours to inspect your purchase and to determine if it does not meet with the expectations laid forth by The Themefisher. In the event that you wish to receive a refund, Themefisher will issue you a refund and ask you to specify how the product failed to live up to expectations.
|
||||
3) When you make a qualifying return, We’ll credit the full amount, less the handling charges. Refunds are generally processed within 3–5 business days after we receive your claim and find it eligible for a return. Refunds are applied to the original payment option.
|
||||
|
||||
### Why We Support:
|
||||
|
||||
1. Support covers getting up and help in theme setup
|
||||
2. Help using features and theme options
|
||||
3. Bug fixes – if you discovered a bug in the theme/Template we will fix it
|
||||
4. Functionality which does not work as advertised
|
||||
24
exampleSite/data/contact.yml
Normal file
@ -0,0 +1,24 @@
|
||||
############################# contact info ################
|
||||
contact:
|
||||
enable : true
|
||||
# office
|
||||
office:
|
||||
title : "Central Office"
|
||||
content : "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna"
|
||||
# other information comes from "config.toml"
|
||||
|
||||
# opennig hour
|
||||
opennigHour:
|
||||
title : "Opening Hours"
|
||||
dayTimeList:
|
||||
- dayTime : "Monday: 9:00 – 19:00"
|
||||
- dayTime : "Tuesday: 9:00 – 19:00"
|
||||
- dayTime : "Wednesday: 9:00 – 19:00"
|
||||
- dayTime : "Thursday: 9:00 – 19:00"
|
||||
- dayTime : "Friday: 9:00 – 19:00"
|
||||
- dayTime : "Saturday: 9:00 – 19:00"
|
||||
- dayTime : "sunday: 9:00 – 19:00"
|
||||
|
||||
####################### google map ########################
|
||||
map:
|
||||
enable: true
|
||||
15
exampleSite/data/faq.yml
Normal file
@ -0,0 +1,15 @@
|
||||
faqItem:
|
||||
- title : Will updates also be free?
|
||||
content : Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
|
||||
|
||||
- title : Discounts for students and Non Profit Organizations?
|
||||
content : Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
|
||||
|
||||
- title : I need something unique. Can you make it?
|
||||
content : Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
|
||||
|
||||
- title : Is there any documentation and support?
|
||||
content : Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
|
||||
|
||||
- title : Any refunds?
|
||||
content : Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque praesentium nisi officiis maiores quia sapiente totam omnis vel sequi corporis ipsa incidunt reprehenderit recusandae maxime perspiciatis iste placeat architecto, mollitia delectus ut ab quibusdam. Magnam cumque numquam tempore reprehenderit illo, unde cum omnis vel sed temporibus, repudiandae impedit nam ad enim porro, qui labore fugiat quod suscipit fuga necessitatibus. Perferendis, ipsum? Cum, reprehenderit. Sapiente atque quam vitae, magnam dolore consequatur temporibus harum odit ab id quo qui aspernatur aliquid officiis sit error asperiores eveniet quibusdam, accusantium enim recusandae quas ea est! Quaerat omnis, placeat vitae laboriosam doloremque recusandae mollitia minima!
|
||||
130
exampleSite/data/homepage.yml
Normal file
@ -0,0 +1,130 @@
|
||||
############################ banner ##########################
|
||||
banner:
|
||||
enable : true
|
||||
title : "Best Beauty Cream For Your Skin"
|
||||
content : "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed dia"
|
||||
image : "images/banner.png"
|
||||
# button
|
||||
button:
|
||||
enable : true
|
||||
label : "All Products"
|
||||
link : "products/"
|
||||
# demo video
|
||||
video:
|
||||
enable : true
|
||||
videoURL : "https://www.youtube.com/embed/wf4F2-9UXUo"
|
||||
|
||||
########################## About ##############################
|
||||
about:
|
||||
enable : true
|
||||
title : "About Our Product"
|
||||
content : "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||
clita kasd gubergren,"
|
||||
image : "images/about.png"
|
||||
|
||||
|
||||
###################### Call to action ########################
|
||||
cta:
|
||||
enable : true
|
||||
title : "Buy one Get One Free Taba Cream"
|
||||
content : "Available for limited time only. Grab one while you still can!"
|
||||
image : "images/cta.png"
|
||||
overlayImage : "images/cta-overlay.png"
|
||||
button:
|
||||
label : "All Products"
|
||||
link : "products/"
|
||||
|
||||
######################## raw material #######################
|
||||
material:
|
||||
enable : true
|
||||
title : "Ingredients Of Our Products"
|
||||
subtitle : "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dol."
|
||||
materialItem:
|
||||
# material item loop
|
||||
- title : "Matcha Seeds"
|
||||
image : "images/material/material-1.png"
|
||||
content : "Lorem ipsum dolor sit amet,be consetetur sadipscing elitr, sed diam nonumy eirmod tem"
|
||||
|
||||
# material item loop
|
||||
- title : "Aloe Vera"
|
||||
image : "images/material/material-2.png"
|
||||
content : "Lorem ipsum dolor sit amet,be consetetur sadipscing elitr, sed diam nonumy eirmod tem"
|
||||
|
||||
# material item loop
|
||||
- title : "Turmeric"
|
||||
image : "images/material/material-3.png"
|
||||
content : "Lorem ipsum dolor sit amet,be consetetur sadipscing elitr, sed diam nonumy eirmod tem"
|
||||
|
||||
# material item loop
|
||||
- title : "Tulshi leaf"
|
||||
image : "images/material/material-4.png"
|
||||
content : "Lorem ipsum dolor sit amet,be consetetur sadipscing elitr, sed diam nonumy eirmod tem"
|
||||
|
||||
########################### Advantage #########################
|
||||
advantage:
|
||||
enable : true
|
||||
title : "Advantages Of Using <br> Our Product"
|
||||
subtitle : "Lorem ipsum dolor sit amet, da decal consetetur<br> sadipscing elitr, sed diam nonumya eirmod"
|
||||
image : "images/advantage.png"
|
||||
advantageList:
|
||||
# advantage list loop
|
||||
- listItem : "Extremely lightweight"
|
||||
- listItem : "Excellent breathability"
|
||||
- listItem : "Can increase Cell activation"
|
||||
- listItem : "Glowing Skin In 7 Days"
|
||||
- listItem : "Increasing Glow Of Face"
|
||||
- listItem : "More Beautiful Face Skin"
|
||||
|
||||
|
||||
######################## Promo Video ##########################
|
||||
video:
|
||||
enable : true
|
||||
title : "How To Use This Product?"
|
||||
content : "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et."
|
||||
videoThumb : "images/video-thumb.jpg"
|
||||
videoURL : "https://www.youtube.com/embed/wf4F2-9UXUo"
|
||||
|
||||
|
||||
######################## Products #############################
|
||||
products:
|
||||
enable : true
|
||||
title : "Products List"
|
||||
# product item comes from "content/products"
|
||||
|
||||
|
||||
########################## Testimonial ########################
|
||||
testimonial:
|
||||
enable : true
|
||||
title : "What People Are Saying <br> About Our Product"
|
||||
testimonialItem:
|
||||
# testimonial item loop
|
||||
- name : "Angelo Perara"
|
||||
image : "images/clients/client-1.jpg" # size 100px*100px
|
||||
designation : "CEO, Dialogue Broad Band"
|
||||
content : "Lorem ipsum dolor sit amet, <br> consetetur sadipscing elitr, diam <br> nonumy eirmod tempor"
|
||||
rating : "five" # rating star, one to five
|
||||
|
||||
# testimonial item loop
|
||||
- name : "Riya Ventila"
|
||||
image : "images/clients/client-2.jpg" # size 100px*100px
|
||||
designation : "CEO, Dialogue Broad Band"
|
||||
content : "Lorem ipsum dolor sit amet, <br> consetetur sadipscing elitr, diam <br> nonumy eirmod tempor"
|
||||
rating : "three" # rating star, one to five
|
||||
|
||||
# testimonial item loop
|
||||
- name : "john Doe"
|
||||
image : "images/clients/client-3.jpg" # size 100px*100px
|
||||
designation : "CEO, Dialogue Broad Band"
|
||||
content : "Lorem ipsum dolor sit amet, <br> consetetur sadipscing elitr, diam <br> nonumy eirmod tempor"
|
||||
rating : "five" # rating star, one to five
|
||||
|
||||
# testimonial item loop
|
||||
- name : "Riya Ventila"
|
||||
image : "images/clients/client-2.jpg" # size 100px*100px
|
||||
designation : "CEO, Dialogue Broad Band"
|
||||
content : "Lorem ipsum dolor sit amet, <br> consetetur sadipscing elitr, diam <br> nonumy eirmod tempor"
|
||||
rating : "four" # rating star, one to five
|
||||
16
exampleSite/netlify.toml
Normal file
@ -0,0 +1,16 @@
|
||||
[build]
|
||||
publish = "public"
|
||||
command = "hugo --minify --gc"
|
||||
|
||||
[build.environment]
|
||||
HUGO_VERSION = "0.87.0"
|
||||
HUGO_BASEURL = "/"
|
||||
|
||||
[[headers]]
|
||||
for = "/*" # This defines which paths this specific [[headers]] block will cover.
|
||||
|
||||
[headers.values]
|
||||
X-Frame-Options = "DENY"
|
||||
X-XSS-Protection = "1; mode=block"
|
||||
Referrer-Policy = "same-origin"
|
||||
Strict-Transport-Security = "max-age=31536000; includeSubDomains; preload"
|
||||
@ -0,0 +1 @@
|
||||
{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}
|
||||
@ -0,0 +1 @@
|
||||
{"Target":"scss/style.min.77ccba2497dcb745840a101422f5170930a1cfd29fb7b23954d37f2ed1d3976b.css","MediaType":"text/css","Data":{"Integrity":"sha256-d8y6JJfct0WEChAUIvUXCTChz9Kft7I5VNN/LtHTl2s="}}
|
||||
@ -0,0 +1 @@
|
||||
{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}
|
||||
BIN
exampleSite/static/images/about.png
Normal file
|
After Width: | Height: | Size: 298 KiB |
BIN
exampleSite/static/images/advantage.png
Normal file
|
After Width: | Height: | Size: 177 KiB |
BIN
exampleSite/static/images/banner.png
Normal file
|
After Width: | Height: | Size: 223 KiB |
BIN
exampleSite/static/images/blog/post-1.jpg
Normal file
|
After Width: | Height: | Size: 275 KiB |
BIN
exampleSite/static/images/blog/post-2.jpg
Normal file
|
After Width: | Height: | Size: 100 KiB |
BIN
exampleSite/static/images/blog/post-3.jpg
Normal file
|
After Width: | Height: | Size: 228 KiB |
BIN
exampleSite/static/images/blog/post-4.jpg
Normal file
|
After Width: | Height: | Size: 176 KiB |
BIN
exampleSite/static/images/clients/client-1.jpg
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
exampleSite/static/images/clients/client-2.jpg
Normal file
|
After Width: | Height: | Size: 7.6 KiB |
BIN
exampleSite/static/images/clients/client-3.jpg
Normal file
|
After Width: | Height: | Size: 9.0 KiB |
BIN
exampleSite/static/images/cta-overlay.png
Normal file
|
After Width: | Height: | Size: 56 KiB |
BIN
exampleSite/static/images/cta.png
Normal file
|
After Width: | Height: | Size: 96 KiB |
BIN
exampleSite/static/images/logo.png
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
exampleSite/static/images/marker.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
exampleSite/static/images/material/material-1.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
exampleSite/static/images/material/material-2.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
exampleSite/static/images/material/material-3.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
exampleSite/static/images/material/material-4.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
exampleSite/static/images/products/product-1.png
Normal file
|
After Width: | Height: | Size: 55 KiB |
BIN
exampleSite/static/images/products/product-2.png
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
exampleSite/static/images/products/product-3.png
Normal file
|
After Width: | Height: | Size: 64 KiB |
BIN
exampleSite/static/images/products/product-4.png
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
exampleSite/static/images/products/product-5.png
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
exampleSite/static/images/products/product-6.png
Normal file
|
After Width: | Height: | Size: 72 KiB |
BIN
exampleSite/static/images/video-thumb.jpg
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
images/screenshot.png
Normal file
|
After Width: | Height: | Size: 449 KiB |
BIN
images/tn.png
Normal file
|
After Width: | Height: | Size: 2.1 MiB |
0
layouts/404.html
Normal file
10
layouts/_default/baseof.html
Normal file
@ -0,0 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ with site.LanguageCode }}{{ . }}{{ else }}en{{ end }}">
|
||||
{{- partial "head.html" . -}}
|
||||
<body>
|
||||
{{- partial "preloader.html" . -}}
|
||||
{{- partial "header.html" . -}}
|
||||
{{- block "main" . }}{{- end }}
|
||||
{{- partial "footer.html" . -}}
|
||||
</body>
|
||||
</html>
|
||||
33
layouts/_default/list.html
Normal file
@ -0,0 +1,33 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ $paginator := .Paginate .Data.Pages }}
|
||||
{{ range $paginator.Pages }}
|
||||
<div class="col-lg-8 mx-auto mb-5">
|
||||
<article class="card rounded-0 border-0">
|
||||
<img src="{{ .Params.Image | absURL }}" alt="{{ .Title | markdownify }}" class="card-img-top rounded-top-0">
|
||||
<div class="card-body px-0">
|
||||
<a href="{{ .Permalink }}" class="h4 d-block">{{ .Title | markdownify }}</a>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item"><i class="ti-pencil-alt text-primary mr-2"></i> By {{ .Params.Author }}</li>
|
||||
<li class="list-inline-item"><i class="ti-calendar text-primary mr-2"></i>
|
||||
{{ .PublishDate.Format "02 Jan, 2006" }}</li>
|
||||
</ul>
|
||||
<p>{{ .Summary }}</p>
|
||||
<a href="{{ .Permalink }}" class="btn btn-sm btn-outline-primary">Read More</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
26
layouts/_default/single.html
Normal file
@ -0,0 +1,26 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<article>
|
||||
<h2>{{ .Title }}</h2>
|
||||
<ul class="list-inline mb-4">
|
||||
<li class="list-inline-item"><i class="ti-pencil-alt text-primary mr-2"></i> By {{ .Params.Author }}</li>
|
||||
<li class="list-inline-item"><i class="ti-calendar text-primary mr-2"></i>
|
||||
{{ .PublishDate.Format "02 Jan, 2006" }}</li>
|
||||
</ul>
|
||||
<img src="{{ .Params.Image | absURL }}" alt="{{ .Title }}" class="img-fluid w-100 mb-4">
|
||||
<div class="content">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
62
layouts/contact/list.html
Normal file
@ -0,0 +1,62 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
{{ if site.Data.contact.contact.enable }}
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
{{ with site.Data.contact.contact.office }}
|
||||
<h3 class="mb-4">{{ .title | markdownify }}</h3>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
{{ end }}
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-3"><a class="text-color" href="tel:{{ site.Params.mobile }}"><i
|
||||
class="ti-mobile text-primary mr-2"></i>
|
||||
{{ site.Params.mobile }}</a></li>
|
||||
<li class="mb-3"><a class="text-color" href="mailto:{{ site.Params.email }}"><i
|
||||
class="ti-email text-primary mr-2"></i>{{ site.Params.email }}</a></li>
|
||||
<li class="mb-3"><i class="ti-location-pin text-primary mr-2"></i>{{ site.Params.location }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3 offset-lg-1 col-sm-6">
|
||||
{{ with site.Data.contact.contact.opennigHour }}
|
||||
<h3 class="mb-4">{{ .title | markdownify }}</h3>
|
||||
<ul class="list-unstyled">
|
||||
{{ range .dayTimeList }}
|
||||
<li class="mb-3">{{ .dayTime | markdownify }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<h3 class="
|
||||
mb-4">Contact us</h3>
|
||||
<form action="{{ site.Params.contact.formAction }}" method="POST">
|
||||
<input type="text" class="form-control mb-2" id="name" name="name" placeholder="Your Name">
|
||||
<input type="email" class="form-control mb-2" id="email" name="email" placeholder="Your Email">
|
||||
<textarea name="message" id="message" class="form-control mb-2" placeholder="Your Message"></textarea>
|
||||
<button type="submit" value="send" class="btn btn-block btn-outline-primary rounded">Send Now</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ if site.Data.contact.map.enable }}
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div id="map_canvas" data-latitude="{{ with site.Params.mapLatitude }} {{ . }} {{ end }}"
|
||||
data-longitude="{{ with site.Params.mapLongitude }} {{ . }} {{ end }}"
|
||||
data-marker="{{ with site.Params.mapMarker }} {{ . | absURL }} {{ end }}" data-marker-name="{{ site.Title }}"></div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
53
layouts/faq/list.html
Normal file
@ -0,0 +1,53 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
{{ if site.Data.contact.contact.enable }}
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 mb-5">
|
||||
<div class="content">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="sticky-top top-100">
|
||||
<h3 class="mb-4">Ask Your Question</h3>
|
||||
<form action="{{ site.Params.contact.formAction }}" method="POST">
|
||||
<input type="text" class="form-control mb-2" id="name" name="name" placeholder="Your Name">
|
||||
<input type="email" class="form-control mb-2" id="email" name="email" placeholder="Your Email">
|
||||
<textarea name="message" id="message" class="form-control mb-2" placeholder="Your Message"></textarea>
|
||||
<button type="submit" value="send" class="btn btn-block btn-outline-primary rounded">Send Now</button>
|
||||
</form>
|
||||
</div></div>
|
||||
{{ with site.Data.faq}}
|
||||
<div class="col-lg-7 offset-lg-1">
|
||||
<div id="accordion" class="mt-5">
|
||||
{{ $.Scratch.Set "counter" 0 }}
|
||||
{{ range .faqItem }}
|
||||
{{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }}
|
||||
{{ "<!-- accordion item -->" | safeHTML }}
|
||||
<div class="card mb-1 rounded-0 border-0">
|
||||
<div class="card-header rounded-0 bg-white border p-0 border-0">
|
||||
<a class="card-link h4 d-flex tex-dark mb-0 p-2 justify-content-between" data-toggle="collapse"
|
||||
href="#collapse{{$.Scratch.Get `counter`}}">
|
||||
<span>{{ .title | markdownify }}</span> <div class="ml-3"><i class="ti-plus h6 text-primary text-right border p-2 d-inline-block border-primary"></i></div>
|
||||
</a>
|
||||
</div>
|
||||
<div id="collapse{{$.Scratch.Get `counter`}}" class="collapse" data-parent="#accordion">
|
||||
<div class="card-body p-2 font-secondary text-color">{{ .content | markdownify }}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
242
layouts/index.html
Normal file
@ -0,0 +1,242 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<!-- banner -->
|
||||
{{ if site.Data.homepage.banner.enable }}
|
||||
{{ with site.Data.homepage.banner }}
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="row justify-content-between align-items-center">
|
||||
<div class="col-lg-5 col-md-6 order-2 order-md-1">
|
||||
<h1>{{ .title | markdownify }}</h1>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
{{ if .button.enable }}
|
||||
{{ with .button }}
|
||||
<a href="{{ .link }}" class="btn btn-primary mr-3">{{ .label }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .video.enable }}
|
||||
{{ with .video }}
|
||||
<a data-toggle="modal" data-src="{{ .videoURL | safeURL }}" data-target="#videoModal"
|
||||
class="text-color video-modal"><i
|
||||
class="ti-control-play bg-gradient hover-shadow btn-play mr-2"></i><span>Watch Video</span></a>
|
||||
{{ end }}
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content border-0 rounded-0">
|
||||
<iframe width="560" height="315" src="" id="video" frameborder="0"
|
||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="col-lg-7 col-md-6 order-1 order-lg-2">
|
||||
<img src="{{ .image | absURL }}" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /banner -->
|
||||
|
||||
<!-- about -->
|
||||
{{ if site.Data.homepage.about.enable }}
|
||||
{{ with site.Data.homepage.about }}
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-around align-items-center">
|
||||
<div class="col-lg-5 col-md-6">
|
||||
<img class="img-fluid" src="{{ .image | absURL }}" alt="">
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-5">
|
||||
<h2>{{ .title | markdownify }}</h2>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /about -->
|
||||
|
||||
{{ if site.Data.homepage.cta.enable }}
|
||||
{{ partial "cta.html" . }}
|
||||
{{ end }}
|
||||
|
||||
<!-- material -->
|
||||
{{ if site.Data.homepage.material.enable }}
|
||||
{{ with site.Data.homepage.material }}
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 mx-auto text-center">
|
||||
<h2>{{ .title | markdownify }}</h2>
|
||||
<p>{{ .subtitle | markdownify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
{{ range .materialItem }}
|
||||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||||
<div class="card border-0 text-center">
|
||||
<img src="{{ .image | absURL }}" alt="material" class="card-img-top border-0">
|
||||
<div class="card-body">
|
||||
<h4>{{ .title | markdownify }}</h4>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /material -->
|
||||
|
||||
<!-- advantage -->
|
||||
{{ if site.Data.homepage.advantage.enable }}
|
||||
{{ with site.Data.homepage.advantage }}
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<h2>{{ .title | markdownify }}</h2>
|
||||
<p class="mb-4">{{ .subtitle | markdownify }}</p>
|
||||
<ul class="list-unstyled" style="columns: 2;">
|
||||
{{ range .advantageList }}
|
||||
<li class="mb-3"><i class="ti-arrow-circle-right text-primary mr-2"></i>{{ .listItem }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="{{ .image | absURL}}" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /advantage -->
|
||||
|
||||
<!-- promo video -->
|
||||
{{ if site.Data.homepage.video.enable }}
|
||||
{{ with site.Data.homepage.video }}
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-between">
|
||||
<div class="col-lg-5 col-md-6">
|
||||
<div class="img-border rounded mb-5 mb-md-0">
|
||||
<img src="{{ .videoThumb | absURL }}" alt="video thumb" class="img-fluid rounded">
|
||||
<a data-toggle="modal" data-src="{{ .videoURL | safeURL }}" data-target="#videoModal2"
|
||||
class="text-color video-modal content-center"><i class="ti-control-play bg-gradient btn-play-lg"></i></a>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="videoModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content border-0 rounded-0">
|
||||
<iframe width="560" height="315" src="" id="video2" frameborder="0"
|
||||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h2>{{ .title | markdownify }}</h2>
|
||||
<p>{{ .content | markdownify }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /promo video -->
|
||||
|
||||
<!-- products -->
|
||||
{{ if site.Data.homepage.products.enable }}
|
||||
<section class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-4">
|
||||
{{ with site.Data.homepage.products }}
|
||||
<h2>{{ .title | markdownify }}</h2>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ range first 6 (where site.RegularPages "Type" "products") }}
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<div class="card border-0 text-center">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ range first 1 .Params.Images }}
|
||||
<img src="{{ .image | absURL }}" alt="{{ .Title }}" class="card-img-top">
|
||||
{{ end }}
|
||||
</a>
|
||||
<div class="card-body">
|
||||
<a href="{{ .Permalink }}" class="h4">{{ .Title }}</a>
|
||||
<p>{{ .Params.Description }}</p>
|
||||
<div class="mb-4">
|
||||
{{ if .Params.PriceBefore }}
|
||||
<s>{{ site.Params.currencySymbol }}{{ .Params.PriceBefore }}</s>
|
||||
{{ end }}
|
||||
<span class="lead text-primary">{{ site.Params.currencySymbol }}{{ .Params.Price }}</span>
|
||||
</div>
|
||||
<button class="snipcart-add-item btn btn-sm btn-outline-primary" data-item-id="{{ .Params.ProductID }}"
|
||||
data-item-name="{{ .Title }}" {{ range first 1 .Params.Images }} data-item-image="{{ .image | absURL }}"
|
||||
{{ end }} data-item-price="{{ .Params.Price }}" data-item-url="{{ .Permalink }}" data-item-description="{{ .Description }}">
|
||||
Add to cart
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
<!-- /products -->
|
||||
|
||||
<!-- testimonial -->
|
||||
{{ if site.Data.homepage.testimonial.enable }}
|
||||
{{ with site.Data.homepage.testimonial }}
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<h2>{{ .title | markdownify }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row testimonial-slider">
|
||||
{{ range .testimonialItem }}
|
||||
<div class="col-4">
|
||||
<div class="card border-primary text-center">
|
||||
<div class="card-body">
|
||||
<img src="{{ .image | absURL }}" class="client-img" alt="{{ .name | markdownify }}">
|
||||
<p class="quoted">{{ .content | markdownify }}</p>
|
||||
<h6 class="font-weight-medium">{{ .name | markdownify }}</h6>
|
||||
<small>{{ .designation | markdownify }}</small>
|
||||
<ul class="list-inline rating {{ .rating | lower }} mt-3">
|
||||
<li class="list-inline-item mx-0"><i class="ti-star"></i></li>
|
||||
<li class="list-inline-item mx-0"><i class="ti-star"></i></li>
|
||||
<li class="list-inline-item mx-0"><i class="ti-star"></i></li>
|
||||
<li class="list-inline-item mx-0"><i class="ti-star"></i></li>
|
||||
<li class="list-inline-item mx-0"><i class="ti-star"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /testimonial -->
|
||||
|
||||
{{ if site.Data.homepage.cta.enable }}
|
||||
{{ partial "cta.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
23
layouts/partials/cta.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!-- call to action -->
|
||||
{{ if site.Data.homepage.cta.enable }}
|
||||
{{ with site.Data.homepage.cta }}
|
||||
<section class="py-4 bg-gradient position-relative">
|
||||
<img src="{{ .overlayImage | absURL }}" class="img-fluid overlay-image" alt="">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 col-md-7">
|
||||
<h2 class="text-white">{{ .title | markdownify }}</h2>
|
||||
<p class="text-white">{{ .content | markdownify }}</p>
|
||||
{{ with .button }}
|
||||
<a href="{{ .link | absURL }}" class="btn btn-light">{{ .label }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-5 position-relative">
|
||||
<img class="cta-image" src="{{ .image | absURL }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<!-- /call to action -->
|
||||
123
layouts/partials/footer.html
Normal file
@ -0,0 +1,123 @@
|
||||
<footer class="section pb-0">
|
||||
<div class="container">
|
||||
<div class="row border-bottom pb-5 justify-content-between">
|
||||
<div class="col-12 text-center section-sm">
|
||||
<a href="{{ site.BaseURL }}"><img src="{{ site.Params.logo | absURL }}" class="img-fluid"
|
||||
alt="{{ site.Title }}"></a>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-6">
|
||||
<h5 class="font-weight-medium mb-4">Important Links</h5>
|
||||
<ul class="list-unstyled">
|
||||
{{ range site.Menus.footer }}
|
||||
<li class="mb-3"><a class="text-color" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h5 class="font-weight-medium mb-4">Connect With Us</h5>
|
||||
<ul class="list-unstyled mb-5">
|
||||
<li class="mb-3"><a class="text-color" href="tel:{{ site.Params.mobile }}"><i
|
||||
class="ti-mobile text-primary mr-2"></i>
|
||||
{{ site.Params.mobile }}</a></li>
|
||||
<li class="mb-3"><a class="text-color" href="mailto:{{ site.Params.email }}"><i
|
||||
class="ti-email text-primary mr-2"></i> {{ site.Params.email }}</a></li>
|
||||
<li class="mb-3"><i class="ti-location-pin text-primary mr-2"></i> {{ site.Params.location }}
|
||||
</li>
|
||||
</ul>
|
||||
<!-- Social Icons -->
|
||||
<ul class="list-inline">
|
||||
{{ range site.Params.social }}
|
||||
<li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }} text-primary"></i></a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-5">
|
||||
<h5 class="font-weight-medium mb-4">Contact us</h5>
|
||||
<form action="{{ site.Params.contact.formAction }}" method="POST">
|
||||
<input type="text" class="form-control mb-2" id="name" name="name" placeholder="Your Name">
|
||||
<input type="email" class="form-control mb-2" id="email" name="email" placeholder="Your Email">
|
||||
<textarea name="message" id="message" class="form-control mb-2" placeholder="Your Message"></textarea>
|
||||
<button type="submit" value="send" class="btn btn-block btn-outline-primary rounded">Send Now</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 text-center py-4">
|
||||
{{ site.Params.copyright | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{{ with site.Params.snipcartApiKey }}
|
||||
{{ "<!-- Snipcart -->" | safeHTML }}
|
||||
<div id="snipcart" data-api-key="{{ . }}" hidden></div>
|
||||
{{ end }}
|
||||
|
||||
{{ "<!-- Google Maps API -->" | safeHTML }}
|
||||
<script src="{{ site.Params.gmapAPI | absURL }}"></script>
|
||||
{{ "<!-- JS Plugins -->" | safeHTML }}
|
||||
{{ range site.Params.plugins.js}}
|
||||
<script src="{{ .link | absURL }}"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ "<!-- Main Script -->" | safeHTML }}
|
||||
{{ $script := resources.Get "js/script.js" | minify}}
|
||||
<script src="{{ $script.Permalink }}"></script>
|
||||
|
||||
{{ with site.Params.googleAnalyticsID }}
|
||||
{{ "<!-- Google Analytics -->" | safeHTML }}
|
||||
<script>
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function () {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
||||
ga('create', '{{ . }}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if site.Params.rating.enable }}
|
||||
{{ "<!-- Product Ratings -->" | safeHTML }}
|
||||
<script>
|
||||
(function (d, t, e, m) {
|
||||
// Async Rating-Widget initialization
|
||||
window.RW_Async_Init = function () {
|
||||
RW.init({
|
||||
huid: "{{ site.Params.rating.websiteID }}",
|
||||
uid: "{{ site.Params.rating.publicKey }}",
|
||||
source: "website",
|
||||
options: {
|
||||
"size": "medium",
|
||||
"style": "oxygen",
|
||||
"isDummy": false
|
||||
}
|
||||
});
|
||||
RW.render();
|
||||
};
|
||||
// Append Rating-Widget JavaScript library
|
||||
var rw, s = d.getElementsByTagName(e)[0],
|
||||
id = "rw-js",
|
||||
l = d.location,
|
||||
ck = "Y" + t.getFullYear() +
|
||||
"M" + t.getMonth() + "D" + t.getDate(),
|
||||
p = l.protocol,
|
||||
f = ((l.search.indexOf("DBG=") > -1) ? "" : ".min"),
|
||||
a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
|
||||
if (d.getElementById(id)) return;
|
||||
rw = d.createElement(e);
|
||||
rw.id = id;
|
||||
rw.async = true;
|
||||
rw.type = "text/javascript";
|
||||
rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
|
||||
s.parentNode.insertBefore(rw, s);
|
||||
}(document, new Date(), "script", "rating-widget.com/"));
|
||||
</script>
|
||||
{{ end }}
|
||||
34
layouts/partials/head.html
Normal file
@ -0,0 +1,34 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ .Title }}</title>
|
||||
|
||||
{{ "<!-- Mobile Responsive Meta -->" | safeHTML }}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
|
||||
{{ with site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
|
||||
{{ hugo.Generator }}
|
||||
|
||||
<!-- theme meta -->
|
||||
<meta name="theme-name" content="hargo-hugo" />
|
||||
|
||||
{{ "<!-- Plugins -->" | safeHTML }}
|
||||
{{ range site.Params.plugins.css }}
|
||||
<link rel="stylesheet" href="{{ .link | absURL }}">
|
||||
{{ end }}
|
||||
|
||||
{{ with site.Params.snipcartApiKey }}
|
||||
{{ "<!-- Snipcart -->" | safeHTML }}
|
||||
<link rel="preconnect" href="https://app.snipcart.com/">
|
||||
<link rel="preconnect" href="https://cdn.snipcart.com/">
|
||||
<link rel="stylesheet" href="https://cdn.snipcart.com/themes/v3.0.28/default/snipcart.css">
|
||||
<script async src="https://cdn.snipcart.com/themes/v3.0.28/default/snipcart.js"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ "<!-- Main Stylesheet -->" | safeHTML }}
|
||||
{{ $styles := resources.Get "scss/style.scss" | toCSS | minify }}
|
||||
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
|
||||
|
||||
{{ "<!-- Favicon -->" | safeHTML }}
|
||||
<link rel="shortcut icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon">
|
||||
<link rel="icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon">
|
||||
</head>
|
||||
40
layouts/partials/header.html
Normal file
@ -0,0 +1,40 @@
|
||||
{{ "<!-- navigation -->" | safeHTML }}
|
||||
<header class="sticky-top navigation">
|
||||
<div class="container">
|
||||
<!-- navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a class="navbar-brand" href="{{ site.BaseURL }}"><img class="img-fluid" src="{{ site.Params.logo | absURL }}" alt="{{ site.Title }}"></a>
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
|
||||
<i class="ti-menu"></i>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse text-center" id="navigation">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ site.BaseURL }}">{{ with site.Params.Home }} {{ . }} {{ end }}</a>
|
||||
</li>
|
||||
{{ range site.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
{{ else }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
<button class="cart snipcart-summary"><a href="" class="snipcart-checkout text-dark"><i class="ti-shopping-cart"></i><span class="badge badge-primary snipcart-items-count"></span></a></button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
{{ "<!-- /navigation -->" | safeHTML }}
|
||||
15
layouts/partials/page-title.html
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb bg-transparent p-0">
|
||||
<li class="breadcrumb-item"><a class="text-dark" href="{{ site.BaseURL }}">{{ site.Params.home }}</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">{{ .Title }}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
9
layouts/partials/preloader.html
Normal file
@ -0,0 +1,9 @@
|
||||
{{ if site.Params.preloader.enable }}
|
||||
{{ "<!-- preloader start -->" | safeHTML }}
|
||||
<div class="preloader">
|
||||
{{ with site.Params.preloader.preloader }}
|
||||
<img src="{{ . | absURL }}" alt="preloader">
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ "<!-- preloader end -->" | safeHTML }}
|
||||
{{ end }}
|
||||
40
layouts/products/list.html
Normal file
@ -0,0 +1,40 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range .Data.Pages }}
|
||||
<div class="col-lg-4 col-sm-6 mb-4">
|
||||
<div class="card border-0 text-center">
|
||||
<a href="{{ .Permalink }}">
|
||||
{{ range first 1 .Params.Images }}
|
||||
<img src="{{ .image | absURL }}" alt="{{ .Title }}" class="card-img-top">
|
||||
{{ end }}
|
||||
</a>
|
||||
<div class="card-body">
|
||||
<a href="{{ .Permalink }}" class="h4">{{ .Title }}</a>
|
||||
<p>{{ .Params.Description }}</p>
|
||||
<div class="mb-4">
|
||||
{{ if .Params.PriceBefore }}
|
||||
<s>{{ site.Params.currencySymbol }}{{ .Params.PriceBefore }}</s>
|
||||
{{ end }}
|
||||
<span class="lead text-primary">{{ site.Params.currencySymbol }}{{ .Params.Price }}</span>
|
||||
</div>
|
||||
<button class="snipcart-add-item btn btn-sm btn-outline-primary" data-item-id="{{ .Params.ProductID }}"
|
||||
data-item-name="{{ .Title }}" {{ range first 1 .Params.Images }} data-item-image="{{ .image | absURL }}"
|
||||
{{ end }} data-item-price="{{ .Params.Price }}" data-item-url="{{ .Permalink }}" data-item-description="{{ .Description }}">
|
||||
Add to cart
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
64
layouts/products/single.html
Normal file
@ -0,0 +1,64 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 mb-4 mb-lg-0">
|
||||
<!-- product image slider -->
|
||||
<div class="product-slider">
|
||||
{{ range .Params.Images }}
|
||||
<div data-image="{{ .image | absURL }}">
|
||||
<img class="img-fluid w-100" src="{{ .image | absURL }}" alt="product-img">
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-1">
|
||||
<h4 class="font-weight-medium">{{ .Title }}</h4>
|
||||
<!-- rating star -->
|
||||
{{ if site.Params.rating.enable }}
|
||||
<div class="rw-ui-container"></div>
|
||||
{{ end }}
|
||||
<div class="my-4">
|
||||
{{ if .Params.PriceBefore }}
|
||||
<s>{{ site.Params.currencySymbol }}{{ .Params.PriceBefore }}</s>
|
||||
{{ end }}
|
||||
<span class="lead text-primary font-weight-medium">{{ site.Params.currencySymbol }}{{ .Params.Price }}</span>
|
||||
</div>
|
||||
<h5>Short Description</h5>
|
||||
<p>{{ .Params.ShortDescription | markdownify }}</p>
|
||||
<button class="snipcart-add-item btn btn-primary" data-item-id="{{ .Params.ProductID }}"
|
||||
data-item-name="{{ .Title }}" {{ range first 1 .Params.Images }} data-item-image="{{ .image | absURL }}"
|
||||
{{ end }} data-item-price="{{ .Params.Price }}" data-item-url="{{ .Permalink }}" data-item-description="{{ .Description }}">
|
||||
Add to cart
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-12 mt-5">
|
||||
<ul class="nav nav-tabs border-bottom-0" id="myTab" role="tablist">
|
||||
<li class="nav-item mr-3">
|
||||
<a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab"
|
||||
aria-controls="description" aria-selected="true">Description</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews"
|
||||
aria-selected="false">Reviews</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
|
||||
<div class="content">{{ .Content }}</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
19
layouts/terms-conditions/list.html
Normal file
@ -0,0 +1,19 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ partial "page-title.html" . }}
|
||||
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 mb-5">
|
||||
<div class="content">
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "cta.html" . }}
|
||||
|
||||
{{ end }}
|
||||
8
netlify.toml
Normal file
@ -0,0 +1,8 @@
|
||||
[build]
|
||||
publish = "exampleSite/public"
|
||||
command = "cd exampleSite && hugo --gc --themesDir ../.."
|
||||
|
||||
[build.environment]
|
||||
HUGO_VERSION = "0.73.0"
|
||||
HUGO_THEME = "repo"
|
||||
HUGO_BASEURL = "/"
|
||||
16
static/.htaccess
Normal file
@ -0,0 +1,16 @@
|
||||
<IfModule mod_deflate.c>
|
||||
AddOutputFilterByType DEFLATE text/plain
|
||||
AddOutputFilterByType DEFLATE text/html
|
||||
AddOutputFilterByType DEFLATE text/xml
|
||||
AddOutputFilterByType DEFLATE text/css
|
||||
AddOutputFilterByType DEFLATE application/xml
|
||||
AddOutputFilterByType DEFLATE application/xhtml+xml
|
||||
AddOutputFilterByType DEFLATE application/rss+xml
|
||||
AddOutputFilterByType DEFLATE application/javascript
|
||||
AddOutputFilterByType DEFLATE application/x-javascript
|
||||
AddOutputFilterByType DEFLATE image/jpg
|
||||
AddOutputFilterByType DEFLATE image/png
|
||||
AddOutputFilterByType DEFLATE image/gif
|
||||
AddOutputFilterByType DEFLATE image/jpeg
|
||||
AddOutputFilterByType DEFLATE image/svg+xml
|
||||
</IfModule>
|
||||
6
static/plugins/bootstrap/bootstrap.min.css
vendored
Normal file
1
static/plugins/bootstrap/bootstrap.min.js
vendored
Normal file
80
static/plugins/google-map/gmap.js
Normal file
@ -0,0 +1,80 @@
|
||||
window.marker = null;
|
||||
|
||||
function initialize() {
|
||||
var map;
|
||||
var latitude = $('#map_canvas').attr('data-latitude');
|
||||
var longitude = $('#map_canvas').attr('data-longitude');
|
||||
var mapMarker = $('#map_canvas').attr('data-marker');
|
||||
var mapMarkerName = $('#map_canvas').attr('data-marker-name');
|
||||
var nottingham = new google.maps.LatLng(latitude, longitude);
|
||||
var style = [{
|
||||
"featureType": "road",
|
||||
"elementType": "geometry",
|
||||
"stylers": [{
|
||||
"lightness": 100
|
||||
},
|
||||
{
|
||||
"visibility": "simplified"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "water",
|
||||
"elementType": "geometry",
|
||||
"stylers": [{
|
||||
"visibility": "on"
|
||||
},
|
||||
{
|
||||
"color": "#C6E2FF"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"featureType": "poi",
|
||||
"elementType": "geometry.fill",
|
||||
"stylers": [{
|
||||
"color": "#C5E3BF"
|
||||
}]
|
||||
},
|
||||
{
|
||||
"featureType": "road",
|
||||
"elementType": "geometry.fill",
|
||||
"stylers": [{
|
||||
"color": "#D1D1B8"
|
||||
}]
|
||||
}
|
||||
];
|
||||
var mapOptions = {
|
||||
center: nottingham,
|
||||
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
||||
backgroundColor: "#000",
|
||||
zoom: 15,
|
||||
panControl: false,
|
||||
zoomControl: true,
|
||||
mapTypeControl: false,
|
||||
scaleControl: false,
|
||||
streetViewControl: false,
|
||||
overviewMapControl: false,
|
||||
zoomControlOptions: {
|
||||
style: google.maps.ZoomControlStyle.LARGE
|
||||
}
|
||||
}
|
||||
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
|
||||
var mapType = new google.maps.StyledMapType(style, {
|
||||
name: "Grayscale"
|
||||
});
|
||||
map.mapTypes.set('grey', mapType);
|
||||
map.setMapTypeId('grey');
|
||||
var marker_image = mapMarker;
|
||||
var pinIcon = new google.maps.MarkerImage(marker_image, null, null, null, new google.maps.Size(45, 45));
|
||||
marker = new google.maps.Marker({
|
||||
position: nottingham,
|
||||
map: map,
|
||||
icon: pinIcon,
|
||||
title: mapMarkerName
|
||||
});
|
||||
}
|
||||
var map = document.getElementById('map_canvas');
|
||||
if (map != null) {
|
||||
google.maps.event.addDomListener(window, 'load', initialize);
|
||||
}
|
||||
1
static/plugins/jQuery/jquery.min.js
vendored
Normal file
1
static/plugins/slick/slick.css
Normal file
@ -0,0 +1 @@
|
||||
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
|
||||
1
static/plugins/slick/slick.min.js
vendored
Normal file
BIN
static/plugins/themify-icons/fonts/themify.eot
Normal file
362
static/plugins/themify-icons/fonts/themify.svg
Normal file
|
After Width: | Height: | Size: 229 KiB |
BIN
static/plugins/themify-icons/fonts/themify.ttf
Normal file
BIN
static/plugins/themify-icons/fonts/themify.woff
Normal file
1
static/plugins/themify-icons/themify-icons.css
Normal file
16
theme.toml
Normal file
@ -0,0 +1,16 @@
|
||||
# theme.toml template for a Hugo theme
|
||||
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||
|
||||
name = "Hargo Hugo E-Commerce Theme"
|
||||
license = "MIT"
|
||||
licenselink = "https://github.com/themefisher/Hargo-hugo-ecommerce-theme/blob/master/LICENSE"
|
||||
description = "Hargo is an E-commerce theme powered by Hugo and Snipcart. It's fully functional, users can order items and also payments throw this theme"
|
||||
homepage = "https://gethugothemes.com/products/hargo/"
|
||||
demosite = "https://demo.gethugothemes.com/hargo/"
|
||||
tags = ["Ecommerce", "bootstrap", "blog", "contact", "responsive", "gethugothemes", "clean" , "Single Product", "Minimal", "light", "google analytics", "disqus", "mobile", "fast", "customizable", "white", "flex", "pages", "hugo themes", "hugo templates", "netlify", "Themefisher"]
|
||||
features = ["Ecommerce", "responsive", "bootstrap-4"]
|
||||
min_version = "0.64.0 extended"
|
||||
|
||||
[author]
|
||||
name = "Themefisher"
|
||||
homepage = "https://themefisher.com"
|
||||