发报时增加版本号

app/Admin/Actions/Grid/AppearanceImport.php

@@ -64,6 +64,7 @@ class AppearanceImport extends RowAction
         return [
             // 发送当前行 username 字段数据到接口
             'title' => $this->row->title,
+            'folder' => $this->row->folder
         ];
     }
 

app/Admin/Controllers/DistAdminDistributorController.php

@@ -126,6 +126,7 @@ class DistAdminDistributorController extends AdminController
             $show->field('enabled')->using(admin_trans_array(config('dictionary.enabled')));
             $show->field('created_at');
             $show->field('updated_at');
+            $show->field('copy_right');
             $show->field('seo_title');
             $show->field('seo_keywords');
             $show->field('seo_description');
@@ -176,6 +177,7 @@ class DistAdminDistributorController extends AdminController
             $form->text('tiktok')->width(9,3);
             $form->textarea('remark')->width(9,3);
             $form->switch('enabled')->width(9,3)->default(1);
+            $form->text('copy_right')->width(9,3);
             $form->text('seo_title')->width(9,3)->required();
             $form->text('seo_keywords')->width(9,3);
             $form->textarea('seo_description')->width(9,3);

app/Admin/Controllers/DistAdminUserController.php

@@ -125,7 +125,8 @@ class DistAdminUserController extends AdminController
             $form->selectTable('dist_id', admin_trans_label('distributor'))
                 ->title('distId')
                 ->from(DistDistributorTable::make())
-                ->model(DistAdminDistributor::class, 'id', 'company_name');
+                ->model(DistAdminDistributor::class, 'id', 'company_name')
+                ->required();
             $form->switch('enabled')->default(1);
             //保存前回调
             $form->saving(function (Form $form) {

app/Admin/Controllers/DistAppearanceTemplateController.php

@@ -70,6 +70,7 @@ class DistAppearanceTemplateController extends AdminController
 
         $tree = DistAppearanceTemplate::getTemplateTree($appearanceId, $distId);
         $html = '<ul class="list-group list-group-flush">';
+        $i = 0;
         foreach ($tree as $key => $value) {
             $fa = 'fa-angle-down';
             $file_name = $value['file_name'];
@@ -81,11 +82,14 @@ class DistAppearanceTemplateController extends AdminController
                 //文件夹
                 $file_name = '<span class="custom-blue-bold">'. $file_name.'</span>';
             }
-            $file_name .= " ({$appearanceId} - {$distId})";
+            if ($i == 0) {
+                $file_name .= " ({$distId} - {$appearanceId})";
+            }
             $html .= '<li class="list-group-item has-submenu">';
             $html .= '<i class="fa '.$fa.'"></i> '. $file_name;
             $html .= $this->treeBuilder($value);
             $html .= '</li>';
+            $i++;
         }
         $html .= '</ul>';
         return $html;

app/Admin/Forms/AceLeft.php

@@ -12,11 +12,6 @@ class AceLeft extends Form
 {
     public function form()
     {
-        //主题选择
-        $this->select('appearance_id','Select Appearance')
-            ->options(DistAppearance::selectOptions(true))
-            ->width(12,12)
-            ->setLabelClass('d-flex');
         //供应商选择
         $this->selectTable('dist_id', 'Select Distributor')
             ->width(12,12)
@@ -24,6 +19,13 @@ class AceLeft extends Form
             ->title('Select Distributor')
             ->placeholder('Select Distributor')
             ->from(DistDistributorTable::make());
+
+        //主题选择
+        $this->select('appearance_id','Select Appearance')
+            ->options(DistAppearance::selectOptions(true))
+            ->width(12,12)
+            ->setLabelClass('d-flex');
+
         $this->disableSubmitButton();
         $this->disableResetButton();
     }

app/Admin/Repositories/DistAppearancePublishList.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Admin\Repositories;
+
+use App\Models\DistAppearancePublishList as Model;
+use Dcat\Admin\Repositories\EloquentRepository;
+
+class DistAppearancePublishList extends EloquentRepository
+{
+    /**
+     * Model.
+     *
+     * @var string
+     */
+    protected $eloquentClass = Model::class;
+
+
+    /*
+     * 更新发布版本
+     */
+    public static function publishVersion($appearanceId,$distId)
+    {
+        $model = new Model();
+        $row = $model->where('appearance_id',$appearanceId)->where('dist_id',$distId)->first();
+        if ($row) {
+            $row->template_update_code = time();
+            $row->save();
+        } else {
+            $model->appearance_id = $appearanceId;
+            $model->dist_id = $distId;
+            $model->template_version = '1.0';
+            $model->template_update_code = time();
+            $model->template_local_code = '';
+            $model->save();
+        }
+    }
+}

app/Admin/Repositories/DistAppearanceTemplate.php

@@ -200,6 +200,8 @@ class DistAppearanceTemplate extends EloquentRepository
         self::syncAppearanceTemplates($appearanceId,$distId);
         //同步变量
         DistAppearanceVariable::syncAppearanceVariables($appearanceId, $distId);
+        //发布版本号
+        DistAppearancePublishList::publishVersion($appearanceId,$distId);
         return true;
     }
 

app/Distributor/Controllers/SettingsController.php

@@ -60,6 +60,7 @@ HTML
             $form->text('contact_number')->value($distInfo->contact_number);
             $form->text('service_hotline')->value($distInfo->service_hotline);
             $form->text('whats_app')->value($distInfo->whats_app);
+            $form->text('copy_right')->value($distInfo->copy_right);
             $form->text('seo_title')->value($distInfo->seo_title)->required();
             $form->text('seo_keywords')->value($distInfo->seo_keywords);
             $form->textarea('seo_description')->value($distInfo->seo_description);

app/Models/DistAppearancePublishList.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Models;
+
+use Dcat\Admin\Traits\HasDateTimeFormatter;
+
+use Illuminate\Database\Eloquent\Model;
+
+class DistAppearancePublishList extends Model
+{
+	use HasDateTimeFormatter;
+    protected $table = 'dist_appearance_publish_list';
+    
+}

resources/appearance/TechVista/__product_list_1.liquid

@@ -0,0 +1,42 @@
+
+<div class="row cols-xs-space cols-sm-space cols-md-space">
+{% for item in products %}
+    {% comment %}{{ item.title }} - {{ item.sku }}{% endcomment %}
+
+    <div class="col-lg-4">
+        <div class="block product no-border z-depth-2-top z-depth-2--hover">
+            <div class="block-image">
+                <a  href="/products/{{ item.id }}" target="_blank" >
+                    {% comment %}<img src="static/picture/img-1.png" class="img-center">{% endcomment %}
+                    <img src="{{ site.image_base_url }}{{ item.images[0].image_url }}?x-oss-process=image/resize,m_lfit,h_200" class="img-center">
+                </a>
+                <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
+            </div>
+
+            <div class="block-body text-center">
+                <h3 class="heading heading-5 strong-600 text-capitalize">
+                    <a  href="/products/{{ item.id }}" target="_blank" >
+                        {{ item.title }}
+                    </a>
+                </h3>
+                <p class="product-description">
+                    {{ item.content }}
+                </p>
+                {% comment %}<div class="product-colors mt-2">{% endcomment %}
+                    {% comment %}<div class="color-switch float-wrapper">{% endcomment %}
+                        {% comment %}<a href="#" class="bg-purple"></a>{% endcomment %}
+                        {% comment %}<a href="#" class="bg-pink"></a>{% endcomment %}
+                        {% comment %}<a href="#" class="bg-blue"></a>{% endcomment %}
+                    {% comment %}</div>{% endcomment %}
+                {% comment %}</div>{% endcomment %}
+                <div class="product-buttons mt-4">
+                    <a href="/products/{{ item.id }}" class="btn  btn-gray-dark btn-circle px-4" target="_blank">
+                        Explore
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endfor %}
+</div>
+

resources/appearance/TechVista/_footer.liquid

@@ -0,0 +1,98 @@
+<!-- _footer.template -->
+<footer id="footer" class="footer">
+    <div class="footer-top">
+        <div class="container">
+            <div class="row cols-xs-space cols-sm-space cols-md-space">
+                <div class="col-lg-5">
+                    <div class="col">
+
+                        <span class="clearfix"></span>
+                        {% comment %}<span class="heading heading-sm c-gray-light strong-400">Mietubl</span>{% endcomment %}
+                        <h4>
+                            {{site.dist.site_name }}
+                        </h4>
+
+                        <div class="copyright mt-4">
+                            <p>
+                                {{site.dist.copy_right | raw  }}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-lg-2">
+                    <div class="col">
+                        <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
+                            Support
+                        </h4>
+
+                        <ul class="footer-links">
+                            <li><a href="/pages/faq" title="Jobs">FAQ</a></li>
+                            <li><a href="/pages/sales" title="Jobs">Sales</a></li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="col-lg-2">
+                    <div class="col">
+                        <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
+                            Company
+                        </h4>
+
+                        <ul class="footer-links">
+                            <li>
+                                <a href="/" title="Home">
+                                    Home
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/pages/about-us" title="About us">
+                                    About us
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/pages/service" title="Services">
+                                    Services
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/collections/news" title="News">
+                                    News
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/contact" title="Contact">
+                                    Contact
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="col">
+                        <h4 class="heading heading-xs strong-600 text-uppercase mb-1">
+                            Get in touch
+                        </h4>
+
+                        <ul class="social-media social-media--style-1-v4">
+                            <li>
+                                <a href="{{ site.dist.facebook }}" class="facebook" target="_blank" data-toggle="tooltip" data-original-title="Facebook">
+                                    <i class="fa fa-facebook"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{ site.dist.instagram }}" class="instagram" target="_blank" data-toggle="tooltip" data-original-title="Instagram">
+                                    <i class="fa fa-instagram"></i>
+                                </a>
+                            </li>
+
+                            </li>
+
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</footer>

resources/appearance/TechVista/_footer_js.liquid

@@ -0,0 +1,64 @@
+<!-- _footer_js.template -->
+
+<!-- SCRIPTS -->
+<!-- Core -->
+<script src="/static/js/jquery.min.js"></script>
+<script src="/static/js/popper.min.js"></script>
+<script src="/static/js/bootstrap.min.js"></script>
+<script src="/static/js/slidebar.js"></script>
+<script src="/static/js/classie.js"></script>
+
+<!-- Bootstrap Extensions -->
+<script src="/static/js/bootstrap-growl.min.js"></script>
+<script src="/static/js/scrollpos-styler.js"></script>
+
+<!-- Plugins: Sorted A-Z -->
+<script src="/static/js/adaptive-backgrounds.js"></script>
+<script src="/static/js/jquery.countdown.min.js"></script>
+<script src="/static/js/dropzone.min.js"></script>
+<script src="/static/js/jquery.easypiechart.min.js"></script>
+<script src="/static/js/jquery.fancybox.min.js"></script>
+<script src="/static/js/flatpickr.min.js"></script>
+<script src="/static/js/flip.min.js"></script>
+<script src="/static/js/footer-reveal.min.js"></script>
+<script src="/static/js/jquery.gradientify.min.js"></script>
+<script src="/static/js/headroom.min.js"></script>
+<script src="/static/js/jquery.headroom.min.js"></script>
+<script src="/static/js/input-mask.min.js"></script>
+<script src="/static/js/instafeed.js"></script>
+<script src="/static/js/jquery.countto.js"></script>
+<script src="/static/js/nouislider.min.js"></script>
+<script src="/static/js/paraxify.min.js"></script>
+<script src="/static/js/select2.min.js"></script>
+<script src="/static/js/sticky-kit.min.js"></script>
+<script src="/static/js/swiper.min.js"></script>
+<script src="/static/js/autosize.min.js"></script>
+<script src="/static/js/typeahead.bundle.min.js"></script>
+<script src="/static/js/typed.min.js"></script>
+<script src="/static/js/vide.min.js"></script>
+<script src="/static/js/viewportchecker.min.js"></script>
+<script src="/static/js/wow.min.js"></script>
+
+<!-- Isotope -->
+<script src="/static/js/isotope.min.js"></script>
+<script src="/static/js/imagesloaded.pkgd.min.js"></script>
+
+<!-- RS5.0 Core JS Files -->
+<script src="/static/js/jquery.themepunch.tools.min.js"></script>
+<script src="/static/js/jquery.themepunch.revolution.min.js"></script>
+<script src="/static/js/revolution-slider-shop-electronics.js"></script>
+
+<script src="/static/js/revolution.extension.actions.min.js"></script>
+<script src="/static/js/revolution.extension.carousel.min.js"></script>
+<script src="/static/js/revolution.extension.kenburn.min.js"></script>
+<script src="/static/js/revolution.extension.layeranimation.min.js"></script>
+<script src="/static/js/revolution.extension.migration.min.js"></script>
+<script src="/static/js/revolution.extension.navigation.min.js"></script>
+<script src="/static/js/revolution.extension.parallax.min.js"></script>
+<script src="/static/js/revolution.extension.slideanims.min.js"></script>
+<script src="/static/js/revolution.extension.video.min.js"></script>
+
+<!-- App JS -->
+<script src="/static/js/main.min.js"></script>
+
+

resources/appearance/TechVista/_header.liquid

@@ -0,0 +1,494 @@
+<!-- _header.template -->
+
+<div class="header">
+    <!-- Top Bar -->
+    <div class="top-navbar">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6">
+            	{% comment %}<span class="aux-text d-none d-md-inline-block">{% endcomment %}
+                    {% comment %}<ul class="inline-links inline-links--style-1">{% endcomment %}
+                        {% comment %}<li class="d-none d-lg-inline-block">{% endcomment %}
+						{% comment %}Mobile Phone Accessories Wholesale supplier - Mietubl      </li>{% endcomment %}
+                        {% comment %}<li>{% endcomment %}
+                            {% comment %}<i class="fa fa-envelope"></i>{% endcomment %}
+                            {% comment %}<a href="#">support@Mietubl.com</a>{% endcomment %}
+                        {% comment %}</li>{% endcomment %}
+                    {% comment %}</ul>{% endcomment %}
+                {% comment %}</span>{% endcomment %}
+                </div>
+
+                <div class="col-md-6">
+                    <nav class="top-navbar-menu">
+                        <ul class="top-menu">
+                            {% comment %}<li><a href="#">Sign in</a></li>{% endcomment %}
+                            {% comment %}<li><a href="#">Create account</a></li>{% endcomment %}
+                            {% comment %}<li><a href="#" data-toggle="global-search"><i class="fa fa-search"></i></a></li>{% endcomment %}
+                            {% comment %}<li class="dropdown">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}<i class="fa fa-shopping-cart"></i>{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}<ul class="sub-menu">{% endcomment %}
+                            {% comment %}<li>{% endcomment %}
+                            {% comment %}<div class="dropdown-cart px-0">{% endcomment %}
+                            {% comment %}<div class="dc-header">{% endcomment %}
+                            {% comment %}<h3 class="heading heading-6 strong-600">Cart</h3>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-item">{% endcomment %}
+                            {% comment %}<div class="d-flex align-items-center">{% endcomment %}
+                            {% comment %}<div class="dc-image">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}<img src="/static/picture/img-1a.png" class="img-fluid" alt="">{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-content">{% endcomment %}
+                            {% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}Wood phone case{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</span>{% endcomment %}
+                            {% comment %}{% endcomment %}
+                            {% comment %}<span class="dc-quantity">x2</span>{% endcomment %}
+                            {% comment %}<span class="dc-price">$50.00</span>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-actions">{% endcomment %}
+                            {% comment %}<button>{% endcomment %}
+                            {% comment %}<i class="ion-close"></i>{% endcomment %}
+                            {% comment %}</button>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}{% endcomment %}
+                            {% comment %}<div class="dc-item">{% endcomment %}
+                            {% comment %}<div class="d-flex align-items-center">{% endcomment %}
+                            {% comment %}<div class="dc-image">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}<img src="/static/picture/img-2a.png" class="img-fluid" alt="">{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-content">{% endcomment %}
+                            {% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}Leather bag{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</span>{% endcomment %}
+                            {% comment %}{% endcomment %}
+                            {% comment %}<span class="dc-quantity">x1</span>{% endcomment %}
+                            {% comment %}<span class="dc-price">$250.00</span>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-actions">{% endcomment %}
+                            {% comment %}<button>{% endcomment %}
+                            {% comment %}<i class="ion-close"></i>{% endcomment %}
+                            {% comment %}</button>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}{% endcomment %}
+                            {% comment %}<div class="dc-item">{% endcomment %}
+                            {% comment %}<div class="d-flex align-items-center">{% endcomment %}
+                            {% comment %}<div class="dc-image">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}<img src="/static/picture/img-3a.png" class="img-fluid" alt="">{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-content">{% endcomment %}
+                            {% comment %}<span class="d-block dc-product-name text-capitalize strong-600 mb-1">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}Brown leather wallet{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</span>{% endcomment %}
+                            {% comment %}{% endcomment %}
+                            {% comment %}<span class="dc-quantity">x1</span>{% endcomment %}
+                            {% comment %}<span class="dc-price">$99.00</span>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-actions">{% endcomment %}
+                            {% comment %}<button>{% endcomment %}
+                            {% comment %}<i class="ion-close"></i>{% endcomment %}
+                            {% comment %}</button>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="dc-item py-4">{% endcomment %}
+                            {% comment %}<span class="subtotal-text">Subtotal</span>{% endcomment %}
+                            {% comment %}<span class="subtotal-amount">$450.00</span>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}<div class="py-4 text-center">{% endcomment %}
+                            {% comment %}<ul class="inline-links inline-links--style-3">{% endcomment %}
+                            {% comment %}<li class="pr-3">{% endcomment %}
+                            {% comment %}<a href="#" class="link link--style-2 text-capitalize">{% endcomment %}
+                            {% comment %}<i class="ion-person"></i> My account{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li class="pr-3">{% endcomment %}
+                            {% comment %}<a href="#" class="link link--style-1 text-capitalize">{% endcomment %}
+                            {% comment %}<i class="ion-bag"></i> View cart{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li>{% endcomment %}
+                            {% comment %}<a href="#" class="link link--style-1 text-capitalize">{% endcomment %}
+                            {% comment %}<i class="ion-forward"></i> Checkout{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}</ul>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}</ul>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li class="aux-languages dropdown">{% endcomment %}
+                            {% comment %}<a href="#">{% endcomment %}
+                            {% comment %}<img src="/static/picture/ro.png">{% endcomment %}
+                            {% comment %}</a>{% endcomment %}
+                            {% comment %}<ul id="auxLanguages" class="sub-menu">{% endcomment %}
+                            {% comment %}<li>{% endcomment %}
+                            {% comment %}<a href="#"><span class="language">German</span></a>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li>{% endcomment %}
+                            {% comment %}<span class="language language-active">English</span>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li>{% endcomment %}
+                            {% comment %}<a href="#"><span class="language">Greek</span></a>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li>{% endcomment %}
+                            {% comment %}<a href="#"><span class="language">Spanish</span></a>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}</ul>{% endcomment %}
+                            {% comment %}</li>{% endcomment %}
+                            {% comment %}<li><a href="#" class="btn-st-trigger" data-effect="st-effect-1"><i class="fa fa-ellipsis-h"></i></a></li>{% endcomment %}
+                        </ul>
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Global Search -->
+    <section id="sctGlobalSearch" class="global-search global-search-overlay">
+        <div class="container">
+            <div class="global-search-backdrop mask-dark--style-2"></div>
+
+            <!-- Search form -->
+            <form class="form-horizontal form-global-search z-depth-2-top" role="form">
+                <div class="px-4">
+                    <div class="row">
+                        <div class="col-12">
+                            <input type="text" class="search-input" placeholder="Type and hit enter ...">
+                        </div>
+                    </div>
+                </div>
+                <a href="#" class="close-search" data-toggle="global-search" title="Close search bar"></a>
+            </form>
+        </div>
+    </section>
+
+    <!-- Navbar -->
+    <nav class="navbar navbar-expand-lg navbar--bold navbar--style-2 navbar-light bg-default  navbar--shadow">
+        <div class="container navbar-container">
+            <!-- Brand/Logo -->
+            <a class="navbar-brand" href="/">
+
+
+                {% if site.dist.logo %}
+                    <img src="{{ site.image_base_url }}{{ site.dist.logo }}" alt="Cover Image">
+                {% else %}
+                    <img src="/static/images/logo.svg" class="" alt="mtb" style="height: 50px;">
+                {% endif %}
+
+            </a>
+
+            <div class="d-inline-block">
+                <!-- Navbar toggler  -->
+                <button class="navbar-toggler hamburger hamburger-js hamburger--spring" type="button" data-toggle="collapse" data-target="#navbar_main" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="hamburger-box">
+                        <span class="hamburger-inner"></span>
+                    </span>
+                </button>
+            </div>
+
+            <div class="collapse navbar-collapse align-items-center justify-content-center" id="navbar_main">
+                <!-- Navbar search - For small resolutions -->
+                <div class="navbar-search-widget b-xs-bottom py-3 d-lg-none d-none">
+                    <form class="" role="form">
+                        <div class="input-group input-group-lg">
+                            <input type="text" class="form-control" placeholder="Search for...">
+                            <span class="input-group-btn">
+                <button class="btn btn-base-3" type="button">Go!</button>
+                </span>
+                        </div>
+                    </form>
+                </div>
+
+                <!-- Navbar links -->
+                <ul class="navbar-nav">
+                    <li class="nav-item dropdown megamenu">
+                        <a class="nav-link" href="/">
+                            Home
+                        </a>
+                    </li>
+                    <li class="nav-item dropdown">
+                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            Products
+                        </a>
+
+                        <div class="dropdown-menu dropdown-menu-xl py-0 px-0 overflow--hidden" aria-labelledby="navbar_1_dropdown_1">
+                            <div class="list-group rounded">
+                                <a href="/products/categories/1" class="list-group-item list-group-item-action d-flex align-items-center">
+                                    <div class="list-group-content">
+                                        <div class="list-group-heading heading heading-6 mb-1">Category 1</div>
+                                        <p class="text-sm mb-0">Category 1</p>
+                                    </div>
+                                </a>
+
+                                <a href="/products/categories/2" class="list-group-item list-group-item-action d-flex align-items-center">
+                                    <div class="list-group-content">
+                                        <div class="list-group-heading heading heading-6 mb-1">Category 2</div>
+                                        <p class="text-sm mb-0">Category 2</p>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="nav-item dropdown megamenu">
+                        <a class="nav-link" href="/collections/news">
+                           News
+                        </a>
+                    </li>
+                    <li class="nav-item dropdown megamenu">
+                        <a class="nav-link" href="/pages/about-us">
+                            About Us
+                        </a>
+                    </li>
+
+                    {% comment %}<li class="nav-item dropdown megamenu">{% endcomment %}
+                        {% comment %}<a class="nav-link" href="../../demos.html">{% endcomment %}
+                            {% comment %}Posts{% endcomment %}
+                        {% comment %}</a>{% endcomment %}
+                    {% comment %}</li>{% endcomment %}
+                    <li class="nav-item dropdown megamenu">
+                        <a class="nav-link" href="/contact">
+                            Contact
+                        </a>
+                    </li>
+                    {% comment %}<li class="nav-item dropdown megamenu">{% endcomment %}
+                        {% comment %}<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{% endcomment %}
+                            {% comment %}Components{% endcomment %}
+                        {% comment %}</a>{% endcomment %}
+{% comment %}{% endcomment %}
+                        {% comment %}<div class="dropdown-menu">{% endcomment %}
+                            {% comment %}<div class="mega-dropdown-menu row row-no-padding">{% endcomment %}
+                                {% comment %}<div class="mega-dropdown-col mega-dropdown-col-cover mega-dropdown-col-cover--left col-lg-5 d-none d-lg-block d-xl-block" style="background-image: url(static/images/img-14-1000x900.jpg); background-position: center center;">{% endcomment %}
+                                    {% comment %}<span class="mask mask-base-1--style-1 alpha-8"></span>{% endcomment %}
+                                    {% comment %}<div class="mega-dropdown-col-inner d-flex align-items-center no-padding">{% endcomment %}
+                                        {% comment %}<div class="col">{% endcomment %}
+                                            {% comment %}<div class="row align-items-center">{% endcomment %}
+                                                {% comment %}<div class="col-12">{% endcomment %}
+                                                    {% comment %}<div class="px-4">{% endcomment %}
+                                                        {% comment %}<h2 class="heading heading-2 strong-600 c-white">{% endcomment %}
+                                                            {% comment %}Documentation and Shortcodes{% endcomment %}
+                                                        {% comment %}</h2>{% endcomment %}
+                                                        {% comment %}<p class="strong-300 c-white mt-4">{% endcomment %}
+                                                            {% comment %}Get started fast and easy with mtb using the documentation and shortcode examples. No matter{% endcomment %}
+                                                            {% comment %}you are a developer or new to web design, you will{% endcomment %}
+                                                            {% comment %}find our theme very easy to customize with{% endcomment %}
+                                                            {% comment %}an intuitive HTML markup.{% endcomment %}
+                                                        {% comment %}</p>{% endcomment %}
+                                                        {% comment %}<div class="btn-container mt-5">{% endcomment %}
+                                                            {% comment %}<a href="../../documentation/getting-started/introduction.html" target="_blank" class="btn btn-styled btn-white btn-outline btn-circle">Read the Docs</a>{% endcomment %}
+                                                        {% comment %}</div>{% endcomment %}
+                                                    {% comment %}</div>{% endcomment %}
+                                                {% comment %}</div>{% endcomment %}
+                                            {% comment %}</div>{% endcomment %}
+                                        {% comment %}</div>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-md-4 col-lg-2 ml-lg-auto">{% endcomment %}
+                                    {% comment %}<ul class="megadropdown-links">{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/alerts.html">{% endcomment %}
+                                                {% comment %}Alerts{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/badges.html">{% endcomment %}
+                                                {% comment %}Badges{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/buttons.html">{% endcomment %}
+                                                {% comment %}Buttons{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/cards.html">{% endcomment %}
+                                                {% comment %}Cards{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/collapse.html">{% endcomment %}
+                                                {% comment %}Collapse{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/countdown.html">{% endcomment %}
+                                                {% comment %}Countdown{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/dropdown.html">{% endcomment %}
+                                                {% comment %}Dropdowns{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+{% comment %}{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/forms.html">{% endcomment %}
+                                                {% comment %}Forms{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/instagram.html">{% endcomment %}
+                                                {% comment %}Instagram{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/lightbox.html">{% endcomment %}
+                                                {% comment %}Lightbox{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/maps.html">{% endcomment %}
+                                                {% comment %}Maps{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/masonry.html">{% endcomment %}
+                                                {% comment %}Masonry{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                    {% comment %}</ul>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-md-4 col-lg-2">{% endcomment %}
+                                    {% comment %}<ul class="megadropdown-links">{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/pagination.html">{% endcomment %}
+                                                {% comment %}Pagination{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/progress.html">{% endcomment %}
+                                                {% comment %}Progress bars{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/recaptcha.html">{% endcomment %}
+                                                {% comment %}Recaptcha{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/content/titles.html">{% endcomment %}
+                                                {% comment %}Section titles{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/forms.html#ex_component_sliders">{% endcomment %}
+                                                {% comment %}Sliders{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/tabs.html">{% endcomment %}
+                                                {% comment %}Tabs{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/components/typed-animations.html">{% endcomment %}
+                                                {% comment %}Typed animations{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/headers.html">{% endcomment %}
+                                                {% comment %}Headers{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../html/default/sliders/mtb-slider/index.html">{% endcomment %}
+                                                {% comment %}Boomerang slider{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../html/default/sliders/revolution-slider/index.html">{% endcomment %}
+                                                {% comment %}Revolution slider{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/footers.html">{% endcomment %}
+                                                {% comment %}Footers{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/hero.html">{% endcomment %}
+                                                {% comment %}Hero blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                    {% comment %}</ul>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-md-4 col-lg-2">{% endcomment %}
+                                    {% comment %}<ul class="megadropdown-links">{% endcomment %}
+{% comment %}{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/icon.html">{% endcomment %}
+                                                {% comment %}Icon blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/jobs.html">{% endcomment %}
+                                                {% comment %}Job blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/pricing.html">{% endcomment %}
+                                                {% comment %}Pricing blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/product.html">{% endcomment %}
+                                                {% comment %}Product blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/real-estate.html">{% endcomment %}
+                                                {% comment %}Real-Estate blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/team.html">{% endcomment %}
+                                                {% comment %}Team blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/testimonials.html">{% endcomment %}
+                                                {% comment %}Testimonial blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+{% comment %}{% endcomment %}
+                                        {% comment %}<li>{% endcomment %}
+                                            {% comment %}<a class="dropdown-item" href="../../documentation/blocks/comments.html">{% endcomment %}
+                                                {% comment %}Comment blocks{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                    {% comment %}</ul>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                        {% comment %}</div>{% endcomment %}
+                    {% comment %}</li>{% endcomment %}
+                </ul>
+
+
+            </div>
+
+
+
+        </div>
+    </nav>
+</div>

resources/appearance/TechVista/_header_css.liquid

@@ -0,0 +1,40 @@
+<!-- _header_css.template -->
+
+<!-- Bootstrap -->
+<link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css">
+
+<!-- Fonts -->
+<link href="/static/css/af9117b70d024d9bab98a2f93152186d.css" rel="stylesheet">
+
+<!-- Plugins -->
+<link rel="stylesheet" href="/static/css/swiper.min.css">
+<link rel="stylesheet" href="/static/css/hamburgers.min.css" type="text/css">
+<link rel="stylesheet" href="/static/css/animate.min.css" type="text/css">
+<link rel="stylesheet" href="/static/css/jquery.fancybox.min.css">
+
+<!-- Icons -->
+<link rel="stylesheet" href="/static/css/font-awesome.min.css" type="text/css">
+<link rel="stylesheet" href="/static/css/ionicons.min.css" type="text/css">
+<link rel="stylesheet" href="/static/css/line-icons.css" type="text/css">
+<link rel="stylesheet" href="/static/css/line-icons-pro.css" type="text/css">
+
+<!-- Linea Icons -->
+<link rel="stylesheet" href="/static/css/linea-icons.css" type="text/css">
+<link rel="stylesheet" href="/static/css/linea-icons_1.css" type="text/css">
+<link rel="stylesheet" href="/static/css/linea-icons_2.css" type="text/css">
+<link rel="stylesheet" href="/static/css/linea-icons_3.css" type="text/css">
+
+<!-- Global style (main) -->
+<link id="stylesheet" type="text/css" href="/static/css/main.min.css" rel="stylesheet" media="screen">
+
+{% comment %}<!-- Custom style - Remove if not necessary -->{% endcomment %}
+{% comment %}<link type="text/css" href="../../assets/css/custom-style.css" rel="stylesheet">{% endcomment %}
+
+<!-- Favicon -->
+<link href="/static/images/favicon.png" rel="icon" type="image/png">
+
+
+<!-- RS5.0 -->
+<link rel="stylesheet" href="/static/css/settings.css">
+<link rel="stylesheet" href="/static/css/layers.css">
+<link rel="stylesheet" href="/static/css/navigation.css">

resources/appearance/TechVista/collection_list.liquid

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow">
+<meta name="author" content="Mietubl">
+<meta name="description" content="{{ tag.seo_description }}">
+<meta name="keywords" content="{{tag.seo_keywords}}">
+<title>{{tag.seo_title}}</title>
+{% include '_header_css.liquid' %}
+</head>
+<body>
+
+<!-- MAIN WRAPPER -->
+<div class="body-wrap shop-default shop-cards shop-tech">
+    <div id="st-container" class="st-container">
+
+        <div class="st-pusher">
+            <div class="st-content">
+                <div class="st-content-inner">
+                    <!-- HEADER -->
+                    {% include '_header.liquid' %}
+                    <!-- END: HEADER -->
+
+                    <section class="slice sct-color-1">
+                        <div class="container">
+                            <div class="row align-items-center">
+                                <div class="col-12" >
+                                    <h3 class="heading heading-6 strong-600 text-uppercase mb-0 text-center">{{ tag.name }}</h3>
+                                </div>
+
+                            </div>
+
+                            <div class="row cols-md-space cols-sm-space cols-xs-space">
+
+                                {% for item in pages %}
+                                    <div class="col-lg-4 col-wrapper--spaced-y">
+                                        <div class="card z-depth-2-top">
+                                            <div class="card-image">
+                                                <div class="view view-first">
+                                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">
+
+                                                        {% if item.cover_image %}
+                                                            <img src="{{ site.image_base_url }}{{ item.cover_image }}" alt="Cover Image">
+                                                        {% else %}
+                                                            <img src="/static/picture/img-tech-1.jpg" alt="Default Image">
+                                                        {% endif %}
+
+                                                    </a>
+                                                </div>
+                                            </div>
+
+                                            <div class="card-body">
+                                                <h3 class="heading heading-5 strong-500 mb-0">
+                                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">{{ item.title }}</a>
+                                                </h3>
+                                            </div>
+
+                                            <div class="card-footer">
+                                                <div class="row">
+
+                                                    <div class="col text-right">
+                                                        <ul class="inline-links inline-links--style-2">
+                                                            <li>
+                                                                {{item.post_date }}
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                {% endfor %}
+
+
+
+
+
+                            </div>
+                        </div>
+                    </section>    <!-- FOOTER -->
+                    {% include '_footer.liquid' %}
+                </div>
+            </div>
+        </div><!-- END: st-pusher -->
+    </div><!-- END: st-container -->
+</div><!-- END: body-wrap -->
+<a href="#" class="back-to-top btn-back-to-top"></a>
+{% include '_footer_js.liquid' %}
+</body>
+</html>

resources/appearance/TechVista/contact_create.liquid

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow">
+<meta name="description" content="{{ site.dist.seo_description }}">
+<meta name="keywords" content="{{ site.dist.seo_keywords }}">
+<meta name="author" content="Mietubl">
+<title>{{ site.dist.seo_title }}</title>
+{% include '_header_css.liquid' %}
+</head>
+<body>
+
+<!-- MAIN WRAPPER -->
+<div class="body-wrap shop-default shop-cards shop-tech">
+    <div id="st-container" class="st-container">
+
+
+
+        <div class="st-pusher">
+            <div class="st-content">
+                <div class="st-content-inner">
+                    <!-- HEADER -->
+                    {% include '_header.liquid' %}
+                    <!-- END: HEADER -->
+
+                    <section class="slice">
+                        <div class="container">
+                            <div class="text-center">
+                                <h2 class="heading heading-2 strong-400">
+                                    Contact us for help
+                                </h2>
+                                <p>
+                                    Please call us or complete the form below and we'll get to you shortly.
+                                </p>
+                                <a href="" class="btn btn-styled btn-xl btn-base-1 btn-icon-left mt-4">
+                                    <i class="fa fa-mobile"></i>+86 - 138 - 8888 - 8888
+                                </a>
+                                <span class="clearfix"></span>
+                                <small>Get support by calling the 24h helpline.</small>
+                            </div>
+                        </div>
+                    </section>
+
+                    <section class="slice pt-0 sct-color-1">
+                        <div class="container">
+                            <div class="row justify-content-center">
+                                <div class="col-lg-8">
+                                    <!-- Contact form -->
+                                    <form id="form_contact" data-action="/contact" class="form-default" role="form">
+                                        <input type="hidden" name="_token" value="{{ csrf_token }}">
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group has-feedback">
+                                                    <label for="" class="text-uppercase c-gray-light">Your name</label>
+                                                    <input type="text" name="customer_name" class="form-control form-control-lg" required>
+                                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                                                    <div class="help-block with-errors"></div>
+                                                </div>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <div class="form-group has-feedback">
+                                                    <label for="" class="text-uppercase c-gray-light">Email address</label>
+                                                    <input type="email" name="email" class="form-control form-control-lg" required>
+                                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                                                    <div class="help-block with-errors"></div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="row">
+                                            <div class="col-md-6">
+                                                <div class="form-group has-feedback">
+                                                    <label for="" class="text-uppercase c-gray-light">Company name</label>
+                                                    <input type="text" name="company_name" class="form-control form-control-lg">
+                                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                                                    <div class="help-block with-errors"></div>
+                                                </div>
+                                            </div>
+                                            <div class="col-sm-6">
+                                                <div class="form-group has-feedback">
+                                                    <label for="" class="text-uppercase c-gray-light">Phone/whats_app</label>
+                                                    <input type="text" name="whats_app" class="form-control form-control-lg" required>
+                                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                                                    <div class="help-block with-errors"></div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                <div class="form-group has-feedback">
+                                                    <label for=""  class="text-uppercase c-gray-light">Message</label>
+                                                    <textarea name="content" class="form-control no-resize" rows="5" required></textarea>
+                                                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                                                    <div class="help-block with-errors"></div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="">
+
+
+                                            <button type="reset" class="btn-reset d-none"></button>
+                                            <button type="submit" class="btn btn-styled btn-base-1 mt-4">Send message</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+
+
+                    {% include '_footer.liquid' %}
+                </div>
+            </div>
+        </div><!-- END: st-pusher -->
+    </div><!-- END: st-container -->
+</div><!-- END: body-wrap -->
+<a href="#" class="back-to-top btn-back-to-top"></a>
+{% include '_footer_js.liquid' %}
+</body>
+</html>

resources/appearance/TechVista/home.liquid

@@ -0,0 +1,383 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow">
+<meta name="description" content="{{ site.dist.seo_description }}">
+<meta name="keywords" content="{{ site.dist.seo_keywords }}">
+<meta name="author" content="Mietubl">
+<title>{{ site.dist.seo_title }}</title>
+{% include '_header_css.liquid' %}
+</head>
+<body>
+
+<!-- MAIN WRAPPER -->
+<div class="body-wrap shop-default shop-cards shop-tech">
+    <div id="st-container" class="st-container">
+
+        <div class="st-pusher">
+            <div class="st-content">
+                <div class="st-content-inner">
+                    <!-- HEADER -->
+                    {% include '_header.liquid' %}
+                    <!-- END: HEADER -->
+
+                    <!-- REVOLUTION SLIDER -->
+                    <div id="rev_slider_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="image-hero39" data-source="gallery">
+<!-- START REVOLUTION SLIDER 5.3.0.2 fullwidth mode -->
+	<div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.3.0.2" >
+		<ul>
+			<li data-index="rs-1" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb="../../images/slider/concept-1-100x50.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+				<!-- MAIN IMAGE -->
+				<img src="static/picture/iphone-1.jpg"  alt=""  data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+
+				<!-- LAYER NR. 2 -->
+				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-1-layer-2"
+					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
+					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
+					data-fontsize="['16','16','16','16']"
+					data-lineheight="['16','16','16','16']"
+					data-width="[300, 300, 300, 300]"
+					data-height="none"
+					data-whitespace="nowrap"
+					data-type="text"
+					data-responsive_offset="on"
+					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
+					data-textAlign="['left','left','left','left']"
+					data-paddingtop="[0,0,0,0]"
+					data-paddingright="[0,0,0,0]"
+					data-paddingbottom="[0,0,0,0]"
+					data-paddingleft="[0,0,0,0]"
+					style="z-index: 11; white-space: nowrap;text-transform:left;">
+
+					<span class="text-uppercase strong-400">No more waiting</span>
+
+				</div>
+
+				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-1-layer-3"
+					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
+					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
+					data-fontsize="['40','40','40','40']"
+					data-lineheight="['50','40','40','40']"
+					data-width="[300, 300, 300, 300]"
+					data-height="none"
+					data-whitespace="nowrap"
+					data-type="text"
+					data-responsive_offset="on"
+					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
+					data-textAlign="['left','left','left','left']"
+					data-paddingtop="[0,0,0,0]"
+					data-paddingright="[0,0,0,0]"
+					data-paddingbottom="[0,0,0,0]"
+					data-paddingleft="[0,0,0,0]"
+					style="z-index: 11; white-space: nowrap;text-transform:left;">
+
+					<span class="strong-400">
+						Say hello to
+					</span>
+					<br>
+					<span class="strong-600">
+						the new Phone X
+					</span>
+
+				</div>
+
+				<!-- LAYER NR. 5 -->
+				<div class="tp-caption" id="slide-1-layer-5"
+					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
+					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
+					data-fontsize="['40','40','40','40']"
+					data-lineheight="['50','50','50','50']"
+					data-width="[300, 300, 300, 300]"
+					data-height="none"
+					data-whitespace="nowrap"
+					data-type="text"
+					data-responsive_offset="on"
+					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
+					data-textAlign="['left','left','left','left']"
+					data-paddingtop="[0,0,0,0]"
+					data-paddingright="[0,0,0,0]"
+					data-paddingbottom="[0,0,0,0]"
+					data-paddingleft="[0,0,0,0]"
+					style="z-index: 11; white-space: nowrap;text-transform:left;">
+
+					<a href="#" class="btn btn-base-1 btn-circle">View Details</a>
+
+				</div>
+			</li>
+
+			<!-- SLIDE 2 -->
+			<li data-index="rs-2" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb="../../images/slider/concept-1-100x50.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+				<!-- MAIN IMAGE -->
+				<img src="static/picture/macbook-1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
+
+				<!-- LAYER NR. 2 -->
+				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-2"
+					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
+					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
+					data-fontsize="['16','16','16','16']"
+					data-lineheight="['16','16','16','16']"
+					data-width="[300, 300, 300, 300]"
+					data-height="none"
+					data-whitespace="nowrap"
+					data-type="text"
+					data-responsive_offset="on"
+					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
+					data-textAlign="['left','left','left','left']"
+					data-paddingtop="[0,0,0,0]"
+					data-paddingright="[0,0,0,0]"
+					data-paddingbottom="[0,0,0,0]"
+					data-paddingleft="[0,0,0,0]"
+					style="z-index: 11; white-space: nowrap;text-transform:left;">
+
+					<span class="text-uppercase strong-400">It's here</span>
+
+				</div>
+
+				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-3"
+					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
+					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
+					data-fontsize="['40','40','40','40']"
+					data-lineheight="['50','40','40','40']"
+					data-width="[300, 300, 300, 300]"
+					data-height="none"
+					data-whitespace="nowrap"
+					data-type="text"
+					data-responsive_offset="on"
+					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
+					data-textAlign="['left','left','left','left']"
+					data-paddingtop="[0,0,0,0]"
+					data-paddingright="[0,0,0,0]"
+					data-paddingbottom="[0,0,0,0]"
+					data-paddingleft="[0,0,0,0]"
+					style="z-index: 11; white-space: nowrap;text-transform:left;">
+
+					<span class="strong-400">
+						Introducing
+					</span>
+					<br>
+					<span class="strong-600">
+						the new Macbook Pro
+					</span>
+
+				</div>
+
+				<!-- LAYER NR. 5 -->
+				<div class="tp-caption" id="slide-2-layer-5"
+					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
+					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
+					data-fontsize="['40','40','40','40']"
+					data-lineheight="['50','50','50','50']"
+					data-width="[300, 300, 300, 300]"
+					data-height="none"
+					data-whitespace="nowrap"
+					data-type="text"
+					data-responsive_offset="on"
+					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
+					data-textAlign="['left','left','left','left']"
+					data-paddingtop="[0,0,0,0]"
+					data-paddingright="[0,0,0,0]"
+					data-paddingbottom="[0,0,0,0]"
+					data-paddingleft="[0,0,0,0]"
+					style="z-index: 11; white-space: nowrap;text-transform:left;">
+
+					<a href="#" class="btn btn-base-1 btn-circle">View Details</a>
+
+				</div>
+			</li>
+		</ul>
+		<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
+	</div>
+</div><!-- END REVOLUTION SLIDER -->
+
+                    <section class="slice sct-color-2">
+                        <div class="container">
+                            <div class="section-title section-title--style-1 text-center">
+                                <h3 class="section-title-inner heading-3 strong-600 text-capitalize">
+                                    <span>Featured products</span>
+                                </h3>
+                            </div>
+
+                           {% product  mode="list" limit=3 template='__product_list_1.liquid' %}
+
+                        </div>
+                    </section>
+
+                    {% comment %}<section class="slice sct-color-2">{% endcomment %}
+                        {% comment %}<div class="container">{% endcomment %}
+                            {% comment %}<div class="row align-items-end pb-100">{% endcomment %}
+                                {% comment %}<div class="col-lg-8 order-lg-2">{% endcomment %}
+                                    {% comment %}<div class="block block-image-holder">{% endcomment %}
+                                        {% comment %}<div class="block-image">{% endcomment %}
+                                            {% comment %}<img src="static/picture/img-promo-wide-2.jpg" class="img-fluid">{% endcomment %}
+                                        {% comment %}</div>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-lg-4 order-lg-1">{% endcomment %}
+                                    {% comment %}<div class="feature feature--boxed-border floating-content floating-content--2 float--right mb--100 feature--bg-1 z-depth-2-top">{% endcomment %}
+                                        {% comment %}<div class="py-4 px-3">{% endcomment %}
+                                            {% comment %}<h2 class="heading heading-3 strong-600">{% endcomment %}
+                                                {% comment %}Listening to Music{% endcomment %}
+                                            {% comment %}</h2>{% endcomment %}
+                                            {% comment %}<span class="clearfix"></span>{% endcomment %}
+                                            {% comment %}<p class="mt-4 line-height-1_8">{% endcomment %}
+                                                {% comment %}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.{% endcomment %}
+                                            {% comment %}</p>{% endcomment %}
+{% comment %}{% endcomment %}
+                                            {% comment %}<div class="btn-container mt-4">{% endcomment %}
+                                                {% comment %}<a href="#" class="btn btn-lg btn-gray-dark btn-circle px-4">Explore</a>{% endcomment %}
+                                                {% comment %}<a href="#" class="btn btn-lg btn-base-1 btn-circle btn-icon-left px-4">{% endcomment %}
+                                                    {% comment %}<i class="icon ion-bag"></i> Buy now{% endcomment %}
+                                                {% comment %}</a>{% endcomment %}
+                                            {% comment %}</div>{% endcomment %}
+                                        {% comment %}</div>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                        {% comment %}</div>{% endcomment %}
+                    {% comment %}</section>{% endcomment %}
+
+                    {% comment %}<section class="slice sct-color-2">{% endcomment %}
+                        {% comment %}<div class="container">{% endcomment %}
+                            {% comment %}<div class="row align-items-start">{% endcomment %}
+                                {% comment %}<div class="col-lg-8">{% endcomment %}
+                                    {% comment %}<div class="block block-image-holder">{% endcomment %}
+                                        {% comment %}<div class="block-image">{% endcomment %}
+                                            {% comment %}<img src="static/picture/img-promo-wide-1.jpg" class="img-fluid">{% endcomment %}
+                                        {% comment %}</div>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-lg-4">{% endcomment %}
+                                    {% comment %}<div class="feature feature--boxed-border floating-content floating-content--2 float--left top-0 mt--100 feature--bg-1 z-depth-2-top">{% endcomment %}
+                                        {% comment %}<div class="py-4 px-3">{% endcomment %}
+                                            {% comment %}<h2 class="heading heading-3 strong-600">{% endcomment %}
+                                                {% comment %}Dreaming in Colors{% endcomment %}
+                                            {% comment %}</h2>{% endcomment %}
+                                            {% comment %}<span class="clearfix"></span>{% endcomment %}
+                                            {% comment %}<p class="mt-4 line-height-1_8">{% endcomment %}
+                                                {% comment %}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.{% endcomment %}
+                                            {% comment %}</p>{% endcomment %}
+{% comment %}{% endcomment %}
+                                            {% comment %}<div class="btn-container mt-4">{% endcomment %}
+                                                {% comment %}<a href="#" class="btn btn-lg btn-gray-dark btn-circle px-4">Explore</a>{% endcomment %}
+                                                {% comment %}<a href="#" class="btn btn-lg btn-base-1 btn-circle btn-icon-left px-4">{% endcomment %}
+                                                    {% comment %}<i class="icon ion-bag"></i> Buy now{% endcomment %}
+                                                {% comment %}</a>{% endcomment %}
+                                            {% comment %}</div>{% endcomment %}
+                                        {% comment %}</div>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                        {% comment %}</div>{% endcomment %}
+                    {% comment %}</section>{% endcomment %}
+
+
+
+                    <section class="slice-lg has-bg-cover bg-size-cover" style="background-image: url(static/images/img-slider-1.jpg);">
+                        <div class="mask mask-base-1--style-1"></div>
+                        <div class="container">
+                            <div class="row justify-content-center">
+                                <div class="col-6 text-center">
+                                    <h2 class="heading heading-1 strong-600 c-white">
+                                        Join the biggest sales of the year
+                                    </h2>
+                                    <p class="c-white trong-300 mt-4">
+                                        Lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. There is only that moment, and the incredible certainty that everything under the sun has been written by one hand only.
+                                    </p>
+
+                                    <div class="btn-container mt-5">
+                                        <a href="/page/sales" class="btn btn-styled btn-white btn-outline btn-circle px-5" target="_blank">Learn more</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+
+                    {% comment %}<section class="slice sct-color-1">{% endcomment %}
+                        {% comment %}<div class="container">{% endcomment %}
+                            {% comment %}<div class="row align-items-center">{% endcomment %}
+                                {% comment %}<div class="col-lg-6 ml-lg-auto order-lg-2">{% endcomment %}
+                                    {% comment %}<img src="static/picture/img-product-lg-1.jpg" class="img-fluid">{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-lg-5 order-lg-1">{% endcomment %}
+                                    {% comment %}<div class="">{% endcomment %}
+                                        {% comment %}<h3 class="heading heading-2 strong-600">The most beautiful colors you've ever seen</h3>{% endcomment %}
+{% comment %}{% endcomment %}
+                                        {% comment %}<p class=" c-gray-light mt-4">{% endcomment %}
+                                            {% comment %}There is only that moment, and the incredible certainty that everything under the sun has been written by one hand only.{% endcomment %}
+                                        {% comment %}</p>{% endcomment %}
+{% comment %}{% endcomment %}
+                                        {% comment %}<div class="btn-container mt-5">{% endcomment %}
+                                            {% comment %}<a href="#" class="btn btn-base-1 btn-circle btn-icon-left px-4" data-scroll-to="#scrollToSection">{% endcomment %}
+                                                {% comment %}<i class="icon ion-android-cart"></i> Add to cart{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                            {% comment %}<a href="#" class="btn btn-base-3 btn-circle btn-icon-left px-4" data-scroll-to="#scrollToSection">{% endcomment %}
+                                                {% comment %}Learn more{% endcomment %}
+                                            {% comment %}</a>{% endcomment %}
+                                        {% comment %}</div>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                        {% comment %}</div>{% endcomment %}
+                    {% comment %}</section>{% endcomment %}
+
+
+                    {% comment %}<section class="slice-sm bg-base-1">{% endcomment %}
+                        {% comment %}<div class="container sct-inner">{% endcomment %}
+                            {% comment %}<div class="row cols-xs-space cols-sm-space cols-md-space">{% endcomment %}
+                                {% comment %}<div class="col-lg-4 b-lg-right b-inverse">{% endcomment %}
+                                    {% comment %}<div class="px-3 py-3 text-lg-center">{% endcomment %}
+                                        {% comment %}<h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Free shipping in 48/72H</h3>{% endcomment %}
+                                        {% comment %}<p class="c-white alpha-8 line-height-1_6">{% endcomment %}
+                                            {% comment %}Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod{% endcomment %}
+                                        {% comment %}</p>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-lg-4 b-lg-right b-inverse">{% endcomment %}
+                                    {% comment %}<div class="px-3 py-3 text-lg-center">{% endcomment %}
+                                        {% comment %}<h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Free returns</h3>{% endcomment %}
+                                        {% comment %}<p class="c-white alpha-8 line-height-1_6">{% endcomment %}
+                                            {% comment %}Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod{% endcomment %}
+                                        {% comment %}</p>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+{% comment %}{% endcomment %}
+                                {% comment %}<div class="col-lg-4">{% endcomment %}
+                                    {% comment %}<div class="px-3 py-3 text-lg-center">{% endcomment %}
+                                        {% comment %}<h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Secure payment</h3>{% endcomment %}
+                                        {% comment %}<ul class="inline-links mt-2">{% endcomment %}
+                                            {% comment %}<li>{% endcomment %}
+                                                {% comment %}<img src="static/picture/visa.png" width="30" class="img-grayscale">{% endcomment %}
+                                            {% comment %}</li>{% endcomment %}
+                                            {% comment %}<li>{% endcomment %}
+                                                {% comment %}<img src="static/picture/mastercard.png" width="30" class="img-grayscale">{% endcomment %}
+                                            {% comment %}</li>{% endcomment %}
+                                            {% comment %}<li>{% endcomment %}
+                                                {% comment %}<img src="static/picture/maestro.png" width="30" class="img-grayscale">{% endcomment %}
+                                            {% comment %}</li>{% endcomment %}
+                                            {% comment %}<li>{% endcomment %}
+                                                {% comment %}<img src="static/picture/paypal.png" width="30" class="img-grayscale">{% endcomment %}
+                                            {% comment %}</li>{% endcomment %}
+                                        {% comment %}</ul>{% endcomment %}
+                                    {% comment %}</div>{% endcomment %}
+                                {% comment %}</div>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                        {% comment %}</div>{% endcomment %}
+                    {% comment %}</section>{% endcomment %}
+
+                    <!-- FOOTER -->
+                    {% include '_footer.liquid' %}
+                </div>
+            </div>
+        </div><!-- END: st-pusher -->
+    </div><!-- END: st-container -->
+</div><!-- END: body-wrap -->
+<a href="#" class="back-to-top btn-back-to-top"></a>
+{% include '_footer_js.liquid' %}
+</body>
+</html>

resources/appearance/TechVista/pages_detail.liquid

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow">
+<meta name="author" content="Mietubl">
+<meta name="description" content="{{ page.seo_description }}">
+<meta name="keywords" content="{{page.seo_keywords}}">
+<title>{{page.seo_title}}</title>
+
+{% include '_header_css.liquid' %}
+</head>
+<body>
+
+<!-- MAIN WRAPPER -->
+<div class="body-wrap shop-default shop-cards shop-tech">
+    <div id="st-container" class="st-container">
+
+
+
+        <div class="st-pusher">
+            <div class="st-content">
+                <div class="st-content-inner">
+                    <!-- HEADER -->
+                    {% include '_header.liquid' %}
+                    <!-- END: HEADER -->
+
+                    <section class="slice sct-color-1">
+                        <div class="container">
+
+
+
+                            <section class="slice-sm sct-color-1">
+                                <div class="container container-xs">
+                                    <div class="block block-post">
+                                        <div class="block-body block-post-body">
+                                            <h1>
+                                                {{ page.title }}
+                                            </h1>
+
+                                            {{page.content }}
+
+                                            {% comment %}<div class="tagcloud tagcloud--style-1 clearfix">{% endcomment %}
+                                                {% comment %}<a href="#"><span>Rooms</span></a>{% endcomment %}
+                                                {% comment %}<a href="#"><span>Simple</span></a>{% endcomment %}
+                                                {% comment %}<a href="#"><span>Decorated</span></a>{% endcomment %}
+                                                {% comment %}<a href="#"><span>Wood</span></a>{% endcomment %}
+                                            {% comment %}</div>{% endcomment %}
+                                        </div>
+
+
+
+                                    <!-- Comment form -->
+
+                                </div>
+                        </div>
+                    </section>
+
+
+                        </div>
+                    </section>
+
+                    <!-- FOOTER -->
+                    {% include '_footer.liquid' %}
+                </div>
+            </div>
+        </div><!-- END: st-pusher -->
+    </div><!-- END: st-container -->
+</div><!-- END: body-wrap -->
+<a href="#" class="back-to-top btn-back-to-top"></a>
+{% include '_footer_js.liquid' %}
+
+<!-- Isotope -->
+<script src="/static/js/isotope.min.js"></script>
+<script src="/static/js/imagesloaded.pkgd.min.js"></script>
+
+<!-- Deso Slide -->
+<script src="/static/js/jquery.desoslide.min.js"></script>
+<script>
+    $('#slideshow').desoSlide({
+        thumbs: $('#slideshow_thumbs .swiper-slide > a'),
+        thumbEvent: 'click',
+        first: 0,
+        effect: 'none',
+        overlay: 'none',
+        controls: {
+            show: false,
+            keys: false
+        },
+    });
+</script>
+</body>
+</html>

resources/appearance/TechVista/products_categories.liquid

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow">
+<meta name="description" content="{{ category.seo_description }}">
+<meta name="keywords" content="{{category.seo_keywords}}">
+<title>{{category.seo_title}}</title>
+<meta name="author" content="Mietubl">
+{% include '_header_css.liquid' %}
+</head>
+<body>
+
+<!-- MAIN WRAPPER -->
+<div class="body-wrap shop-default shop-cards shop-tech">
+    <div id="st-container" class="st-container">
+
+
+
+        <div class="st-pusher">
+            <div class="st-content">
+                <div class="st-content-inner">
+                    <!-- HEADER -->
+                    {% include '_header.liquid' %}
+                    <!-- END: HEADER -->
+
+                    <section class="slice sct-color-2">
+                        <div class="container">
+                            <h4 class="heading heading-xs text-uppercase strong-600 mb-0 text-center">
+                                Trending
+                            </h4>
+                            <div class="section-title section-title--style-1 text-center mt-1">
+                                <h3 class="section-title-inner heading-3 strong-600 line-height-1_6">
+                                    <span>{{category.name}}</span>
+                                </h3>
+                                <span class="section-title-delimiter clearfix d-none"></span>
+                            </div>
+
+                            <div class="row-wrapper">
+                                <div class="row cols-xs-space cols-sm-space cols-md-space">
+                                    {% for item in products %}
+
+                                    <div class="col-lg-3 col-md-6 col-wrapper--spaced-y">
+                                        <div class="card card-product z-depth-1-top z-depth-2--hover">
+                                            <div class="card-body">
+                                                <h2 class="heading heading-6 strong-600 mt-2 mb-3">
+                                                    <a  href="/products/{{ item.id }}" target="_blank" >
+                                                        {{ item.title }}
+                                                    </a>
+                                                </h2>
+
+                                                <div class="card-image swiper-js-container">
+                                                    <div class="">
+                                                        <div class="swiper-container" data-swiper-items="1" data-swiper-space-between="0">
+                                                            <div class="swiper-wrapper">
+                                                                <div class="swiper-slide">
+                                                                    <a  href="/products/{{ item.id }}" target="_blank" >
+                                                                    <img src="/static/picture/img-1.png" class="img-fluid img-center img-primary">
+                                                                    </a>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+
+                                                <div class="mt-3">
+
+                                                    <p class="product-description mt-3 mb-0" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+                                                        {{ item.content | strip_newlines | strip_html }}
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            <div class="card-footer">
+                                                <div class="product-buttons">
+                                                    <div class="row align-items-center">
+                                                        <div class="col-2"></div>
+                                                        <div class="col-8">
+                                                            <a  href="/products/{{ item.id }}" target="_blank" >
+                                                            <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
+                                                                View Details
+                                                            </button>
+                                                            </a>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    {% endfor %}
+                                </div>
+
+                            </div>
+
+                            {% comment %}<div class="pt-5">{% endcomment %}
+                                {% comment %}<nav aria-label="Product pagination">{% endcomment %}
+                                    {% comment %}<ul class="pagination pagination--style-2 justify-content-center">{% endcomment %}
+                                        {% comment %}<li class="page-item disabled">{% endcomment %}
+                                            {% comment %}<a class="page-link" href="#" tabindex="-1">Previous</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                        {% comment %}<li class="page-item"><a class="page-link" href="#">1</a></li>{% endcomment %}
+                                        {% comment %}<li class="page-item"><a class="page-link" href="#">2</a></li>{% endcomment %}
+                                        {% comment %}<li class="page-item"><a class="page-link" href="#">3</a></li>{% endcomment %}
+                                        {% comment %}<li class="page-item">{% endcomment %}
+                                            {% comment %}<a class="page-link" href="#">Next</a>{% endcomment %}
+                                        {% comment %}</li>{% endcomment %}
+                                    {% comment %}</ul>{% endcomment %}
+                                {% comment %}</nav>{% endcomment %}
+                            {% comment %}</div>{% endcomment %}
+                        </div>
+                    </section>
+
+
+
+
+
+
+                    <!-- FOOTER -->
+                    {% include '_footer.liquid' %}
+                </div>
+            </div>
+        </div><!-- END: st-pusher -->
+    </div><!-- END: st-container -->
+</div><!-- END: body-wrap -->
+<a href="#" class="back-to-top btn-back-to-top"></a>
+{% include '_footer_js.liquid' %}
+</body>
+</html>

resources/appearance/TechVista/products_detail.liquid

@@ -0,0 +1,241 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow">
+<meta name="author" content="Mietubl">
+<meta name="description" content="{{ product.seo_description }}">
+<meta name="keywords" content="{{product.seo_keywords}}">
+<title>{{product.seo_title}}</title>
+
+
+{% include '_header_css.liquid' %}
+</head>
+<body>
+
+
+<!-- MAIN WRAPPER -->
+<div class="body-wrap shop-default shop-cards shop-tech">
+    <div id="st-container" class="st-container">
+
+
+
+        <div class="st-pusher">
+            <div class="st-content">
+                <div class="st-content-inner">
+                    <!-- HEADER -->
+                    {% include '_header.liquid' %}
+                    <!-- END: HEADER -->
+
+                    <section class="slice sct-color-1">
+                        <div class="container">
+                            <!-- Product gallery and Description -->
+                            <div class="row cols-xs-space cols-sm-space cols-md-space">
+                                <div class="col-lg-6">
+                                    <div class="gallery-container">
+                                        <div id="slideshow" class="gallery-top no-padding bg-transparent"></div>
+                                        <div id="slideshow_thumbs" class="swiper-js-container gallery-thumbs gallery-thumbs--style-1 mt-4">
+                                            <div class="swiper-container" data-swiper-items="5" data-swiper-space-between="10" data-swiper-xs-items="3" data-swiper-xs-space-between="10" data-swiper-sm-items="4" data-swiper-sm-space-between="10">
+                                                <div class="swiper-wrapper">
+
+                                                    {% for item in product.images %}
+                                                        <div class="swiper-slide">
+                                                            <a href="{{ site.image_base_url }}{{ item.image_url }}?x-oss-process=image/resize,w_500,m_lfit" data-desoslide-index="{{ forloop.index0 }}">
+                                                                <img src="{{ site.image_base_url }}{{ item.image_url }}?x-oss-process=image/resize,h_100,m_lfit" alt="{{ product.title }}">
+                                                            </a>
+                                                        </div>
+                                                    {% endfor %}
+
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="col-lg-6">
+                                    <div class="px-2">
+                                        <!-- Product description -->
+                                        <div class="product-description-wrapper px-1">
+                                            <!-- Product title -->
+                                            <h2 class="product-title">
+                                                {{product.title }}
+                                            </h2>
+
+                                            <hr>
+
+                                            <div class="row align-items-center">
+
+
+                                            </div>
+
+                                            <!-- Product description -->
+                                            <div class="product-short-text mt-3">
+                                                <h3 class="heading heading-xs strong-500 text-uppercase">
+                                                    Description:
+                                                </h3>
+                                                <p>
+                                                    {{product.content }}
+                                                </p>
+                                            </div>
+
+                                            <hr>
+
+
+                                            <table class="table table-specs">
+
+                                                {% for item in product.parameters %}
+
+                                                <tbody>
+                                                <tr>
+                                                    <td>
+                                                        <span class="c-gray-light strong-600">  {{ item.key }}</span>
+                                                    </td>
+                                                    <td>
+                                                        {{ item.value }}
+                                                    </td>
+                                                </tr>
+                                                {% endfor %}
+                                                </tbody>
+                                            </table>
+                                            <hr>
+                                            <div class="row row-no-padding no-margin">
+                                                <div class="col-lg-8">
+                                                    <form class="form-default">
+                                                        <!-- Choose size -->
+                                                        <label class="strong-600">Contact us </label>
+
+
+                                                        <div class="d-table product-quantity width-100 mt-3">
+
+                                                            <div class="d-table-cell">
+                                                                <!-- Add to cart button -->
+                                                                {% comment %}<button type="button" class="btn btn-styled btn-block btn-base-1 btn-icon-left">{% endcomment %}
+                                                                    {% comment %}<i class="icon ion-android-cart"></i> Get a quote{% endcomment %}
+                                                                {% comment %}</button>{% endcomment %}
+{% comment %}{% endcomment %}
+                                                                {% comment %}<a data-fancybox data-type="iframe" data-src="/contact" href="javascript:;">{% endcomment %}
+                                                                    {% comment %}Webpage{% endcomment %}
+                                                                {% comment %}</a>{% endcomment %}
+
+
+
+                                                                <!-- The button that will retrieve the content from the hidden div -->
+                                                                <a data-fancybox data-src="#fancybox_hidden_content" class="btn btn-base-1 btn-icon-left" href="javascript:;">
+                                                                    <i class="icon ion-android-add"></i>     Get a quote
+                                                                </a>
+
+
+
+                                                            </div>
+                                                        </div>
+                                                    </form>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <span class="space-xs-xl"></span>
+
+
+                        </div>
+                    </section>
+
+                    <!-- FOOTER -->
+                    {% include '_footer.liquid' %}
+                </div>
+            </div>
+        </div><!-- END: st-pusher -->
+    </div><!-- END: st-container -->
+</div><!-- END: body-wrap -->
+<a href="#" class="back-to-top btn-back-to-top"></a>
+
+<!-- Hidden content -->
+<div   id="fancybox_hidden_content" style="display:none;">
+    <h4 >Get a quote</h4>
+    <form id="form_contact" data-action="/contact" class="form-default" role="form">
+        <input type="hidden" name="_token" value="{{ csrf_token }}">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="form-group has-feedback">
+                    <label for="" class="text-uppercase c-gray-light">Your name</label>
+                    <input type="text" name="customer_name" class="form-control form-control-lg" required>
+                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                    <div class="help-block with-errors"></div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="form-group has-feedback">
+                    <label for="" class="text-uppercase c-gray-light">Email address</label>
+                    <input type="email" name="email" class="form-control form-control-lg" required>
+                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                    <div class="help-block with-errors"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-md-6">
+                <div class="form-group has-feedback">
+                    <label for="" class="text-uppercase c-gray-light">Company name</label>
+                    <input type="text" name="company_name" class="form-control form-control-lg">
+                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                    <div class="help-block with-errors"></div>
+                </div>
+            </div>
+            <div class="col-sm-6">
+                <div class="form-group has-feedback">
+                    <label for="" class="text-uppercase c-gray-light">Phone/whats_app</label>
+                    <input type="text" name="whats_app" class="form-control form-control-lg" required>
+                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                    <div class="help-block with-errors"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="row">
+            <div class="col-md-12">
+                <div class="form-group has-feedback">
+                    <label for=""  class="text-uppercase c-gray-light">Message</label>
+                    <textarea name="content" class="form-control no-resize" rows="5" required></textarea>
+                    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
+                    <div class="help-block with-errors"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="">
+
+
+            <button type="reset" class="btn-reset d-none"></button>
+            <button type="submit" class="btn btn-styled btn-base-1 mt-4">Send message</button>
+        </div>
+    </form>
+
+</div>
+
+
+
+
+{% include '_footer_js.liquid' %}
+
+
+<!-- Deso Slide -->
+<script src="/static/js/jquery.desoslide.min.js"></script>
+<script>
+    $('#slideshow').desoSlide({
+        thumbs: $('#slideshow_thumbs .swiper-slide > a'),
+        thumbEvent: 'click',
+        first: 0,
+        effect: 'none',
+        overlay: 'none',
+        controls: {
+            show: false,
+            keys: false
+        },
+    });
+</script>
+</body>
+</html>