').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled');
+
+ this._controls.$absolute.on('click', 'button', $.proxy(function(e) {
+ var index = $(e.target).parent().is(this._controls.$absolute)
+ ? $(e.target).index() : $(e.target).parent().index();
+
+ e.preventDefault();
+
+ this.to(index, settings.dotsSpeed);
+ }, this));
+
+ /*$el.on('focusin', function() {
+ $(document).off(".carousel");
+
+ $(document).on('keydown.carousel', function(e) {
+ if(e.keyCode == 37) {
+ $el.trigger('prev.owl')
+ }
+ if(e.keyCode == 39) {
+ $el.trigger('next.owl')
+ }
+ });
+ });*/
+
+ // override public methods of the carousel
+ for (override in this._overrides) {
+ this._core[override] = $.proxy(this[override], this);
+ }
+ };
+
+ /**
+ * Destroys the plugin.
+ * @protected
+ */
+ Navigation.prototype.destroy = function() {
+ var handler, control, property, override, settings;
+ settings = this._core.settings;
+
+ for (handler in this._handlers) {
+ this.$element.off(handler, this._handlers[handler]);
+ }
+ for (control in this._controls) {
+ if (control === '$relative' && settings.navContainer) {
+ this._controls[control].html('');
+ } else {
+ this._controls[control].remove();
+ }
+ }
+ for (override in this.overides) {
+ this._core[override] = this._overrides[override];
+ }
+ for (property in Object.getOwnPropertyNames(this)) {
+ typeof this[property] != 'function' && (this[property] = null);
+ }
+ };
+
+ /**
+ * Updates the internal state.
+ * @protected
+ */
+ Navigation.prototype.update = function() {
+ var i, j, k,
+ lower = this._core.clones().length / 2,
+ upper = lower + this._core.items().length,
+ maximum = this._core.maximum(true),
+ settings = this._core.settings,
+ size = settings.center || settings.autoWidth || settings.dotsData
+ ? 1 : settings.dotsEach || settings.items;
+
+ if (settings.slideBy !== 'page') {
+ settings.slideBy = Math.min(settings.slideBy, settings.items);
+ }
+
+ if (settings.dots || settings.slideBy == 'page') {
+ this._pages = [];
+
+ for (i = lower, j = 0, k = 0; i < upper; i++) {
+ if (j >= size || j === 0) {
+ this._pages.push({
+ start: Math.min(maximum, i - lower),
+ end: i - lower + size - 1
+ });
+ if (Math.min(maximum, i - lower) === maximum) {
+ break;
+ }
+ j = 0, ++k;
+ }
+ j += this._core.mergers(this._core.relative(i));
+ }
+ }
+ };
+
+ /**
+ * Draws the user interface.
+ * @todo The option `dotsData` wont work.
+ * @protected
+ */
+ Navigation.prototype.draw = function() {
+ var difference,
+ settings = this._core.settings,
+ disabled = this._core.items().length <= settings.items,
+ index = this._core.relative(this._core.current()),
+ loop = settings.loop || settings.rewind;
+
+ this._controls.$relative.toggleClass('disabled', !settings.nav || disabled);
+
+ if (settings.nav) {
+ this._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true));
+ this._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true));
+ }
+
+ this._controls.$absolute.toggleClass('disabled', !settings.dots || disabled);
+
+ if (settings.dots) {
+ difference = this._pages.length - this._controls.$absolute.children().length;
+
+ if (settings.dotsData && difference !== 0) {
+ this._controls.$absolute.html(this._templates.join(''));
+ } else if (difference > 0) {
+ this._controls.$absolute.append(new Array(difference + 1).join(this._templates[0]));
+ } else if (difference < 0) {
+ this._controls.$absolute.children().slice(difference).remove();
+ }
+
+ this._controls.$absolute.find('.active').removeClass('active');
+ this._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active');
+ }
+ };
+
+ /**
+ * Extends event data.
+ * @protected
+ * @param {Event} event - The event object which gets thrown.
+ */
+ Navigation.prototype.onTrigger = function(event) {
+ var settings = this._core.settings;
+
+ event.page = {
+ index: $.inArray(this.current(), this._pages),
+ count: this._pages.length,
+ size: settings && (settings.center || settings.autoWidth || settings.dotsData
+ ? 1 : settings.dotsEach || settings.items)
+ };
+ };
+
+ /**
+ * Gets the current page position of the carousel.
+ * @protected
+ * @returns {Number}
+ */
+ Navigation.prototype.current = function() {
+ var current = this._core.relative(this._core.current());
+ return $.grep(this._pages, $.proxy(function(page, index) {
+ return page.start <= current && page.end >= current;
+ }, this)).pop();
+ };
+
+ /**
+ * Gets the current succesor/predecessor position.
+ * @protected
+ * @returns {Number}
+ */
+ Navigation.prototype.getPosition = function(successor) {
+ var position, length,
+ settings = this._core.settings;
+
+ if (settings.slideBy == 'page') {
+ position = $.inArray(this.current(), this._pages);
+ length = this._pages.length;
+ successor ? ++position : --position;
+ position = this._pages[((position % length) + length) % length].start;
+ } else {
+ position = this._core.relative(this._core.current());
+ length = this._core.items().length;
+ successor ? position += settings.slideBy : position -= settings.slideBy;
+ }
+
+ return position;
+ };
+
+ /**
+ * Slides to the next item or page.
+ * @public
+ * @param {Number} [speed=false] - The time in milliseconds for the transition.
+ */
+ Navigation.prototype.next = function(speed) {
+ $.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);
+ };
+
+ /**
+ * Slides to the previous item or page.
+ * @public
+ * @param {Number} [speed=false] - The time in milliseconds for the transition.
+ */
+ Navigation.prototype.prev = function(speed) {
+ $.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);
+ };
+
+ /**
+ * Slides to the specified item or page.
+ * @public
+ * @param {Number} position - The position of the item or page.
+ * @param {Number} [speed] - The time in milliseconds for the transition.
+ * @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.
+ */
+ Navigation.prototype.to = function(position, speed, standard) {
+ var length;
+
+ if (!standard && this._pages.length) {
+ length = this._pages.length;
+ $.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
+ } else {
+ $.proxy(this._overrides.to, this._core)(position, speed);
+ }
+ };
+
+ $.fn.owlCarousel.Constructor.Plugins.Navigation = Navigation;
+
+})(window.Zepto || window.jQuery, window, document);
+
+/**
+ * Hash Plugin
+ * @version 2.3.4
+ * @author Artus Kolanowski
+ * @author David Deutsch
+ * @license The MIT License (MIT)
+ */
+;(function($, window, document, undefined) {
+ 'use strict';
+
+ /**
+ * Creates the hash plugin.
+ * @class The Hash Plugin
+ * @param {Owl} carousel - The Owl Carousel
+ */
+ var Hash = function(carousel) {
+ /**
+ * Reference to the core.
+ * @protected
+ * @type {Owl}
+ */
+ this._core = carousel;
+
+ /**
+ * Hash index for the items.
+ * @protected
+ * @type {Object}
+ */
+ this._hashes = {};
+
+ /**
+ * The carousel element.
+ * @type {jQuery}
+ */
+ this.$element = this._core.$element;
+
+ /**
+ * All event handlers.
+ * @protected
+ * @type {Object}
+ */
+ this._handlers = {
+ 'initialized.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && this._core.settings.startPosition === 'URLHash') {
+ $(window).trigger('hashchange.owl.navigation');
+ }
+ }, this),
+ 'prepared.owl.carousel': $.proxy(function(e) {
+ if (e.namespace) {
+ var hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');
+
+ if (!hash) {
+ return;
+ }
+
+ this._hashes[hash] = e.content;
+ }
+ }, this),
+ 'changed.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && e.property.name === 'position') {
+ var current = this._core.items(this._core.relative(this._core.current())),
+ hash = $.map(this._hashes, function(item, hash) {
+ return item === current ? hash : null;
+ }).join();
+
+ if (!hash || window.location.hash.slice(1) === hash) {
+ return;
+ }
+
+ window.location.hash = hash;
+ }
+ }, this)
+ };
+
+ // set default options
+ this._core.options = $.extend({}, Hash.Defaults, this._core.options);
+
+ // register the event handlers
+ this.$element.on(this._handlers);
+
+ // register event listener for hash navigation
+ $(window).on('hashchange.owl.navigation', $.proxy(function(e) {
+ var hash = window.location.hash.substring(1),
+ items = this._core.$stage.children(),
+ position = this._hashes[hash] && items.index(this._hashes[hash]);
+
+ if (position === undefined || position === this._core.current()) {
+ return;
+ }
+
+ this._core.to(this._core.relative(position), false, true);
+ }, this));
+ };
+
+ /**
+ * Default options.
+ * @public
+ */
+ Hash.Defaults = {
+ URLhashListener: false
+ };
+
+ /**
+ * Destroys the plugin.
+ * @public
+ */
+ Hash.prototype.destroy = function() {
+ var handler, property;
+
+ $(window).off('hashchange.owl.navigation');
+
+ for (handler in this._handlers) {
+ this._core.$element.off(handler, this._handlers[handler]);
+ }
+ for (property in Object.getOwnPropertyNames(this)) {
+ typeof this[property] != 'function' && (this[property] = null);
+ }
+ };
+
+ $.fn.owlCarousel.Constructor.Plugins.Hash = Hash;
+
+})(window.Zepto || window.jQuery, window, document);
+
+/**
+ * Support Plugin
+ *
+ * @version 2.3.4
+ * @author Vivid Planet Software GmbH
+ * @author Artus Kolanowski
+ * @author David Deutsch
+ * @license The MIT License (MIT)
+ */
+;(function($, window, document, undefined) {
+
+ var style = $('
').get(0).style,
+ prefixes = 'Webkit Moz O ms'.split(' '),
+ events = {
+ transition: {
+ end: {
+ WebkitTransition: 'webkitTransitionEnd',
+ MozTransition: 'transitionend',
+ OTransition: 'oTransitionEnd',
+ transition: 'transitionend'
+ }
+ },
+ animation: {
+ end: {
+ WebkitAnimation: 'webkitAnimationEnd',
+ MozAnimation: 'animationend',
+ OAnimation: 'oAnimationEnd',
+ animation: 'animationend'
+ }
+ }
+ },
+ tests = {
+ csstransforms: function() {
+ return !!test('transform');
+ },
+ csstransforms3d: function() {
+ return !!test('perspective');
+ },
+ csstransitions: function() {
+ return !!test('transition');
+ },
+ cssanimations: function() {
+ return !!test('animation');
+ }
+ };
+
+ function test(property, prefixed) {
+ var result = false,
+ upper = property.charAt(0).toUpperCase() + property.slice(1);
+
+ $.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {
+ if (style[property] !== undefined) {
+ result = prefixed ? property : true;
+ return false;
+ }
+ });
+
+ return result;
+ }
+
+ function prefixed(property) {
+ return test(property, true);
+ }
+
+ if (tests.csstransitions()) {
+ /* jshint -W053 */
+ $.support.transition = new String(prefixed('transition'))
+ $.support.transition.end = events.transition.end[ $.support.transition ];
+ }
+
+ if (tests.cssanimations()) {
+ /* jshint -W053 */
+ $.support.animation = new String(prefixed('animation'))
+ $.support.animation.end = events.animation.end[ $.support.animation ];
+ }
+
+ if (tests.csstransforms()) {
+ /* jshint -W053 */
+ $.support.transform = new String(prefixed('transform'));
+ $.support.transform3d = tests.csstransforms3d();
+ }
+
+})(window.Zepto || window.jQuery, window, document);
diff --git a/theme_lego/static/src/js/owl.carousel.min.js b/theme_lego/static/src/js/owl.carousel.min.js
new file mode 100644
index 000000000..fbbffc534
--- /dev/null
+++ b/theme_lego/static/src/js/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/_common.scss b/theme_lego/static/src/scss/_common.scss
new file mode 100644
index 000000000..30307e93b
--- /dev/null
+++ b/theme_lego/static/src/scss/_common.scss
@@ -0,0 +1,78 @@
+*body {
+ line-height: 24px;
+ font-size: 14px;
+ // font-family: $primary-font;
+ font-weight: 400;
+ color: $text-color;
+ background: #fff;
+}
+html,
+body {
+ height: 100%;
+}
+ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+*h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: $title-font;
+ color: $title-color;
+ font-weight: 500;
+ line-height: 1.2 !important;
+}
+
+.list {
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
+*a {
+ text-decoration: none;
+ transition: all 0.3s ease-in-out;
+ &:hover,
+ &:focus {
+ text-decoration: none;
+ outline: none;
+ }
+}
+
+*button:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+*:focus {
+ outline: 0 !important;
+}
+
+*button:focus {
+ border: none;
+ outline: none;
+}
+
+* {
+ list-style-type: none;
+
+ font-family: $title-font;
+ font-size: 14px;
+ &:focus,
+ &:active {
+ outline: none !important;
+ }
+}
+
+*:hover {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+}
diff --git a/theme_lego/static/src/scss/_elements.scss b/theme_lego/static/src/scss/_elements.scss
new file mode 100644
index 000000000..f532668da
--- /dev/null
+++ b/theme_lego/static/src/scss/_elements.scss
@@ -0,0 +1,26 @@
+// *h1 {
+// font-size: 36px !important;
+// }
+// h2 {
+// font-size: 30px;
+// }
+// h3 {
+// font-size: 24px;
+// }
+// h4 {
+// font-size: 18px;
+// }
+// h5 {
+// font-size: 16px;
+// }
+// h6 {
+// font-size: 14px;
+// }
+// h1, h2, h3, h4, h5, h6 {
+// line-height: 1.5em;
+// }
+// .typography {
+// h1, h2, h3, h4, h5, h6 {
+// color: $text-color;
+// }
+// }
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/_normalize.scss b/theme_lego/static/src/scss/_normalize.scss
new file mode 100644
index 000000000..2884afe8e
--- /dev/null
+++ b/theme_lego/static/src/scss/_normalize.scss
@@ -0,0 +1,350 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ }
+
+ /* Sections
+ ========================================================================== */
+
+ /**
+ * Remove the margin in all browsers.
+ */
+
+ body {
+ margin: 0;
+ }
+
+ /**
+ * Render the `main` element consistently in IE.
+ */
+
+ main {
+ display: block;
+ }
+
+ /**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+ h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+ }
+
+ /* Grouping content
+ ========================================================================== */
+
+ /**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+ hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+
+ /* Text-level semantics
+ ========================================================================== */
+
+ /**
+ * Remove the gray background on active links in IE 10.
+ */
+
+ a {
+ background-color: transparent;
+ }
+
+ /**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+ abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+ }
+
+ /**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+ b,
+ strong {
+ font-weight: bolder;
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ code,
+ kbd,
+ samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+
+ /**
+ * Add the correct font size in all browsers.
+ */
+
+ small {
+ font-size: 80%;
+ }
+
+ /**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+ sub,
+ sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+
+ sub {
+ bottom: -0.25em;
+ }
+
+ sup {
+ top: -0.5em;
+ }
+
+ /* Embedded content
+ ========================================================================== */
+
+ /**
+ * Remove the border on images inside links in IE 10.
+ */
+
+ img {
+ border-style: none;
+ }
+
+ /* Forms
+ ========================================================================== */
+
+ /**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+ }
+
+ /**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+ button,
+ input { /* 1 */
+ overflow: visible;
+ }
+
+ /**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+ button,
+ select { /* 1 */
+ text-transform: none;
+ }
+
+ /**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+ -webkit-appearance: button;
+ }
+
+ /**
+ * Remove the inner border and padding in Firefox.
+ */
+
+ button::-moz-focus-inner,
+ [type="button"]::-moz-focus-inner,
+ [type="reset"]::-moz-focus-inner,
+ [type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+ }
+
+ /**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+ button:-moz-focusring,
+ [type="button"]:-moz-focusring,
+ [type="reset"]:-moz-focusring,
+ [type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+ }
+
+ /**
+ * Correct the padding in Firefox.
+ */
+
+ fieldset {
+ padding: 0.35em 0.75em 0.625em;
+ }
+
+ /**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+ legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+ }
+
+ /**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+ progress {
+ vertical-align: baseline;
+ }
+
+ /**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+ textarea {
+ overflow: auto;
+ }
+
+ /**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+ [type="checkbox"],
+ [type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ }
+
+ /**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+ [type="number"]::-webkit-inner-spin-button,
+ [type="number"]::-webkit-outer-spin-button {
+ height: auto;
+ }
+
+ /**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+ [type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+ }
+
+ /**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+ [type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+
+ /**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+ ::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+ }
+
+ /* Interactive
+ ========================================================================== */
+
+ /*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+ details {
+ display: block;
+ }
+
+ /*
+ * Add the correct display in all browsers.
+ */
+
+ summary {
+ display: list-item;
+ }
+
+ /* Misc
+ ========================================================================== */
+
+ /**
+ * Add the correct display in IE 10+.
+ */
+
+ template {
+ display: none;
+ }
+
+ /**
+ * Add the correct display in IE 10.
+ */
+
+ [hidden] {
+ display: none;
+ }
+
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/_variables.scss b/theme_lego/static/src/scss/_variables.scss
new file mode 100644
index 000000000..2290dcae7
--- /dev/null
+++ b/theme_lego/static/src/scss/_variables.scss
@@ -0,0 +1,39 @@
+// Font Family
+
+$primary-font : 'Roboto', sans-serif;
+$title-font : 'Poppins', sans-serif;
+
+
+
+// Font
+
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto&display=swap');
+
+
+//Colors
+
+$primary-color : #00c2fb;
+$primary-color2 : #ff6c00;
+$primary-color3 : #fc5205;
+$title-color : #222222;
+$text-color : #777777;
+$baseColor: #c5322d;
+$dip: #222222;
+$pfont: #777777;
+$white : #fff;
+$black : #000;
+$offwhite: #fcfcfc;
+$bg:#acdfee99;
+$default: #f9f9ff;
+$primary: $primary-color;
+$success: #4cd3e3;
+$info : #38a4ff;
+$warning: #f4e700;
+$danger: #f44a40;
+$link: #f9f9ff;
+$disable: #222222;
+
+
+$hover:#f1a138;
+
+$bg_img: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%)
diff --git a/theme_lego/static/src/scss/components/_banner.scss b/theme_lego/static/src/scss/components/_banner.scss
new file mode 100644
index 000000000..7402c6a5f
--- /dev/null
+++ b/theme_lego/static/src/scss/components/_banner.scss
@@ -0,0 +1,124 @@
+.banner {
+ background-image: url(./../img/banner/banner-bg.jpg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ position: relative;
+ .banner_content {
+ position: relative;
+ padding-top: 250px;
+ padding-bottom: 150px;
+ @media screen and(max-width:996px) {
+ padding-top: 220px;
+ padding-bottom: 75px;
+ }
+ .banner_left {
+ h1 {
+ font-size: 50px;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: $white;
+ @media screen and(max-width:1100px) {
+ font-size: 40px;
+ }
+ @media screen and(max-width:996px) {
+ font-size: 30px;
+ }
+ }
+ p {
+ color: $white;
+ line-height: 24px;
+ margin-bottom: 33px;
+ }
+ }
+ .banner_img {
+ @media screen and(max-width:786px) {
+ display: none;
+ }
+ img {
+ width: 100%;
+ }
+ }
+ .owl-carousel {
+ position: relative;
+ .owl-nav {
+ position: absolute;
+ right: 50px;
+ bottom: 12px;
+ .owl-prev {
+ color: $white;
+ &:hover {
+ color: $black;
+ }
+ i {
+ font-size: 27px;
+ padding: 10px;
+ }
+ }
+ .owl-next {
+ color: $white;
+ &:hover {
+ color: $black;
+ }
+ i {
+ font-size: 27px;
+ }
+ }
+ }
+ }
+ }
+}
+.banner_product {
+ background-image: url(./../img/banner/banner-bg.jpg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ position: relative;
+ .banner_content {
+ text-align: end;
+ padding-top: 180px;
+ .product_heading {
+ h1 {
+ color: $black;
+ text-transform: uppercase;
+ font-size: 50px;
+ font-weight: 700;
+ color: $white;
+ @media screen and(max-width:768px) {
+ font-size: 40px;
+ }
+ @media screen and(max-width:600px) {
+ font-size: 25px;
+ text-align: left;
+ }
+ }
+ .breadcrumb {
+ background-color: transparent;
+ justify-content: end;
+ @media screen and(max-width:600px) {
+ justify-content: left;
+ padding-left: 0;
+ }
+ .active {
+ color: $black;
+ }
+ .breadcrumb-item {
+ a {
+ color: $white;
+ text-decoration: none;
+ }
+ &:before {
+ display: inline-block;
+ padding-right: 0.5rem;
+ color: #1b80da;
+ content: "";
+ }
+ .material-icons {
+ padding-top: 6px;
+ padding-left: 3px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/components/_button.scss b/theme_lego/static/src/scss/components/_button.scss
new file mode 100644
index 000000000..a3978e96d
--- /dev/null
+++ b/theme_lego/static/src/scss/components/_button.scss
@@ -0,0 +1,233 @@
+.btn {
+ border: none !important;
+ outline: 0 !important;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ box-shadow: none !important;
+ &-primary {
+ background-color: transparent !important;
+ border-color: $white;
+ padding: 12px 36px;
+ color: $black !important;
+ font-size: 16px;
+ font-weight: 600;
+ border-radius: 0;
+ border: 1px solid !important;
+ &:hover {
+ border: none !important;
+ color: $black !important;
+ background: $white !important;
+ }
+ }
+ &-add {
+ text-transform: uppercase !important;
+ font-size: 14px;
+ font-weight: 600;
+ color: $title-color;
+ display: flex;
+ color: $white;
+ align-items: center;
+ text-decoration: none !important;
+ &:hover {
+ color: $primary-color2;
+ }
+ i {
+ height: 45px;
+ width: 45px;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ color: rgb(255, 255, 255) !important;
+ border-radius: 50%;
+ padding: 12px;
+ margin-right: 13px;
+ }
+ }
+ &-add2 {
+ text-transform: uppercase !important;
+ font-size: 14px;
+ font-weight: 600;
+ color: $title-color;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-decoration: none !important;
+ &:hover {
+ color: $title-color;
+ }
+ i {
+ height: 45px;
+ width: 45px;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ color: #fff !important;
+ border-radius: 50%;
+ padding: 12px;
+ margin-right: 13px;
+ color: $title-color !important;
+ &:hover {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #e0d8d8 60%);
+ }
+ }
+ }
+ &-shop {
+ color: $title-color;
+ display: block;
+ position: absolute;
+ z-index: 2;
+ left: 41%;
+ top: 62%;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 27px;
+ font-weight: 600;
+ border-radius: 25px;
+ @media screen and(max-width:996px) {
+ top: 75%;
+ }
+ &:hover {
+ text-decoration: none;
+ color: $title-color;
+ }
+ }
+ &-cart {
+ color: $white;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 35px;
+ font-weight: 600;
+ border-radius: 6px;
+ box-shadow: none !important;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ }
+ }
+ &-replay {
+ color: $black;
+ border: 1px solid !important;
+ border-radius: 25px;
+ border-color: $pfont !important;
+ padding: 5px 15px;
+ box-shadow: none !important;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ background-color: $primary-color !important;
+ border: none !important;
+ }
+ }
+ &-login {
+ color: $white;
+ border-radius: 0px;
+ background-color: $primary-color !important;
+ padding: 8px 22px;
+ box-shadow: none !important;
+ border-radius: 5px;
+ font-weight: 600;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ border: none !important;
+ }
+ }
+ &-checkout_c {
+ text-transform: uppercase !important;
+ font-size: 14px;
+ font-weight: 600;
+ color: $white;
+ height: 50px;
+ padding-top: 15px;
+ display: block;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ text-decoration: none !important;
+ &:hover {
+ color: $white;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ }
+ }
+ &-update {
+ background-color: $bg !important;
+ padding: 12px 36px;
+ color: $black !important;
+ font-size: 16px;
+ border-radius: 0;
+ &:hover {
+ border: none !important;
+ color: $black !important;
+ }
+ }
+ &-update2 {
+ background-color: $bg !important;
+ display: block;
+ padding: 12px 36px;
+ color: $black !important;
+ font-size: 16px;
+ border-radius: 0;
+ &:hover {
+ border: none !important;
+ color: $black !important;
+ }
+ }
+ &-cartc {
+ color: $white;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 35px;
+ font-weight: 600;
+ box-shadow: none !important;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ }
+ @media screen and(max-width:474px) {
+ margin-bottom: 15px;
+ padding: 14px 38px;
+ }
+ }
+ &-cartd {
+ color: $white;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ }
+ }
+ &-register {
+ color: $white;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+ border-radius: 0 !important;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ }
+ }
+ &-login {
+ color: $white;
+ display: block;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+ border-radius: 0 !important;
+ &:hover {
+ text-decoration: none;
+ color: $white;
+ }
+ }
+ &-send {
+ background-color: $primary-color !important;
+ border-color: $white;
+ padding: 8px 40px;
+ color: $white !important;
+ font-size: 16px;
+ border-radius: 0;
+ margin-top: 31px;
+ margin-left: auto;
+ margin-right: 16px;
+ &:hover {
+ border: none !important;
+ background: darken($primary-color, 5%) !important;
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/components/_components.scss b/theme_lego/static/src/scss/components/_components.scss
new file mode 100644
index 000000000..a754b038b
--- /dev/null
+++ b/theme_lego/static/src/scss/components/_components.scss
@@ -0,0 +1,3 @@
+@import './banner';
+@import './button';
+@import './products';
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/components/_products.scss b/theme_lego/static/src/scss/components/_products.scss
new file mode 100644
index 000000000..7e2fc50cf
--- /dev/null
+++ b/theme_lego/static/src/scss/components/_products.scss
@@ -0,0 +1,88 @@
+.product {
+ margin-top: 100px;
+ .main_heading {
+ text-align: center;
+ padding-bottom: 10px;
+ h3 {
+ font-size: 25px;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-family: $title-font;
+ color: $title-color;
+ }
+ p {
+ color: $pfont;
+ line-height: 24px;
+ margin-bottom: 33px;
+ }
+ }
+ .wrapper {
+ margin-top: 40px;
+ .product_img {
+ @media screen and(max-width:576px) {
+ margin: 0 10px;
+ padding-bottom: 30px;
+ }
+ margin-bottom: 50px;
+ .wrapper_img {
+ padding-bottom: 15px;
+ img {
+ width: 100%;
+ }
+ }
+ h5 {
+ color: $title-color;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 15px;
+ font-family: $title-font;
+ }
+ .rate {
+ display: flex;
+ padding-top: 10px;
+ p {
+ color: $title-color;
+ margin-right: 50px;
+ }
+ span {
+ color: $pfont;
+ text-decoration: line-through;
+ }
+ }
+ .product_bottom {
+ display: flex;
+ padding-left: 0;
+ position: relative;
+ li {
+ height: 35px;
+ width: 35px;
+ border-radius: 50%;
+ background-color: $primary-color3;
+ margin-right: 12px;
+ }
+ a {
+ color: $white;
+ span {
+ padding: 11px;
+ }
+ }
+ }
+ }
+ }
+}
+.main_heading {
+ text-align: center;
+ padding-bottom: 10px;
+ h3 {
+ font-size: 25px;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-family: $title-font;
+ color: $title-color;
+ }
+ p {
+ color: $pfont;
+ line-height: 24px;
+ margin-bottom: 33px;
+ }
+}
diff --git a/theme_lego/static/src/scss/layout/_footer.scss b/theme_lego/static/src/scss/layout/_footer.scss
new file mode 100644
index 000000000..c3ae5ed93
--- /dev/null
+++ b/theme_lego/static/src/scss/layout/_footer.scss
@@ -0,0 +1,78 @@
+.footer {
+ margin-top: 100px;
+ background-color: $disable;
+ .footer_content {
+ padding-top: 90px;
+ padding-bottom: 90px;
+ .ft_b {
+ @media screen and(max-width:996px) {
+ margin-top: 45px;
+ }
+ }
+ .wrapper {
+ h6 {
+ color: $white;
+ font-weight: 600;
+ font-size: 23px;
+ margin-bottom: 30px;
+ }
+ p {
+ color: $pfont;
+ line-height: 21px;
+ font-size: 14px;
+ @media screen and(max-width:768px) {
+ margin-bottom: 45px;
+ }
+ }
+ .input-group {
+ width: 100%;
+ height: 50px;
+ border-radius: 0;
+ margin-top: 30px;
+ .form-control {
+ border-radius: 0;
+ height: 50px;
+ }
+ .input-group-text {
+ border-radius: 0;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #e0d8d8 60%);
+ padding: 0 20px;
+ color: $white;
+ font-weight: 700;
+ }
+ }
+ .footer_icon {
+ display: flex;
+ margin-top: 30px;
+ a {
+ color: $white;
+ margin-right: 18px;
+ &:hover {
+ color: $hover;
+ }
+ span {
+ font-size: 12px;
+ }
+ }
+ }
+ }
+ .footer_bottom {
+ margin-top: 50px;
+ text-align: center;
+ color: $pfont;
+ margin-bottom: 20px;
+ width: 100%;
+ @media screen and(max-width:996px) {
+ text-align: left;
+ padding-left: 12px;
+ }
+ a {
+ color: $primary-color;
+ text-decoration: none;
+ &:hover {
+ color: $hover;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/layout/_forms.scss b/theme_lego/static/src/scss/layout/_forms.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_lego/static/src/scss/layout/_grid.scss b/theme_lego/static/src/scss/layout/_grid.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_lego/static/src/scss/layout/_header.scss b/theme_lego/static/src/scss/layout/_header.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_lego/static/src/scss/layout/_layouts.scss b/theme_lego/static/src/scss/layout/_layouts.scss
new file mode 100644
index 000000000..cb4e401b2
--- /dev/null
+++ b/theme_lego/static/src/scss/layout/_layouts.scss
@@ -0,0 +1,3 @@
+@import './navigation';
+@import './footer';
+@import './sidebar';
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/layout/_navigation.scss b/theme_lego/static/src/scss/layout/_navigation.scss
new file mode 100644
index 000000000..9a87bac35
--- /dev/null
+++ b/theme_lego/static/src/scss/layout/_navigation.scss
@@ -0,0 +1,113 @@
+.fixed-top {
+ top: 30px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
+ background: $white;
+ left: 2.5%;
+ width: 95%;
+ padding: 20px 0;
+}
+.navbar-dark {
+ color: $black;
+ // padding: 0 10px;
+ #nav-bg {
+ // padding: 25px 0;
+ margin: 0px auto 0;
+ display: flex;
+ // .navbar-toggler:focus{
+ // }
+ .navbar-toggler {
+ background-color: $primary-color;
+ color: $white;
+ @media screen and(max-width:610px) {
+ margin-right: 20px;
+ }
+ }
+ }
+ .navbar-brand {
+ color: $primary-color;
+ font-family: $title-font;
+ font-size: 30px;
+ font-weight: 600;
+ letter-spacing: 2px;
+ padding-left: 10px;
+ &:hover {
+ color: $primary-color !important;
+ }
+ }
+ .navbar-collapse {
+ @media screen and(max-width:996px) {
+ text-align: center;
+ }
+ .navbar-nav {
+ .nav-item.active .nav-link {
+ color: $primary-color !important;
+ }
+ .dropdown-menu {
+ border: 0;
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ -ms-border-radius: 0;
+ -o-border-radius: 0;
+ padding: 15px 15px;
+ .dropdown-item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ @media screen and(max-width:996px) {
+ text-align: center;
+ }
+ &:hover {
+ color: $white;
+ background-color: $primary-color;
+ }
+ }
+ }
+ .dropdown:hover > .dropdown-menu {
+ display: block;
+ }
+ }
+ .nav-item {
+ text-transform: uppercase;
+ padding: 0 12px;
+ .nav-link {
+ color: $title-color;
+ font-weight: 500;
+ font-size: 13px;
+ &:hover {
+ color: $primary-color;
+ }
+ }
+ }
+ }
+ .nav_right {
+ display: flex;
+ @media screen and(max-width:996px) {
+ justify-content: center;
+ }
+ .nav_cart {
+ padding: 0 12px;
+ a {
+ color: $title-color;
+ &:hover {
+ color: $primary-color;
+ }
+ }
+ }
+ .nav_search {
+ padding: 0 12px;
+ a {
+ color: $title-color;
+ &:hover {
+ color: $primary-color;
+ }
+ }
+ }
+ }
+}
+#new {
+ transition: 0.5s;
+}
diff --git a/theme_lego/static/src/scss/layout/_sidebar.scss b/theme_lego/static/src/scss/layout/_sidebar.scss
new file mode 100644
index 000000000..bd9824ea5
--- /dev/null
+++ b/theme_lego/static/src/scss/layout/_sidebar.scss
@@ -0,0 +1,181 @@
+.sidebar {
+ .wrapper {
+ margin-bottom: 20px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+ .sidebar_head {
+ background: $primary-color3;
+ color: $white;
+ padding: 18px 10px;
+ padding-left: 20px;
+ margin-bottom: 20px;
+ }
+ .sidebar_content {
+ .categories__accordion {
+ .card {
+ border: none;
+ border-radius: 0;
+ padding-left: 20px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #f2f2f2 !important;
+ margin-bottom: 12px;
+ // &:last-child {
+ // padding-bottom: 0;
+ // margin-bottom: 0;
+ // border-bottom: none!important;
+ // }
+ }
+ .card-heading {
+ cursor: pointer;
+ a {
+ font-size: 14px;
+ font-weight: 500;
+ color: $black;
+ display: block;
+ text-decoration: none;
+ }
+ }
+ .card-body {
+ padding-left: 0;
+ padding-top: 6px;
+ padding-bottom: 0;
+ li {
+ list-style: none;
+ position: relative;
+ padding-left: 16px;
+ &:before {
+ position: absolute;
+ left: 4px;
+ top: 14px;
+ height: 1px;
+ width: 4px;
+ background: #666666;
+ content: "";
+ }
+ a {
+ font-size: 14px;
+ color: #666666;
+ line-height: 30px;
+ }
+ }
+ }
+ }
+ .filter_head {
+ color: $black;
+ font-size: 20px;
+ font-weight: 600;
+ padding: 18px 10px;
+ }
+ .filter {
+ padding-left: 20px;
+ padding-right: 10px;
+ padding-bottom: 20px;
+ .container {
+ display: block;
+ position: relative;
+ padding-left: 35px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ font-size: 14px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ color: $pfont;
+ }
+ /* Hide the browser's default radio button */
+ .container input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+ }
+ /* Create a custom radio button */
+ .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 20px;
+ width: 20px;
+ background-color: rgb(78, 72, 72);
+ border-radius: 50%;
+ }
+ /* On mouse-over, add a grey background color */
+ .container:hover input ~ .checkmark {
+ background-color: $hover;
+ }
+ /* When the radio button is checked, add a blue background */
+ .container input:checked ~ .checkmark {
+ background-color: $primary-color;
+ }
+ /* Create the indicator (the dot/circle - hidden when not checked) */
+ .checkmark:after {
+ content: "";
+ position: absolute;
+ display: none;
+ }
+ /* Show the indicator (dot/circle) when checked */
+ .container input:checked ~ .checkmark:after {
+ display: block;
+ }
+ /* Style the indicator (dot/circle) */
+ // .container .checkmark:after {
+ // // top: 9px;
+ // // left: 9px;
+ // // width: 8px;
+ // // height: 8px;
+ // // border-radius: 50%;
+ // // background: white;
+ // }
+ }
+ }
+ }
+}
+.sidebar__filter {
+ position: relative;
+ input {
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ width: 50%;
+ }
+ .section-title {
+ margin-bottom: 50px;
+ .borderd_header {
+ text-transform: uppercase;
+ }
+ h4 {
+ font-size: 18px;
+ }
+ }
+}
+#slider-range {
+ margin-bottom: 30px;
+ background-color: $primary-color3;
+ border: none;
+ height: 8px;
+ border-radius: 8px;
+ .ui-state-default,
+ .ui-widget-content .ui-state-default {
+ background-color: #3a3a3a;
+ border: none;
+ height: 18px;
+ width: 18px;
+ top: -4.8px;
+ position: absolute;
+ border-radius: 50%;
+ }
+ &.ui-slider-horizontal .ui-slider-range {
+ top: 0;
+ background-color: $primary-color3 !important;
+ left: 0%;
+ width: 60%;
+ position: absolute;
+ height: 8px;
+ border-radius: 8px;
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_cart.scss b/theme_lego/static/src/scss/pages/_cart.scss
new file mode 100644
index 000000000..f8469e77d
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_cart.scss
@@ -0,0 +1,215 @@
+.cart {
+ margin-top: 90px;
+ .table_wrapper {
+ overflow: auto;
+ // .table-responsive {
+ // }
+ .table {
+ overflow-x: auto;
+ thead {
+ background-color: $bg;
+ }
+ tbody {
+ .cart_img {
+ display: flex;
+ align-items: center;
+ padding-bottom: 30px;
+ @media screen and(max-width:576px) {
+ margin-top: 30px;
+ }
+ .wrapper {
+ max-width: 150px;
+ img {
+ width: 100%;
+ }
+ }
+ h6 {
+ color: $primary-color;
+ font-size: 23px;
+ padding-left: 20px;
+ @media screen and(max-width:600px) {
+ font-size: 12px;
+ padding-left: 10px;
+ }
+ }
+ }
+ td {
+ vertical-align: middle;
+ .cart_q {
+ position: relative;
+ }
+ .quantity {
+ position: absolute;
+ top: -21px;
+ left: 30px;
+ @media screen and(max-width:576px) {
+ padding-left: 15px;
+ left: 10px;
+ }
+ }
+ input[type="number"]::-webkit-inner-spin-button,
+ input[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
+ input[type="number"] {
+ -moz-appearance: textfield;
+ }
+ .quantity input {
+ width: 45px;
+ height: 42px;
+ line-height: 1.65;
+ display: block;
+ padding: 0;
+ margin: 0;
+ padding-left: 20px;
+ border: 1px solid #eee;
+ }
+ .quantity input:focus {
+ outline: 0;
+ }
+ .quantity-nav {
+ float: left;
+ position: relative;
+ height: 42px;
+ }
+ .quantity-button {
+ position: relative;
+ cursor: pointer;
+ border-left: 1px solid #eee;
+ width: 20px;
+ text-align: center;
+ color: #333;
+ font-size: 13px;
+ line-height: 1.7;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ }
+ .quantity-button.quantity-up {
+ position: absolute;
+ height: 50%;
+ top: -38px;
+ border-bottom: 1px solid #eee;
+ }
+ .quantity-button.quantity-down {
+ position: absolute;
+ bottom: 38px;
+ height: 50%;
+ }
+ }
+ }
+ }
+ }
+ .table_bottom {
+ margin-top: 30px;
+ .input-group {
+ width: 100%;
+ height: 50px;
+ border-radius: 0;
+ @media screen and(max-width:768px) {
+ padding-top: 20px;
+ }
+ .form-control {
+ border-radius: 0;
+ height: 50px;
+ }
+ .input-group-text {
+ border-radius: 0;
+ background-color: $primary-color;
+ padding: 0 20px;
+ color: $white;
+ border: 1px solid;
+ font-weight: 700;
+ }
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: $primary-color;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ }
+ .price_details {
+ margin-top: 50px;
+ .total {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 75px;
+ }
+ .bb {
+ margin-top: 30px;
+ }
+ }
+ .wrap {
+ justify-content: space-between;
+ margin-top: 40px;
+ padding: 0 40px;
+ .ship {
+ padding-left: 40px;
+ font-weight: 600;
+ }
+ }
+ .payment {
+ .c1 {
+ display: block;
+ position: relative;
+ padding-left: 35px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ font-size: 15px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+ /* Hide the browser's default radio button */
+ .c1 input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+ }
+ /* Create a custom radio button */
+ .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 20px;
+ width: 20px;
+ background-color: rgb(212, 212, 212);
+ border-radius: 50%;
+ }
+ /* On mouse-over, add a grey background color */
+ .c1:hover input ~ .checkmark {
+ background-color: rgba(204, 204, 204, 0);
+ }
+ /* When the radio button is checked, add a blue background */
+ .c1 input:checked ~ .checkmark {
+ background-color: #f0e76c;
+ }
+ /* Create the indicator (the dot/circle - hidden when not checked) */
+ .checkmark:after {
+ content: "";
+ position: absolute;
+ display: none;
+ }
+ /* Show the indicator (dot/circle) when checked */
+ .c1 input:checked ~ .checkmark:after {
+ display: block;
+ }
+ /* Style the indicator (dot/circle) */
+ .c1 .checkmark:after {
+ top: 9px;
+ left: 9px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: rgba(255, 255, 255, 0);
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_checkout.scss b/theme_lego/static/src/scss/pages/_checkout.scss
new file mode 100644
index 000000000..4f4120bac
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_checkout.scss
@@ -0,0 +1,284 @@
+.checkout {
+ margin-top: 100px;
+ .wrapper {
+ background-color: #faffcb;
+ padding: 20 20px;
+ // .row{
+ // margin-left: 0;
+ // margin-top: 0;
+ // }
+ }
+ .checkout_top {
+ .wrp {
+ padding: 0 15px;
+ }
+ .one {
+ background-color: #f2ede2;
+ text-align: left;
+ display: block;
+ width: 100%;
+ padding: 15px 0px 15px 10px;
+ a {
+ color: $baseColor;
+ text-decoration: none;
+ padding-left: 5px;
+ }
+ }
+ p {
+ color: $pfont;
+ padding: 15px 0;
+ }
+ .md-form {
+ color: $pfont;
+ margin-right: 20px;
+ }
+ .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e3;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: $primary !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .coupon {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e300;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: $primary !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .coupon:focus {
+ color: #495057;
+ background-color: rgb(194, 191, 191) !important;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: red;
+ border-color: red;
+ background-color: red;
+ outline: none !important;
+ box-shadow: none !important;
+ }
+ // .form-check-input:checked ~ .form-check-label::before {
+ // color: red !important;
+ // border-color: red !important;
+ // background-color: red !important;
+ // content: "";
+ // outline: none !important;
+ // box-shadow: none !important;
+ // }
+ .form-check-input:checked {
+ outline: none !important;
+ box-shadow: none !important;
+ }
+ }
+ .checkout_left {
+ margin-top: 70px;
+ .billing {
+ h3 {
+ font-weight: 600;
+ color: $primary-color2;
+ text-transform: uppercase;
+ }
+ p {
+ color: $pfont;
+ margin-top: 15px;
+ }
+ }
+ .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e3;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: transparent !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: $primary-color2 !important;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ .custom-select {
+ display: inline-block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ vertical-align: middle;
+ border: 1px solid $pfont;
+ border-radius: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ box-shadow: none;
+ }
+ .card {
+ border: none;
+ background-color: #f2ede2;
+ .card-body {
+ .md-form {
+ color: $pfont;
+ .lable {
+ color: $black;
+ }
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: $hover;
+ border-color: $hover;
+ background-color: $hover;
+ outline: none;
+ }
+ .form-check-input:checked ~ .form-check-label::before {
+ color: $hover !important;
+ border-color: $hover !important;
+ background-color: $hover !important;
+ content: "";
+ }
+ .input[type="checkbox"],
+ input[type="radio"] {
+ &:before {
+ position: absolute;
+ top: 0.25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ background-color: rgb(138, 23, 23);
+ border: #3e71a5 solid 1px;
+ }
+ }
+ }
+ }
+ }
+ .checkout_right {
+ margin-top: 70px;
+ .order {
+ h3 {
+ font-weight: 600;
+ color: $primary-color2;
+ }
+ .subhead {
+ color: $pfont;
+ padding-top: 10px;
+ }
+ .wrapper {
+ padding-left: 30px;
+ }
+ ul {
+ padding-top: 20px;
+ padding-left: 0;
+ li {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 20px;
+ padding-bottom: 15px;
+ span {
+ padding-right: 30px;
+ }
+ .nn {
+ color: $black;
+ }
+ }
+ }
+ .payment {
+ label {
+ color: $black;
+ }
+ [type="radio"]:checked,
+ [type="radio"]:not(:checked) {
+ position: absolute;
+ left: -9999px;
+ }
+ [type="radio"]:checked + label,
+ [type="radio"]:not(:checked) + label {
+ position: relative;
+ padding-left: 28px;
+ cursor: pointer;
+ line-height: 20px;
+ display: inline-block;
+ color: #666;
+ }
+ [type="radio"]:checked + label:before,
+ [type="radio"]:not(:checked) + label:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 18px;
+ height: 18px;
+ border: 1px solid;
+ border-color: $hover;
+ border-radius: 100%;
+ background: #fff;
+ }
+ [type="radio"]:checked + label:after,
+ [type="radio"]:not(:checked) + label:after {
+ content: "";
+ width: 11px;
+ height: 12px;
+ background: $hover;
+ position: absolute;
+ top: 3px;
+ left: 3px;
+ border-radius: 100%;
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease;
+ }
+ [type="radio"]:not(:checked) + label:after {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ [type="radio"]:checked + label:after {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ }
+ .order_text {
+ font-style: italic;
+ color: $pfont;
+ margin-top: 55px;
+ margin-bottom: 20px;
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_confirmation.scss b/theme_lego/static/src/scss/pages/_confirmation.scss
new file mode 100644
index 000000000..c1e32a1d6
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_confirmation.scss
@@ -0,0 +1,41 @@
+.confirmation {
+ margin-top: 100px;
+ .wrapper {
+ @media screen and(max-width:768px) {
+ padding-bottom: 15px;
+ }
+ h5 {
+ font-weight: 600;
+ margin-bottom: 40px;
+ @media screen and(max-width:768px) {
+ padding-left: 15px;
+ }
+ }
+ ul {
+ padding-left: 0;
+ padding-right: 30px;
+ @media screen and(max-width:768px) {
+ padding: 0 15px;
+ }
+ li {
+ color: $pfont;
+ display: flex;
+ margin-bottom: 15px;
+ justify-content: space-between;
+ span {
+ color: $black;
+ }
+ }
+ }
+ }
+ .billing_details {
+ margin-top: 50px;
+ background-color: $bg;
+ padding: 20px 40px;
+ table {
+ tr {
+ padding-bottom: 10px;
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_contact.scss b/theme_lego/static/src/scss/pages/_contact.scss
new file mode 100644
index 000000000..f37f2d51e
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_contact.scss
@@ -0,0 +1,122 @@
+.contact {
+ margin-top: 100px;
+ .map {
+ .mapouter {
+ position: relative;
+ text-align: right;
+ height: 400px;
+ widows: 100%;
+ .mapouter {
+ overflow: hidden;
+ background: none !important;
+ height: 100%;
+ width: 100%;
+ }
+ }
+ }
+ .contact_form {
+ margin-top: 70px;
+ .contact_left {
+ margin-top: 100px;
+ .wrapper {
+ display: flex;
+ margin-bottom: 20px;
+ span {
+ color: $primary-color;
+ font-size: 20px;
+ }
+ .rc {
+ padding-left: 15px;
+ h4 {
+ font-size: 16px;
+ font-weight: 600;
+ }
+ p {
+ color: $pfont;
+ }
+ }
+ }
+ }
+ }
+ .contact_right {
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: red;
+ border-color: red;
+ background-color: red;
+ outline: none !important;
+ box-shadow: none !important;
+ }
+ // .form-check-input:checked ~ .form-check-label::before {
+ // color: red !important;
+ // border-color: red !important;
+ // background-color: red !important;
+ // content: "";
+ // outline: none !important;
+ // box-shadow: none !important;
+ // }
+ .form-check-input:checked {
+ outline: none !important;
+ box-shadow: none !important;
+ }
+ .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e3;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: $primary !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .card {
+ border: none;
+ background-color: #f2ede2;
+ .card-body {
+ .md-form {
+ color: $pfont;
+ .lable {
+ color: $black;
+ }
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: $hover;
+ border-color: $hover;
+ background-color: $hover;
+ outline: none;
+ }
+ .form-check-input:checked ~ .form-check-label::before {
+ color: $hover !important;
+ border-color: $hover !important;
+ background-color: $hover !important;
+ content: "";
+ }
+ .input[type="checkbox"],
+ input[type="radio"] {
+ &:before {
+ position: absolute;
+ top: 0.25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ background-color: rgb(138, 23, 23);
+ border: #3e71a5 solid 1px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_login.scss b/theme_lego/static/src/scss/pages/_login.scss
new file mode 100644
index 000000000..9b65c0570
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_login.scss
@@ -0,0 +1,76 @@
+.login {
+ margin-top: 100px;
+ .wrapper_img {
+ position: relative;
+ &::before {
+ content: "";
+ position: absolute;
+ background-color: #0000008a;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ }
+ .register {
+ position: absolute;
+ padding: 0 30px;
+ bottom: 30%;
+ color: $white;
+ text-align: center;
+ h5 {
+ margin-bottom: 15px;
+ font-size: 22px;
+ }
+ }
+ img {
+ width: 100%;
+ }
+ }
+ .login_form {
+ margin-top: 70px;
+ padding: 0 20px;
+ h4 {
+ margin-bottom: 50px;
+ }
+ .contact-form {
+ margin-top: 10px;
+ .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-color: transparent;
+ border-bottom-color: $black;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: $black !important;
+ outline: 0;
+ box-shadow: none;
+ }
+ .input-block {
+ margin-bottom: 30px;
+ label {
+ color: $pfont;
+ }
+ }
+ }
+ .forgot {
+ color: $pfont;
+ display: block;
+ text-decoration: none;
+ text-align: center;
+ margin-top: 20px;
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_pages.scss b/theme_lego/static/src/scss/pages/_pages.scss
new file mode 100644
index 000000000..af9f5d1e1
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_pages.scss
@@ -0,0 +1,9 @@
+@import './home/home';
+@import './shop';
+@import './preview';
+@import './checkout';
+@import './cart';
+@import './confirmation';
+@import './login';
+@import './tracking';
+@import './contact';
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/pages/_preview.scss b/theme_lego/static/src/scss/pages/_preview.scss
new file mode 100644
index 000000000..584fc9b62
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_preview.scss
@@ -0,0 +1,308 @@
+.Poduct_preview {
+ margin-top: 100px;
+ @media screen and(max-width:996px) {
+ margin-top: 10px;
+ }
+ .preview_img {
+ padding-top: 30px;
+ position: relative;
+ .wrapper {
+ max-width: 600px;
+ @media screen and(max-width:768px) {
+ padding-bottom: 30px;
+ }
+ img {
+ width: 100%;
+ }
+ }
+ .owl-carousel button.owl-dot span {
+ height: 25px;
+ width: 7px;
+ border-radius: 8px;
+ background-color: $white;
+ background-color: $primary-color;
+ display: block;
+ font-weight: 700;
+ margin: 2px;
+ @media screen and(max-width:576px) {
+ height: 18px;
+ width: 5px;
+ margin: 1px;
+ }
+ }
+ .owl-carousel button.owl-dot.active span {
+ height: 40px;
+ width: 7px;
+ border-radius: 8px;
+ background-color: $primary-color3;
+ @media screen and(max-width:576px) {
+ height: 25px;
+ width: 5px;
+ }
+ }
+ .owl-carousel {
+ position: relative;
+ .owl-dots {
+ position: absolute;
+ bottom: 1%;
+ left: 75%;
+ transform: rotate(89deg);
+ @media screen and(max-width:768px) {
+ bottom: 0;
+ }
+ // @media screen and(max-width:768px) {
+ // left: 100px;
+ // }
+ // @media screen and(max-width:600px) {
+ // left: 75px;
+ // }
+ }
+ }
+ }
+ .preview_details {
+ padding-top: 30px;
+ margin-left: 20px;
+ .preview_heading {
+ color: $title-color;
+ font-size: 25px;
+ font-weight: 600;
+ letter-spacing: 1px;
+ }
+ .price {
+ color: $primary-color;
+ font-size: 28px;
+ font-weight: 700;
+ padding-top: 10px;
+ }
+ .category {
+ padding-left: 0;
+ margin-top: 20px;
+ li {
+ padding-bottom: 10px;
+ a {
+ color: #555;
+ text-decoration: none;
+ span {
+ color: $primary-color;
+ padding-left: 15px;
+ }
+ }
+ }
+ }
+ p {
+ padding-top: 30px;
+ color: $pfont;
+ line-height: 25px;
+ }
+ .product_quantity {
+ display: flex;
+ align-items: center;
+ margin-top: 40px;
+ span {
+ color: $pfont;
+ padding-right: 10px;
+ }
+ #myform {
+ text-align: center;
+ border: 2px solid #ccc;
+ display: flex;
+ border-radius: 0px;
+ width: 100px;
+ justify-content: space-around;
+ align-items: center;
+ .wrapper_q {
+ display: block !important;
+ }
+ }
+ .qty {
+ width: 40px;
+ height: 15px;
+ text-align: center;
+ border: none;
+ }
+ input.qtyplus {
+ width: 25px;
+ border: none;
+ background-color: transparent;
+ display: block !important;
+ padding-top: 4px;
+ }
+ input.qtyminus {
+ width: 25px;
+ border: none;
+ background-color: transparent;
+ }
+ }
+ .add_c {
+ display: flex;
+ align-items: center;
+ margin-top: 20px;
+ .c_icon {
+ padding-left: 10px;
+ a {
+ color: $white;
+ font-size: 18px;
+ }
+ span {
+ height: 37px;
+ width: 37px;
+ background-color: $primary-color3;
+ border-radius: 50%;
+ padding: 11px;
+ margin-left: 10px;
+ &:hover {
+ background-color: $primary-color;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ }
+ }
+ }
+ }
+}
+.preview_tab {
+ margin-top: 100px;
+ .nav-pills {
+ justify-content: center;
+ .nav-item {
+ .active {
+ color: $white !important;
+ border: none;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ border-radius: 0;
+ padding: 12px 22px;
+ }
+ .nav-link {
+ color: $black;
+ }
+ padding: 12px 22px;
+ }
+ }
+ .tab-content {
+ padding-top: 20px;
+ .tab-pane {
+ line-height: 24px;
+ font-size: 14px;
+ font-family: "Roboto", sans-serif;
+ font-weight: 400;
+ color: $pfont;
+ .det {
+ padding: 0 15px;
+ }
+ table {
+ color: $pfont;
+ @media screen and(max-width:600px) {
+ padding: 0 15px;
+ }
+ }
+ .comments {
+ @media screen and(max-width:600px) {
+ padding: 0 15px;
+ }
+ .over_all {
+ margin: auto;
+ text-align: center;
+ background-color: #e8e8e8;
+ height: 150px;
+ width: 150px;
+ h5 {
+ color: $black;
+ margin-bottom: 10px;
+ padding-top: 25px;
+ font-size: 20px;
+ font-weight: 600;
+ }
+ .num {
+ color: $primary;
+ font-size: 40px;
+ font-weight: 700;
+ padding-bottom: 10px;
+ }
+ }
+ .wrapper {
+ margin-top: 20px;
+ }
+ .person {
+ display: flex !important;
+ align-items: center;
+ justify-content: space-between;
+ .p_img {
+ display: flex;
+ align-items: center;
+ .img_d {
+ padding-top: 15px;
+ margin-left: 10px;
+ h6 {
+ color: $black;
+ }
+ }
+ }
+ }
+ .c_p {
+ line-height: 24px;
+ font-size: 14px;
+ font-family: "Roboto", sans-serif;
+ font-weight: 400;
+ color: $pfont;
+ margin-top: 20px;
+ }
+ }
+ .p_comment {
+ .rating {
+ display: flex;
+ padding-bottom: 20px;
+ .star {
+ display: flex;
+ padding-left: 0;
+ margin: 0 10px;
+ li {
+ a {
+ margin-right: 4px;
+ color: #ff9800;
+ span {
+ font-size: 13px;
+ }
+ }
+ }
+ }
+ }
+ h5 {
+ color: $black;
+ }
+ .contact-form {
+ margin-top: 10px;
+ .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-color: transparent;
+ border-bottom-color: $black;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: $black !important;
+ outline: 0;
+ box-shadow: none;
+ }
+ .input-block {
+ margin-bottom: 30px;
+ label {
+ color: $pfont;
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_shop.scss b/theme_lego/static/src/scss/pages/_shop.scss
new file mode 100644
index 000000000..5d035b34b
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_shop.scss
@@ -0,0 +1,148 @@
+.main_product {
+ margin-top: 100px;
+ @media screen and(max-width:600px) {
+ margin-top: 70px;
+ padding: 0 10px;
+ }
+ .product_top {
+ background: $primary-color3;
+ padding: 13px 10px;
+ margin-bottom: 20px;
+ .left {
+ .drp2 {
+ margin-left: 15px !important;
+ }
+ }
+ .dropdown {
+ width: 100%;
+ .btn-secondary {
+ background: $offwhite;
+ border-radius: 0;
+ color: $pfont;
+ width: 80%;
+ }
+ .dropdown-menu {
+ border-radius: 0;
+ border: 0;
+ .dropdown-item {
+ color: $pfont;
+ padding: 10px 4px;
+ &:hover {
+ background: $hover !important;
+ color: $white;
+ }
+ }
+ }
+ // .dropdown-toggle::after {
+ // }
+ }
+ .right {
+ .shop_pagination_area {
+ text-align: center;
+ display: flex;
+ justify-content: end;
+ @media screen and(max-width:768px) {
+ justify-content: left;
+ }
+ .pagination {
+ .page-item.active .page-link {
+ color: $white;
+ background-color: $primary-color;
+ }
+ .page-item {
+ .page-link {
+ color: $black;
+ background-color: $white;
+ border: 0;
+ font-size: 15px;
+ font-weight: 600;
+ border: 2px solid;
+ border: 0;
+ border-radius: 0;
+ border-color: $pfont;
+ height: 35px;
+ width: 37px;
+ box-shadow: none;
+ padding: 8px 10px;
+ &:hover {
+ color: $white;
+ background-color: $primary-color;
+ }
+ }
+ &:nth-child(4) {
+ .page-link {
+ background-color: transparent !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .product_shop {
+ .main_heading {
+ text-align: center;
+ padding-bottom: 10px;
+ h3 {
+ font-size: 25px;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-family: $title-font;
+ color: $title-color;
+ }
+ p {
+ color: $pfont;
+ line-height: 24px;
+ margin-bottom: 33px;
+ }
+ }
+ .wrapper {
+ .product_img {
+ margin-bottom: 50px;
+ .wrapper_img {
+ padding-bottom: 25px;
+ img {
+ width: 100%;
+ }
+ }
+ h5 {
+ color: $title-color;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 15px;
+ font-family: $title-font;
+ }
+ .rate {
+ display: flex;
+ padding-top: 10px;
+ p {
+ color: $title-color;
+ margin-right: 50px;
+ }
+ span {
+ color: $pfont;
+ text-decoration: line-through;
+ }
+ }
+ .product_bottom {
+ display: flex;
+ padding-left: 0;
+ position: relative;
+ li {
+ height: 35px;
+ width: 35px;
+ border-radius: 50%;
+ background-color: $primary-color3;
+ margin-right: 12px;
+ }
+ a {
+ color: $white;
+ span {
+ padding: 11px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/_tracking.scss b/theme_lego/static/src/scss/pages/_tracking.scss
new file mode 100644
index 000000000..df45f3760
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/_tracking.scss
@@ -0,0 +1,43 @@
+.tracking {
+ margin-top: 100px;
+ .track_form {
+ max-width: 70%;
+ margin: auto;
+ p {
+ padding-bottom: 15px;
+ }
+ .contact-form {
+ margin-top: 10px;
+ .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-color: transparent;
+ border-bottom-color: $black;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: $black !important;
+ outline: 0;
+ box-shadow: none;
+ }
+ .input-block {
+ margin-bottom: 30px;
+ label {
+ color: $pfont;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/home/_brands.scss b/theme_lego/static/src/scss/pages/home/_brands.scss
new file mode 100644
index 000000000..3226c1b00
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/home/_brands.scss
@@ -0,0 +1,28 @@
+.brands {
+ margin-top: 100px;
+ @media screen and(max-width:996px) {
+ margin-top: 75px;
+ }
+ @media screen and(max-width:996px) {
+ margin-top: 50px;
+ }
+ .brand_img {
+ max-width: 120px;
+ display: block;
+ margin: auto;
+ @media screen and(max-width:996px) {
+ margin-bottom: 15px;
+ }
+ img {
+ width: 100%;
+ opacity: 0.2;
+ -webkit-transition: all 0.3s ease 0s;
+ -moz-transition: all 0.3s ease 0s;
+ -o-transition: all 0.3s ease 0s;
+ transition: all 0.3s ease 0s;
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/home/_deals.scss b/theme_lego/static/src/scss/pages/home/_deals.scss
new file mode 100644
index 000000000..7c8ad0c3c
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/home/_deals.scss
@@ -0,0 +1,57 @@
+.deals{
+ margin-top: 100px;
+ @media screen and(max-width:996px){
+ margin-top: 75px;
+ }
+ @media screen and(max-width:996px){
+ margin-top: 50px;
+ }
+.r_wrapper{
+ margin-bottom: 20px;
+ .r_img{
+ img{
+ width: 100%;
+ }
+ }
+ .p_deatials{
+padding-left: 10px;
+ a {
+ text-decoration: none;
+ h5{
+ color: $title-color;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-top: 14px !important;
+ font-family: $title-font;
+ font-size: 14px;
+ &:hover{
+ color:$hover !important;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ }
+ }
+ .rate {
+ display: flex;
+ padding-top: 5x;
+ p {
+ color: $title-color;
+ margin-right: 10px;
+ font-weight: 600;
+ }
+ span {
+ color: $pfont;
+ text-decoration: line-through;
+ }
+ }
+ }
+}
+.d_right_img{
+ max-width: 250px;
+ @media screen and(max-width:996px){
+ max-width: 100%;
+ margin-top: 40px;
+ }
+ img{width: 100%;}
+}
+}
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/pages/home/_home.scss b/theme_lego/static/src/scss/pages/home/_home.scss
new file mode 100644
index 000000000..177c1a1a3
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/home/_home.scss
@@ -0,0 +1,5 @@
+@import './services';
+@import './offers';
+@import './hot';
+@import './brands';
+@import './deals';
\ No newline at end of file
diff --git a/theme_lego/static/src/scss/pages/home/_hot.scss b/theme_lego/static/src/scss/pages/home/_hot.scss
new file mode 100644
index 000000000..f42b778f1
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/home/_hot.scss
@@ -0,0 +1,133 @@
+.hot {
+ // display: grid;
+ // grid-template-columns: 1fr 1fr !important;
+ margin-top: 70px;
+ .left {
+ background-image: url(./../img/exclusive.jpg);
+ height: 100vh;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ position: relative;
+ &:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #00000069;
+ }
+ .wrapper {
+ text-align: center;
+ position: relative;
+ padding: 33px 109px;
+ @media screen and(max-width:996px) {
+ padding: 73px 109px;
+ }
+ @media screen and(max-width:576px) {
+ padding: 30px 50px;
+ }
+ z-index: 1;
+ .deal {
+ color: $white;
+ font-size: 33px;
+ font-weight: 600;
+ padding-top: 120px;
+ margin-bottom: 7px;
+ }
+ }
+ .bt {
+ color: $white;
+ font-size: 15px;
+ }
+ #countdown {
+ width: 100%;
+ border-radius: 8px;
+ margin-top: 65px;
+ @media screen and(max-width:576px) {
+ margin-top: 30px;
+ }
+ }
+ label {
+ clear: both;
+ display: block;
+ }
+ #countdown span {
+ color: $white;
+ font-size: 45px;
+ font-weight: 700;
+ text-align: center;
+ width: 25%;
+ // dispaly: block;
+ float: left;
+ }
+ // #countdown span:last-child {
+ // border-right: 1px solid #313233;
+ // }
+ }
+ .right {
+ background-color: $link;
+ height: 100%;
+ padding-top: 20%;
+ .wrapper {
+ text-align: center;
+ position: relative;
+ .img_right {
+ max-width: 350px;
+ margin: auto;
+ img {
+ width: 100%;
+ }
+ }
+ h5 {
+ color: $title-color;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 15px;
+ font-family: $title-font;
+ font-size: 25px;
+ margin-bottom: 30px;
+ }
+ .rate {
+ display: flex;
+ justify-content: center;
+ padding-top: 10px;
+ p {
+ color: $title-color;
+ margin-right: 50px;
+ }
+ span {
+ color: $pfont;
+ text-decoration: line-through;
+ }
+ }
+ }
+ #owl-theme2 {
+ position: relative;
+ .owl-nav {
+ .owl-prev {
+ color: $hover;
+ &:hover {
+ color: $black;
+ }
+ i {
+ font-size: 27px;
+ padding: 10px;
+ }
+ }
+ .owl-next {
+ color: $hover;
+ &:hover {
+ color: $black;
+ }
+ i {
+ font-size: 27px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/home/_offers.scss b/theme_lego/static/src/scss/pages/home/_offers.scss
new file mode 100644
index 000000000..0c9cffb33
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/home/_offers.scss
@@ -0,0 +1,76 @@
+.offers {
+ padding-top: 100px;
+ @media screen and(max-width:996px) {
+ padding-top: 75px;
+ }
+ .tt {
+ @media screen and(max-width:996px) {
+ margin-top: 20px;
+ }
+ }
+ .offer_img {
+ position: relative;
+ img {
+ width: 100%;
+ display: block;
+ height: auto;
+ }
+ .overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: 0.5s ease;
+ background-color: #00000069;
+ &:hover {
+ opacity: 1;
+ }
+ .text {
+ color: white;
+ font-size: 20px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ }
+ }
+ }
+ .offer_left {
+ position: relative;
+ @media screen and(max-width:996px) {
+ margin-top: 25px;
+ }
+ img {
+ width: 100%;
+ }
+ .overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: 0.5s ease;
+ background-color: #00000069;
+ &:hover {
+ opacity: 1;
+ }
+ .text {
+ color: white;
+ font-size: 20px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ }
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/pages/home/_services.scss b/theme_lego/static/src/scss/pages/home/_services.scss
new file mode 100644
index 000000000..eed39293a
--- /dev/null
+++ b/theme_lego/static/src/scss/pages/home/_services.scss
@@ -0,0 +1,22 @@
+.services {
+ margin-top: 100px;
+ .wrapper {
+ text-align: center;
+ @media screen and(max-width:576px) {
+ padding-bottom: 20px;
+ }
+ i {
+ font-size: 48px;
+ padding-bottom: 16px;
+ }
+ h6 {
+ font-size: 18px;
+ font-weight: 500;
+ font-family: $title-font;
+ padding-bottom: 2px;
+ }
+ p {
+ color: $pfont;
+ }
+ }
+}
diff --git a/theme_lego/static/src/scss/style.scss b/theme_lego/static/src/scss/style.scss
new file mode 100644
index 000000000..263684ec7
--- /dev/null
+++ b/theme_lego/static/src/scss/style.scss
@@ -0,0 +1,9 @@
+//Global
+
+@import './variables';
+@import './normalize';
+@import './common';
+@import './elements';
+@import './components/components';
+@import './layout/layouts';
+@import './pages/pages';
\ No newline at end of file
diff --git a/theme_lego/views/add_to_cart.xml b/theme_lego/views/add_to_cart.xml
new file mode 100644
index 000000000..c2ef7faa9
--- /dev/null
+++ b/theme_lego/views/add_to_cart.xml
@@ -0,0 +1,256 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
Product Name
+
+
+
+
+
+
+
+
This product
+ is no longer available.
+
+
+ This product has no valid combination.
+
+
+
+
+
+
+
+
+
+
+ :
+
+
+
+ ,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Product preview
+
+
+
+ Home
+
+ arrow_forward
+
+
+
+ SHOP
+
+ arrow_forward
+
+
+ PODUCTS
+ PREVIEW
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Uncategorized
+
+
+
+
+
+
+
+
+
+
+
+
+ or
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/address.xml b/theme_lego/views/address.xml
new file mode 100644
index 000000000..60b6b70ec
--- /dev/null
+++ b/theme_lego/views/address.xml
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/assets.xml b/theme_lego/views/assets.xml
new file mode 100644
index 000000000..27ecfdbb5
--- /dev/null
+++ b/theme_lego/views/assets.xml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/cart.xml b/theme_lego/views/cart.xml
new file mode 100644
index 000000000..9f2f0ab92
--- /dev/null
+++ b/theme_lego/views/cart.xml
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your previous cart has already been completed.
+ Please proceed your current cart.
+
+
+ This is your current cart.
+
+ Click here if you want to restore your previous cart. Your current cart will be replaced with your previous cart.
+
+ Click here if you want to merge your previous cart into current cart.
+
+
+
+
+
+
+
+ Continue Shopping
+
+
+ Process Checkout
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Checkout
+
+
+
+ Home
+
+ arrow_forward
+
+
+ Cart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_lego/views/deal_back.xml b/theme_lego/views/deal_back.xml
new file mode 100644
index 000000000..af1e00fc9
--- /dev/null
+++ b/theme_lego/views/deal_back.xml
@@ -0,0 +1,13 @@
+
+
+
+ Deal Product
+ product.template
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/footer.xml b/theme_lego/views/footer.xml
new file mode 100644
index 000000000..b70a72522
--- /dev/null
+++ b/theme_lego/views/footer.xml
@@ -0,0 +1,116 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/header.xml b/theme_lego/views/header.xml
new file mode 100644
index 000000000..792871c87
--- /dev/null
+++ b/theme_lego/views/header.xml
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/layout.xml b/theme_lego/views/layout.xml
new file mode 100644
index 000000000..51ea5d1e2
--- /dev/null
+++ b/theme_lego/views/layout.xml
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+ Lego
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/login.xml b/theme_lego/views/login.xml
new file mode 100644
index 000000000..a7e294054
--- /dev/null
+++ b/theme_lego/views/login.xml
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
Login
+
+
+
+ Home
+
+ arrow_forward
+
+
+ Login
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/payment.xml b/theme_lego/views/payment.xml
new file mode 100644
index 000000000..88b96b6f5
--- /dev/null
+++ b/theme_lego/views/payment.xml
@@ -0,0 +1,380 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Edit
+
+
+
+ Billing
+ & Shipping :
+
+
+
+
+ Shipping:
+
+
+
+
+
+
+
+
+
Pay with
+
+
+ Pay Now
+
+
+
+
+
+
+
+
+
+ Return to
+ Cart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Checkout
+
+
+
+ Home
+
+ arrow_forward
+
+
+ CHECKOUT
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Confirmation
+
+
+
+ Home
+
+ arrow_forward
+
+
+
+ CONFIRMATION
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ x
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Price:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Uncategorized
+
+
+
+
+
+
+
+
+
+
+ ,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Comparison
+
+
+
+ Home
+
+ arrow_forward
+
+
+
+ COMPARISON
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Wishlist
+
+
+
+ Home
+
+ arrow_forward
+
+
+
+ WISHLIST
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/shop.xml b/theme_lego/views/shop.xml
new file mode 100644
index 000000000..a5302d880
--- /dev/null
+++ b/theme_lego/views/shop.xml
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Shop Category page
+
+
+
+ Home
+
+ arrow_forward
+
+
+
+ SHOP
+
+ arrow_forward
+
+
+ PODUCTS
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_lego/views/snippets/banner.xml b/theme_lego/views/snippets/banner.xml
new file mode 100644
index 000000000..dc08906f8
--- /dev/null
+++ b/theme_lego/views/snippets/banner.xml
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Adidas New Collection !
+
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing
+ elit, sed do eiusmod tempor
+ incididunt ut
+ labore et
+ dolore magna aliqua. Ut enim
+ ad minim veniam, quis
+ nostrud exercitation.
+
+
+ add Add to
+ bag
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Adidas New Collection !
+
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing
+ elit, sed do eiusmod tempor
+ incididunt ut
+ labore et
+ dolore magna aliqua. Ut enim
+ ad minim veniam, quis
+ nostrud exercitation.
+
+
+ add Add to
+ bag
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Adidas New Collection !
+
+ Lorem ipsum dolor sit amet,
+ consectetur adipisicing
+ elit, sed do eiusmod tempor
+ incididunt ut
+ labore et
+ dolore magna aliqua. Ut enim
+ ad minim veniam, quis
+ nostrud exercitation.
+
+
+ add Add to
+ bag
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/snippets/cart_banner.xml b/theme_lego/views/snippets/cart_banner.xml
new file mode 100644
index 000000000..b7430cea9
--- /dev/null
+++ b/theme_lego/views/snippets/cart_banner.xml
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Checkout
+
+
+
+ Home
+
+ arrow_forward
+
+
+ Cart
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/snippets/contact.xml b/theme_lego/views/snippets/contact.xml
new file mode 100644
index 000000000..68d1291f0
--- /dev/null
+++ b/theme_lego/views/snippets/contact.xml
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Contact
+
+
+
+ Home
+
+ arrow_forward
+
+
+ Contact
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_lego/views/snippets/deal.xml b/theme_lego/views/snippets/deal.xml
new file mode 100644
index 000000000..786e316a3
--- /dev/null
+++ b/theme_lego/views/snippets/deal.xml
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Deals of the week
+
+ Lorem ipsum dolor sit amet, consectetur
+ adipisicing elit, sed do eiusmod tempor
+ incididunt ut
+ labore et
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/snippets/index.xml b/theme_lego/views/snippets/index.xml
new file mode 100644
index 000000000..d92af8988
--- /dev/null
+++ b/theme_lego/views/snippets/index.xml
@@ -0,0 +1,795 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Free Delivery
+
Free Shipping on all order
+
+
+
+
+
+ autorenew
+
+
Return policy
+
Free Shipping on all order
+
+
+
+
+
+
24 / 7 Support
+
Free Shipping on all order
+
+
+
+
+
+
Securre Payment
+
Free Shipping on all order
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Up coming Products
+
+ Lorem ipsum dolor sit amet, consectetur
+ adipisicing elit, sed do eiusmod tempor
+ incididunt ut
+ labore et
+
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+ Addidas Sports shoe
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Exclusive Hot Deals End Soon
+
+
Who are in extremely love with
+ eco friendly system.
+
+
+
+
+ SHOP NOW
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Deals of the week
+
+ Lorem ipsum dolor sit amet, consectetur
+ adipisicing elit, sed do eiusmod tempor
+ incididunt ut
+ labore et
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/views/snippets/login.xml b/theme_lego/views/snippets/login.xml
new file mode 100644
index 000000000..77fab79f1
--- /dev/null
+++ b/theme_lego/views/snippets/login.xml
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Login/Register
+
+
+
+ Home
+
+ arrow_forward
+
+
+ Login
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New to our site
+
+ There are advances being made in science and
+ technology everyday, and a good example of
+ this is the
+
+
Create an
+ account
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_lego/views/snippets/map.xml b/theme_lego/views/snippets/map.xml
new file mode 100644
index 000000000..ce4eebbec
--- /dev/null
+++ b/theme_lego/views/snippets/map.xml
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+