更新网站架构
This commit is contained in:
+11
File diff suppressed because one or more lines are too long
@@ -0,0 +1,281 @@
|
||||
/*
|
||||
* jQuery FlexSlider v2.7.1
|
||||
* http://www.woothemes.com/flexslider/
|
||||
*
|
||||
* Copyright 2012 WooThemes
|
||||
* Free to use under the GPLv2 and later license.
|
||||
* http://www.gnu.org/licenses/gpl-2.0.html
|
||||
*
|
||||
* Contributing author: Tyler Smith (@mbmufffin)
|
||||
*
|
||||
*/
|
||||
/* ====================================================================================================================
|
||||
* FONT-FACE
|
||||
* ====================================================================================================================*/
|
||||
@font-face {
|
||||
font-family: 'flexslider-icon';
|
||||
src: url('../fonts/flexslider-icon.eot');
|
||||
src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* RESETS
|
||||
* ====================================================================================================================*/
|
||||
.flex-container a:hover,
|
||||
.flex-slider a:hover {
|
||||
outline: none;
|
||||
}
|
||||
.slides,
|
||||
.slides > li,
|
||||
.flex-control-nav,
|
||||
.flex-direction-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.flex-pauseplay span {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* BASE STYLES
|
||||
* ====================================================================================================================*/
|
||||
.flexslider {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.flexslider .slides > li {
|
||||
display: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.flexslider .slides img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.flexslider .slides:after {
|
||||
content: "\0020";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
html[xmlns] .flexslider .slides {
|
||||
display: block;
|
||||
}
|
||||
* html .flexslider .slides {
|
||||
height: 1%;
|
||||
}
|
||||
.no-js .flexslider .slides > li:first-child {
|
||||
display: block;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* DEFAULT THEME
|
||||
* ====================================================================================================================*/
|
||||
.flexslider {
|
||||
margin: 0;
|
||||
background: #fff;
|
||||
border: 4px solid #fff;
|
||||
position: relative;
|
||||
zoom: 1;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.flexslider .slides {
|
||||
zoom: 1;
|
||||
}
|
||||
.flexslider .slides img {
|
||||
height: auto;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.flex-viewport {
|
||||
max-height: 2000px;
|
||||
-webkit-transition: all 1s ease;
|
||||
-moz-transition: all 1s ease;
|
||||
-ms-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.loading .flex-viewport {
|
||||
max-height: 300px;
|
||||
}
|
||||
@-moz-document url-prefix() {
|
||||
.loading .flex-viewport {
|
||||
max-height: none;
|
||||
}
|
||||
}
|
||||
.carousel li {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.flex-direction-nav {
|
||||
*height: 0;
|
||||
}
|
||||
.flex-direction-nav a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
margin: -20px 0 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.flex-direction-nav a:before {
|
||||
font-family: "flexslider-icon";
|
||||
font-size: 26px;
|
||||
display: inline-block;
|
||||
content: '\f001';
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
.flex-direction-nav a.flex-next:before {
|
||||
content: '\f002';
|
||||
}
|
||||
.flex-direction-nav .flex-prev {
|
||||
left: -50px;
|
||||
}
|
||||
.flex-direction-nav .flex-next {
|
||||
right: -50px;
|
||||
text-align: right;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-prev {
|
||||
opacity: 0.7;
|
||||
left: 10px;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-prev:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-next {
|
||||
opacity: 0.7;
|
||||
right: 10px;
|
||||
}
|
||||
.flexslider:hover .flex-direction-nav .flex-next:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-direction-nav .flex-disabled {
|
||||
opacity: 0!important;
|
||||
filter: alpha(opacity=0);
|
||||
cursor: default;
|
||||
z-index: -1;
|
||||
}
|
||||
.flex-pauseplay a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 10px;
|
||||
opacity: 0.8;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
color: #000;
|
||||
}
|
||||
.flex-pauseplay a:before {
|
||||
font-family: "flexslider-icon";
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
content: '\f004';
|
||||
}
|
||||
.flex-pauseplay a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-pauseplay a.flex-play:before {
|
||||
content: '\f003';
|
||||
}
|
||||
.flex-control-nav {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
text-align: center;
|
||||
}
|
||||
.flex-control-nav li {
|
||||
margin: 0 6px;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.flex-control-paging li a {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
display: block;
|
||||
background: #666;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
text-indent: -9999px;
|
||||
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.flex-control-paging li a:hover {
|
||||
background: #333;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
.flex-control-paging li a.flex-active {
|
||||
background: #000;
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
cursor: default;
|
||||
}
|
||||
.flex-control-thumbs {
|
||||
margin: 5px 0 0;
|
||||
position: static;
|
||||
overflow: hidden;
|
||||
}
|
||||
.flex-control-thumbs li {
|
||||
width: 25%;
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
.flex-control-thumbs img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
opacity: .7;
|
||||
cursor: pointer;
|
||||
-moz-user-select: none;
|
||||
-webkit-transition: all 1s ease;
|
||||
-moz-transition: all 1s ease;
|
||||
-ms-transition: all 1s ease;
|
||||
-o-transition: all 1s ease;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.flex-control-thumbs img:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.flex-control-thumbs .flex-active {
|
||||
opacity: 1;
|
||||
cursor: default;
|
||||
}
|
||||
/* ====================================================================================================================
|
||||
* RESPONSIVE
|
||||
* ====================================================================================================================*/
|
||||
@media screen and (max-width: 860px) {
|
||||
.flex-direction-nav .flex-prev {
|
||||
opacity: 1;
|
||||
left: 10px;
|
||||
}
|
||||
.flex-direction-nav .flex-next {
|
||||
opacity: 1;
|
||||
right: 10px;
|
||||
}
|
||||
}
|
||||
+6805
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,186 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
/*
|
||||
* Owl Carousel - Core
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
touch-action: manipulation;
|
||||
-moz-backface-visibility: hidden;
|
||||
/* fix firefox animation glitch */ }
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0; }
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px); }
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0); }
|
||||
.owl-carousel .owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.owl-carousel .owl-nav.disabled,
|
||||
.owl-carousel .owl-dots.disabled {
|
||||
display: none; }
|
||||
.owl-carousel .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-nav .owl-next,
|
||||
.owl-carousel .owl-dot {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.owl-carousel .owl-nav button.owl-prev,
|
||||
.owl-carousel .owl-nav button.owl-next,
|
||||
.owl-carousel button.owl-dot {
|
||||
background: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0 !important;
|
||||
font: inherit; }
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block; }
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block; }
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0; }
|
||||
.owl-carousel.owl-refresh .owl-item {
|
||||
visibility: hidden; }
|
||||
.owl-carousel.owl-drag .owl-item {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.owl-carousel.owl-grab {
|
||||
cursor: move;
|
||||
cursor: grab; }
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl; }
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right; }
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated {
|
||||
animation-duration: 1000ms;
|
||||
animation-fill-mode: both; }
|
||||
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0; }
|
||||
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1; }
|
||||
|
||||
.owl-carousel .fadeOut {
|
||||
animation-name: fadeOut; }
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height {
|
||||
transition: height 500ms ease-in-out; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item {
|
||||
/**
|
||||
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
|
||||
calculation of the height of the owl-item that breaks page layouts
|
||||
*/ }
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
transition: opacity 400ms ease; }
|
||||
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
||||
max-height: 0; }
|
||||
.owl-carousel .owl-item img.owl-lazy {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000; }
|
||||
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url("owl.video.play.png") no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transition: transform 100ms ease; }
|
||||
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-ms-transform: scale(1.3, 1.3);
|
||||
transform: scale(1.3, 1.3); }
|
||||
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||
display: none; }
|
||||
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
transition: opacity 400ms ease; }
|
||||
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
@@ -0,0 +1,106 @@
|
||||
(function ($) {
|
||||
$.fn.countTo = function (options) {
|
||||
options = options || {};
|
||||
|
||||
return $(this).each(function () {
|
||||
// set options for current element
|
||||
var settings = $.extend(
|
||||
{},
|
||||
$.fn.countTo.defaults,
|
||||
{
|
||||
from: $(this).data("from"),
|
||||
to: $(this).data("to"),
|
||||
speed: $(this).data("speed"),
|
||||
refreshInterval: $(this).data("refresh-interval"),
|
||||
decimals: $(this).data("decimals")
|
||||
},
|
||||
options
|
||||
);
|
||||
|
||||
// how many times to update the value, and how much to increment the value on each update
|
||||
var loops = Math.ceil(settings.speed / settings.refreshInterval),
|
||||
increment = (settings.to - settings.from) / loops;
|
||||
|
||||
// references & variables that will change with each update
|
||||
var self = this,
|
||||
$self = $(this),
|
||||
loopCount = 0,
|
||||
value = settings.from,
|
||||
data = $self.data("countTo") || {};
|
||||
|
||||
$self.data("countTo", data);
|
||||
|
||||
// if an existing interval can be found, clear it first
|
||||
if (data.interval) {
|
||||
clearInterval(data.interval);
|
||||
}
|
||||
data.interval = setInterval(updateTimer, settings.refreshInterval);
|
||||
|
||||
// initialize the element with the starting value
|
||||
render(value);
|
||||
|
||||
function updateTimer() {
|
||||
value += increment;
|
||||
loopCount++;
|
||||
|
||||
render(value);
|
||||
|
||||
if (typeof settings.onUpdate == "function") {
|
||||
settings.onUpdate.call(self, value);
|
||||
}
|
||||
|
||||
if (loopCount >= loops) {
|
||||
// remove the interval
|
||||
$self.removeData("countTo");
|
||||
clearInterval(data.interval);
|
||||
value = settings.to;
|
||||
|
||||
if (typeof settings.onComplete == "function") {
|
||||
settings.onComplete.call(self, value);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function render(value) {
|
||||
var formattedValue = settings.formatter.call(self, value, settings);
|
||||
$self.html(formattedValue);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.countTo.defaults = {
|
||||
from: 0, // the number the element should start at
|
||||
to: 0, // the number the element should end at
|
||||
speed: 1000, // how long it should take to count between the target numbers
|
||||
refreshInterval: 100, // how often the element should be updated
|
||||
decimals: 0, // the number of decimal places to show
|
||||
formatter: formatter, // handler for formatting the value before rendering
|
||||
onUpdate: null, // callback method for every time the element is updated
|
||||
onComplete: null // callback method for when the element finishes updating
|
||||
};
|
||||
|
||||
function formatter(value, settings) {
|
||||
return value.toFixed(settings.decimals);
|
||||
}
|
||||
})(jQuery);
|
||||
|
||||
jQuery(function ($) {
|
||||
// custom formatting example
|
||||
$(".count-number").data("countToOptions", {
|
||||
formatter: function (value, options) {
|
||||
return value
|
||||
.toFixed(options.decimals)
|
||||
.replace(/\B(?=(?:\d{3})+(?!\d))/g, ",");
|
||||
}
|
||||
});
|
||||
|
||||
// start all the timers
|
||||
$(".timer").each(count);
|
||||
|
||||
function count(options) {
|
||||
var $this = $(this);
|
||||
options = $.extend({}, options || {}, $this.data("countToOptions") || {});
|
||||
$this.countTo(options);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -0,0 +1,108 @@
|
||||
(function ($) {
|
||||
|
||||
"use strict";
|
||||
|
||||
// Page loading animation
|
||||
$(window).on('load', function() {
|
||||
|
||||
$('#js-preloader').addClass('loaded');
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(window).scroll(function() {
|
||||
var scroll = $(window).scrollTop();
|
||||
var box = $('.header-text').height();
|
||||
var header = $('header').height();
|
||||
|
||||
if (scroll >= box - header) {
|
||||
$("header").addClass("background-header");
|
||||
} else {
|
||||
$("header").removeClass("background-header");
|
||||
}
|
||||
})
|
||||
|
||||
var width = $(window).width();
|
||||
$(window).resize(function() {
|
||||
if (width > 767 && $(window).width() < 767) {
|
||||
location.reload();
|
||||
}
|
||||
else if (width < 767 && $(window).width() > 767) {
|
||||
location.reload();
|
||||
}
|
||||
})
|
||||
|
||||
const elem = document.querySelector('.trending-box');
|
||||
const filtersElem = document.querySelector('.trending-filter');
|
||||
if (elem) {
|
||||
const rdn_events_list = new Isotope(elem, {
|
||||
itemSelector: '.trending-items',
|
||||
layoutMode: 'masonry'
|
||||
});
|
||||
if (filtersElem) {
|
||||
filtersElem.addEventListener('click', function(event) {
|
||||
if (!matchesSelector(event.target, 'a')) {
|
||||
return;
|
||||
}
|
||||
const filterValue = event.target.getAttribute('data-filter');
|
||||
rdn_events_list.arrange({
|
||||
filter: filterValue
|
||||
});
|
||||
filtersElem.querySelector('.is_active').classList.remove('is_active');
|
||||
event.target.classList.add('is_active');
|
||||
event.preventDefault();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Menu Dropdown Toggle
|
||||
if($('.menu-trigger').length){
|
||||
$(".menu-trigger").on('click', function() {
|
||||
$(this).toggleClass('active');
|
||||
$('.header-area .nav').slideToggle(200);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Menu elevator animation
|
||||
$('.scroll-to-section a[href*=\\#]:not([href=\\#])').on('click', function() {
|
||||
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
|
||||
var target = $(this.hash);
|
||||
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
|
||||
if (target.length) {
|
||||
var width = $(window).width();
|
||||
if(width < 991) {
|
||||
$('.menu-trigger').removeClass('active');
|
||||
$('.header-area .nav').slideUp(200);
|
||||
}
|
||||
$('html,body').animate({
|
||||
scrollTop: (target.offset().top) - 80
|
||||
}, 700);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Page loading animation
|
||||
$(window).on('load', function() {
|
||||
if($('.cover').length){
|
||||
$('.cover').parallax({
|
||||
imageSrc: $('.cover').data('image'),
|
||||
zIndex: '1'
|
||||
});
|
||||
}
|
||||
|
||||
$("#preloader").animate({
|
||||
'opacity': '0'
|
||||
}, 600, function(){
|
||||
setTimeout(function(){
|
||||
$("#preloader").css("visibility", "hidden").fadeOut();
|
||||
}, 300);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
})(window.jQuery);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<title>Lugx Gaming Template - Contact Page</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Additional CSS Files -->
|
||||
<link rel="stylesheet" href="assets/css/fontawesome.css">
|
||||
<link rel="stylesheet" href="assets/css/templatemo-lugx-gaming.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
|
||||
<!--
|
||||
|
||||
TemplateMo 589 lugx gaming
|
||||
|
||||
https://templatemo.com/tm-589-lugx-gaming
|
||||
|
||||
-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ***** Preloader Start ***** -->
|
||||
<div id="js-preloader" class="js-preloader">
|
||||
<div class="preloader-inner">
|
||||
<span class="dot"></span>
|
||||
<div class="dots">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Preloader End ***** -->
|
||||
|
||||
<!-- ***** Header Area Start ***** -->
|
||||
<header class="header-area header-sticky">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="main-nav">
|
||||
<!-- ***** Logo Start ***** -->
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/images/logo.png" alt="" style="width: 158px;">
|
||||
</a>
|
||||
<!-- ***** Logo End ***** -->
|
||||
<!-- ***** Menu Start ***** -->
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="shop.html">Our Shop</a></li>
|
||||
<li><a href="product-details.html">Product Details</a></li>
|
||||
<li><a href="contact.html" class="active">Contact Us</a></li>
|
||||
<li><a href="#">Sign In</a></li>
|
||||
</ul>
|
||||
<a class='menu-trigger'>
|
||||
<span>Menu</span>
|
||||
</a>
|
||||
<!-- ***** Menu End ***** -->
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- ***** Header Area End ***** -->
|
||||
|
||||
<div class="page-heading header-text">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h3>Contact Us</h3>
|
||||
<span class="breadcrumb"><a href="#">Home</a> > Contact Us</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-page section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 align-self-center">
|
||||
<div class="left-text">
|
||||
<div class="section-heading">
|
||||
<h6>Contact Us</h6>
|
||||
<h2>Say Hello!</h2>
|
||||
</div>
|
||||
<p>LUGX Gaming Template is based on the latest Bootstrap 5 CSS framework. This template is provided by TemplateMo and it is suitable for your gaming shop ecommerce websites. Feel free to use this for any purpose. Thank you.</p>
|
||||
<ul>
|
||||
<li><span>Address</span> Sunny Isles Beach, FL 33160, United States</li>
|
||||
<li><span>Phone</span> +123 456 7890</li>
|
||||
<li><span>Email</span> lugx@contact.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="right-content">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div id="map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12469.776493332698!2d-80.14036379941481!3d25.907788681148624!2m3!1f357.26927939317244!2f20.870722720054623!3f0!3m2!1i1024!2i768!4f35!3m3!1m2!1s0x88d9add4b4ac788f%3A0xe77469d09480fcdb!2sSunny%20Isles%20Beach!5e1!3m2!1sen!2sth!4v1642869952544!5m2!1sen!2sth" width="100%" height="325px" frameborder="0" style="border:0; border-radius: 23px;" allowfullscreen=""></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<form id="contact-form" action="" method="post">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<fieldset>
|
||||
<input type="name" name="name" id="name" placeholder="Your Name..." autocomplete="on" required>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<fieldset>
|
||||
<input type="surname" name="surname" id="surname" placeholder="Your Surname..." autocomplete="on" required>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<fieldset>
|
||||
<input type="text" name="email" id="email" pattern="[^ @]*@[^ @]*" placeholder="Your E-mail..." required="">
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<fieldset>
|
||||
<input type="subject" name="subject" id="subject" placeholder="Subject..." autocomplete="on" >
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<fieldset>
|
||||
<textarea name="message" id="message" placeholder="Your Message"></textarea>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<fieldset>
|
||||
<button type="submit" id="form-submit" class="orange-button">Send Message Now</button>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-lg-12">
|
||||
<p>Copyright © 2048 LUGX Gaming Company. All rights reserved. <a rel="nofollow" href="https://templatemo.com" target="_blank">Design: TemplateMo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<script src="assets/js/owl-carousel.js"></script>
|
||||
<script src="assets/js/counter.js"></script>
|
||||
<script src="assets/js/custom.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,422 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<title>Lugx Gaming Shop HTML5 Template</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Additional CSS Files -->
|
||||
<link rel="stylesheet" href="assets/css/fontawesome.css">
|
||||
<link rel="stylesheet" href="assets/css/templatemo-lugx-gaming.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
|
||||
<!--
|
||||
|
||||
TemplateMo 589 lugx gaming
|
||||
|
||||
https://templatemo.com/tm-589-lugx-gaming
|
||||
|
||||
-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ***** Preloader Start ***** -->
|
||||
<div id="js-preloader" class="js-preloader">
|
||||
<div class="preloader-inner">
|
||||
<span class="dot"></span>
|
||||
<div class="dots">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Preloader End ***** -->
|
||||
|
||||
<!-- ***** Header Area Start ***** -->
|
||||
<header class="header-area header-sticky">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="main-nav">
|
||||
<!-- ***** Logo Start ***** -->
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/images/logo.png" alt="" style="width: 158px;">
|
||||
</a>
|
||||
<!-- ***** Logo End ***** -->
|
||||
<!-- ***** Menu Start ***** -->
|
||||
<ul class="nav">
|
||||
<li><a href="index.html" class="active">Home</a></li>
|
||||
<li><a href="shop.html">Our Shop</a></li>
|
||||
<li><a href="product-details.html">Product Details</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
<li><a href="#">Sign In</a></li>
|
||||
</ul>
|
||||
<a class='menu-trigger'>
|
||||
<span>Menu</span>
|
||||
</a>
|
||||
<!-- ***** Menu End ***** -->
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- ***** Header Area End ***** -->
|
||||
|
||||
<div class="main-banner">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 align-self-center">
|
||||
<div class="caption header-text">
|
||||
<h6>Welcome to lugx</h6>
|
||||
<h2>BEST GAMING SITE EVER!</h2>
|
||||
<p>LUGX Gaming is free Bootstrap 5 HTML CSS website template for your gaming websites. You can download and use this layout for commercial purposes. Please tell your friends about TemplateMo.</p>
|
||||
<div class="search-input">
|
||||
<form id="search" action="#">
|
||||
<input type="text" placeholder="Type Something" id='searchText' name="searchKeyword" onkeypress="handle" />
|
||||
<button role="button">Search Now</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 offset-lg-2">
|
||||
<div class="right-image">
|
||||
<img src="assets/images/banner-image.jpg" alt="">
|
||||
<span class="price">$22</span>
|
||||
<span class="offer">-40%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<a href="#">
|
||||
<div class="item">
|
||||
<div class="image">
|
||||
<img src="assets/images/featured-01.png" alt="" style="max-width: 44px;">
|
||||
</div>
|
||||
<h4>Free Storage</h4>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<a href="#">
|
||||
<div class="item">
|
||||
<div class="image">
|
||||
<img src="assets/images/featured-02.png" alt="" style="max-width: 44px;">
|
||||
</div>
|
||||
<h4>User More</h4>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<a href="#">
|
||||
<div class="item">
|
||||
<div class="image">
|
||||
<img src="assets/images/featured-03.png" alt="" style="max-width: 44px;">
|
||||
</div>
|
||||
<h4>Reply Ready</h4>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<a href="#">
|
||||
<div class="item">
|
||||
<div class="image">
|
||||
<img src="assets/images/featured-04.png" alt="" style="max-width: 44px;">
|
||||
</div>
|
||||
<h4>Easy Layout</h4>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section trending">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="section-heading">
|
||||
<h6>Trending</h6>
|
||||
<h2>Trending Games</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="main-button">
|
||||
<a href="shop.html">View All</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-01.jpg" alt=""></a>
|
||||
<span class="price"><em>$28</em>$20</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-02.jpg" alt=""></a>
|
||||
<span class="price">$44</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-03.jpg" alt=""></a>
|
||||
<span class="price"><em>$64</em>$44</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-04.jpg" alt=""></a>
|
||||
<span class="price">$32</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section most-played">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="section-heading">
|
||||
<h6>TOP GAMES</h6>
|
||||
<h2>Most Played</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="main-button">
|
||||
<a href="shop.html">View All</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-6 col-sm-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/top-game-01.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Adventure</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html">Explore</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-6 col-sm-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/top-game-02.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Adventure</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html">Explore</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-6 col-sm-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/top-game-03.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Adventure</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html">Explore</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-6 col-sm-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/top-game-04.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Adventure</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html">Explore</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-6 col-sm-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/top-game-05.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Adventure</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html">Explore</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-6 col-sm-6">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/top-game-06.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Adventure</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html">Explore</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section categories">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="section-heading">
|
||||
<h6>Categories</h6>
|
||||
<h2>Top Categories</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-01.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-05.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-03.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-04.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-05.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section cta">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="shop">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading">
|
||||
<h6>Our Shop</h6>
|
||||
<h2>Go Pre-Order Buy & Get Best <em>Prices</em> For You!</h2>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor consectetur adipiscing, sed do eiusmod tempor incididunt.</p>
|
||||
<div class="main-button">
|
||||
<a href="shop.html">Shop Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-2 align-self-end">
|
||||
<div class="subscribe">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="section-heading">
|
||||
<h6>NEWSLETTER</h6>
|
||||
<h2>Get Up To $100 Off Just Buy <em>Subscribe</em> Newsletter!</h2>
|
||||
</div>
|
||||
<div class="search-input">
|
||||
<form id="subscribe" action="#">
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Your email...">
|
||||
<button type="submit">Subscribe Now</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-lg-12">
|
||||
<p>Copyright © 2048 LUGX Gaming Company. All rights reserved. <a rel="nofollow" href="https://templatemo.com" target="_blank">Design: TemplateMo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<script src="assets/js/owl-carousel.js"></script>
|
||||
<script src="assets/js/counter.js"></script>
|
||||
<script src="assets/js/custom.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 452 KiB |
@@ -0,0 +1,224 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<title>Lugx Gaming - Product Detail</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Additional CSS Files -->
|
||||
<link rel="stylesheet" href="assets/css/fontawesome.css">
|
||||
<link rel="stylesheet" href="assets/css/templatemo-lugx-gaming.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
|
||||
<!--
|
||||
|
||||
TemplateMo 589 lugx gaming
|
||||
|
||||
https://templatemo.com/tm-589-lugx-gaming
|
||||
|
||||
-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ***** Preloader Start ***** -->
|
||||
<div id="js-preloader" class="js-preloader">
|
||||
<div class="preloader-inner">
|
||||
<span class="dot"></span>
|
||||
<div class="dots">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Preloader End ***** -->
|
||||
|
||||
<!-- ***** Header Area Start ***** -->
|
||||
<header class="header-area header-sticky">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="main-nav">
|
||||
<!-- ***** Logo Start ***** -->
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/images/logo.png" alt="" style="width: 158px;">
|
||||
</a>
|
||||
<!-- ***** Logo End ***** -->
|
||||
<!-- ***** Menu Start ***** -->
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="shop.html">Our Shop</a></li>
|
||||
<li><a href="product-details.html" class="active">Product Details</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
<li><a href="#">Sign In</a></li>
|
||||
</ul>
|
||||
<a class='menu-trigger'>
|
||||
<span>Menu</span>
|
||||
</a>
|
||||
<!-- ***** Menu End ***** -->
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- ***** Header Area End ***** -->
|
||||
|
||||
<div class="page-heading header-text">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h3>Modern Warfare® II</h3>
|
||||
<span class="breadcrumb"><a href="#">Home</a> > <a href="#">Shop</a> > Assasin Creed</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="single-product section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="left-image">
|
||||
<img src="assets/images/single-game.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 align-self-center">
|
||||
<h4>Call of Duty®: Modern Warfare® II</h4>
|
||||
<span class="price"><em>$28</em> $22</span>
|
||||
<p>LUGX Gaming Template is based on the latest Bootstrap 5 CSS framework. This template is provided by TemplateMo and it is suitable for your gaming shop ecommerce websites. Feel free to use this for any purpose. Thank you.</p>
|
||||
<form id="qty" action="#">
|
||||
<input type="qty" class="form-control" id="1" aria-describedby="quantity" placeholder="1">
|
||||
<button type="submit"><i class="fa fa-shopping-bag"></i> ADD TO CART</button>
|
||||
</form>
|
||||
<ul>
|
||||
<li><span>Game ID:</span> COD MMII</li>
|
||||
<li><span>Genre:</span> <a href="#">Action</a>, <a href="#">Team</a>, <a href="#">Single</a></li>
|
||||
<li><span>Multi-tags:</span> <a href="#">War</a>, <a href="#">Battle</a>, <a href="#">Royal</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div class="sep"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="more-info">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="tabs-content">
|
||||
<div class="row">
|
||||
<div class="nav-wrapper ">
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="description-tab" data-bs-toggle="tab" data-bs-target="#description" type="button" role="tab" aria-controls="description" aria-selected="true">Description</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="reviews-tab" data-bs-toggle="tab" data-bs-target="#reviews" type="button" role="tab" aria-controls="reviews" aria-selected="false">Reviews (3)</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tab-content" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
|
||||
<p>You can search for more templates on Google Search using keywords such as "templatemo digital marketing", "templatemo one-page", "templatemo gallery", etc. Please tell your friends about our website. If you need a variety of HTML templates, you may visit Tooplate and Too CSS websites.</p>
|
||||
<br>
|
||||
<p>Coloring book air plant shabby chic, crucifix normcore raclette cred swag artisan activated charcoal. PBR&B fanny pack pok pok gentrify truffaut kitsch helvetica jean shorts edison bulb poutine next level humblebrag la croix adaptogen. Hashtag poke literally locavore, beard marfa kogi bruh artisan succulents seitan tonx waistcoat chambray taxidermy. Same cred meggings 3 wolf moon lomo irony cray hell of bitters asymmetrical gluten-free art party raw denim chillwave tousled try-hard succulents street art.</p>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
|
||||
<p>Coloring book air plant shabby chic, crucifix normcore raclette cred swag artisan activated charcoal. PBR&B fanny pack pok pok gentrify truffaut kitsch helvetica jean shorts edison bulb poutine next level humblebrag la croix adaptogen. <br><br>Hashtag poke literally locavore, beard marfa kogi bruh artisan succulents seitan tonx waistcoat chambray taxidermy. Same cred meggings 3 wolf moon lomo irony cray hell of bitters asymmetrical gluten-free art party raw denim chillwave tousled try-hard succulents street art.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section categories related-games">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="section-heading">
|
||||
<h6>Action</h6>
|
||||
<h2>Related Games</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="main-button">
|
||||
<a href="shop.html">View All</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-01.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-05.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-03.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-04.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg col-sm-6 col-xs-12">
|
||||
<div class="item">
|
||||
<h4>Action</h4>
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/categories-05.jpg" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-lg-12">
|
||||
<p>Copyright © 2048 LUGX Gaming Company. All rights reserved. <a rel="nofollow" href="https://templatemo.com" target="_blank">Design: TemplateMo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<script src="assets/js/owl-carousel.js"></script>
|
||||
<script src="assets/js/counter.js"></script>
|
||||
<script src="assets/js/custom.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,293 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||||
|
||||
<title>Lugx Gaming - Shop Page</title>
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- Additional CSS Files -->
|
||||
<link rel="stylesheet" href="assets/css/fontawesome.css">
|
||||
<link rel="stylesheet" href="assets/css/templatemo-lugx-gaming.css">
|
||||
<link rel="stylesheet" href="assets/css/owl.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
|
||||
<!--
|
||||
|
||||
TemplateMo 589 lugx gaming
|
||||
|
||||
https://templatemo.com/tm-589-lugx-gaming
|
||||
|
||||
-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ***** Preloader Start ***** -->
|
||||
<div id="js-preloader" class="js-preloader">
|
||||
<div class="preloader-inner">
|
||||
<span class="dot"></span>
|
||||
<div class="dots">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ***** Preloader End ***** -->
|
||||
|
||||
<!-- ***** Header Area Start ***** -->
|
||||
<header class="header-area header-sticky">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<nav class="main-nav">
|
||||
<!-- ***** Logo Start ***** -->
|
||||
<a href="index.html" class="logo">
|
||||
<img src="assets/images/logo.png" alt="" style="width: 158px;">
|
||||
</a>
|
||||
<!-- ***** Logo End ***** -->
|
||||
<!-- ***** Menu Start ***** -->
|
||||
<ul class="nav">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="shop.html" class="active">Our Shop</a></li>
|
||||
<li><a href="product-details.html">Product Details</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
<li><a href="#">Sign In</a></li>
|
||||
</ul>
|
||||
<a class='menu-trigger'>
|
||||
<span>Menu</span>
|
||||
</a>
|
||||
<!-- ***** Menu End ***** -->
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- ***** Header Area End ***** -->
|
||||
|
||||
<div class="page-heading header-text">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h3>Our Shop</h3>
|
||||
<span class="breadcrumb"><a href="#">Home</a> > Our Shop</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section trending">
|
||||
<div class="container">
|
||||
<ul class="trending-filter">
|
||||
<li>
|
||||
<a class="is_active" href="#!" data-filter="*">Show All</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" data-filter=".adv">Adventure</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" data-filter=".str">Strategy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!" data-filter=".rac">Racing</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="row trending-box">
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 adv">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-01.jpg" alt=""></a>
|
||||
<span class="price"><em>$36</em>$24</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 str">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-02.jpg" alt=""></a>
|
||||
<span class="price"><em>$32</em>$22</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 adv rac">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-03.jpg" alt=""></a>
|
||||
<span class="price"><em>$45</em>$30</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 str">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-04.jpg" alt=""></a>
|
||||
<span class="price"><em>$32</em>$22</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 rac str">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-03.jpg" alt=""></a>
|
||||
<span class="price"><em>$38</em>$26</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 rac adv">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-01.jpg" alt=""></a>
|
||||
<span class="price"><em>$30</em>$20</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 rac str">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-04.jpg" alt=""></a>
|
||||
<span class="price"><em>$32</em>$22</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 rac adv">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-02.jpg" alt=""></a>
|
||||
<span class="price"><em>$32</em>$22</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 adv rac">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-03.jpg" alt=""></a>
|
||||
<span class="price"><em>$28</em>$20</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 str">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-04.jpg" alt=""></a>
|
||||
<span class="price"><em>$26</em>$18</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 adv">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-01.jpg" alt=""></a>
|
||||
<span class="price"><em>$32</em>$24</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 align-self-center mb-30 trending-items col-md-6 str">
|
||||
<div class="item">
|
||||
<div class="thumb">
|
||||
<a href="product-details.html"><img src="assets/images/trending-02.jpg" alt=""></a>
|
||||
<span class="price"><em>$45</em>$30</span>
|
||||
</div>
|
||||
<div class="down-content">
|
||||
<span class="category">Action</span>
|
||||
<h4>Assasin Creed</h4>
|
||||
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<ul class="pagination">
|
||||
<li><a href="#"> < </a></li>
|
||||
<li><a href="#">1</a></li>
|
||||
<li><a class="is_active" href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#"> > </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="col-lg-12">
|
||||
<p>Copyright © 2048 LUGX Gaming Company. All rights reserved. <a rel="nofollow" href="https://templatemo.com" target="_blank">Design: TemplateMo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script src="vendor/jquery/jquery.min.js"></script>
|
||||
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/isotope.min.js"></script>
|
||||
<script src="assets/js/owl-carousel.js"></script>
|
||||
<script src="assets/js/counter.js"></script>
|
||||
<script src="assets/js/custom.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+10364
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+8269
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user