').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_diva/static/src/js/owl.carousel.min.js b/theme_diva/static/src/js/owl.carousel.min.js
new file mode 100644
index 000000000..fbbffc534
--- /dev/null
+++ b/theme_diva/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_diva/static/src/js/popular_product.js b/theme_diva/static/src/js/popular_product.js
new file mode 100644
index 000000000..5bf3b3a94
--- /dev/null
+++ b/theme_diva/static/src/js/popular_product.js
@@ -0,0 +1,22 @@
+odoo.define('theme_diva.popular_product', function(require){
+ 'use strict';
+
+ var publicWidget = require('web.public.widget');
+ var ajax = require('web.ajax');
+ var core = require('web.core')
+
+ publicWidget.registry.get_main_product = publicWidget.Widget.extend({
+ xmlDependencies: ['theme_diva/static/src/xml/index_main_product.xml'],
+ selector : '.main_product',
+ start: function(){
+ var self = this;
+ var QWeb = core.qweb
+ ajax.jsonRpc('/get_main_product', 'call', {})
+ .then((data) => {
+ this.$el.empty().append(QWeb.render('diva_index_main_product',{
+ main_products: data.main_products,
+ }))
+ });
+ }
+ });
+});
\ No newline at end of file
diff --git a/theme_diva/static/src/js/script.js b/theme_diva/static/src/js/script.js
new file mode 100644
index 000000000..57f29ab28
--- /dev/null
+++ b/theme_diva/static/src/js/script.js
@@ -0,0 +1,18 @@
+$(document).ready(function() {
+ var fixHeight = function() {
+ $('.navbar-nav').css(
+ 'max-height',
+ document.documentElement.clientHeight - 150
+ );
+ };
+ fixHeight();
+ $(window).resize(function() {
+ fixHeight();
+ });
+ $('.navbar .navbar-toggler').on('click', function() {
+ fixHeight();
+ });
+ $('.navbar-toggler, .overlay').on('click', function() {
+ $('.mobileMenu, .overlay').toggleClass('open');
+ });
+});
diff --git a/theme_diva/static/src/scss/_common.scss b/theme_diva/static/src/scss/_common.scss
new file mode 100644
index 000000000..86db4ec10
--- /dev/null
+++ b/theme_diva/static/src/scss/_common.scss
@@ -0,0 +1,125 @@
+*:focus {
+ outline: 0 !important;
+ box-shadow: none !important;
+}
+
+*button:focus {
+ border: none;
+ outline: none;
+ box-shadow: none;
+}
+
+* {
+ list-style-type: none;
+
+ font-family: $font-default;
+ font-size: 16px;
+ &:focus,
+ &:active {
+ outline: none !important;
+ }
+}
+
+
+html.sr .load-hidden {
+ visibility: hidden;
+ }
+
+.text {
+ // font-size: 14px;
+ // line-height: 29px;
+ // letter-spacing: 2px;
+}
+
+*:hover {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+}
+
+*::selection {
+ color: rgb(90, 210, 231);
+ background-color: black;
+}
+
+*a,
+a:visited {
+ color: #990000;
+ text-decoration: none;
+}
+
+body {
+ position: relative;
+
+ // background-color: #ffffff; /* light gray */
+ // font-family:$font-third;
+ // font-weight: 500;
+ // p{
+ // font-size: 16px !important;
+ // color: var(--secondary-color) !important;
+ // }
+
+ // a{
+ // color: var(--secondary-color) !important;
+ // }
+ /* dark gray */
+
+ // overflow: hidden;
+ // -webkit-user-select: none;
+ // -moz-user-select: none;
+ // -o-user-select: none;
+ // -ms-user-select: none;
+ // user-select: none;
+}
+
+.affix {
+ top: 0;
+ width: 100%;
+ z-index: 9999 !important;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: var(--secondary-color) !important;
+}
+
+
+
+html {
+ scroll-behavior: smooth;
+}
+
+.heading {
+ text-align: center;
+ margin-bottom: 60px;
+
+ .sub {
+
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 22px;
+ }
+
+ .main {
+
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 30px;
+ font-weight: 700;
+ color: var( --text-color) !important;
+ }
+}
+
+
+
+[data-aos="reveal-bottom"] {
+ transform: scaleY(1);
+ transform-origin: 0% 100%;
+ transition-property: transform;
+ transition-delay: 0.5s;
+ &.aos-animate {
+ transform: scaleY(0);
+ }
+ }
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/_dark.scss b/theme_diva/static/src/scss/_dark.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/_light.scss b/theme_diva/static/src/scss/_light.scss
new file mode 100644
index 000000000..66bcb7169
--- /dev/null
+++ b/theme_diva/static/src/scss/_light.scss
@@ -0,0 +1,143 @@
+// .popout {
+// position: fixed;
+// bottom: 3rem;
+// right: 3rem;
+// }
+// .popout .btn {
+// display: inline-block;
+// position: relative;
+// outline: none;
+// -webkit-user-select: none;
+// user-select: none;
+// cursor: pointer;
+// width: 60px;
+// height: 60px;
+// line-height: 60px;
+// text-align: center;
+// font-size: 32px;
+// z-index: 999;
+// background: rgb(216, 139, 139);
+// color: #00A3DD;
+// border-radius: 50%;
+// box-shadow: 0 0 5px rgba(0,0,0,0.15);
+// transition:0.2s opacity ease-in-out;
+// -webkit-transition:0.2s opacity ease-in-out;
+// }
+// .popout .btn.active {
+// visibility: hidden;
+// opacity: 0;
+// }
+// .popout .btn:after {
+// display: block;
+// position: absolute;
+// top: 0;
+// content: "";
+// border-radius: 50%;
+// width: 60px;
+// height: 60px;
+// background: #fff;
+// z-index: -2;
+// -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
+// -moz-transition: -moz-transform 0.2s, opacity 0.2s;
+// transition: transform 0.2s, opacity 0.2s;
+// }
+// .popout .btn:active:after {
+// -webkit-transform: scale(1.3);
+// -moz-transform: scale(1.3);
+// -ms-transform: scale(1.3);
+// transform: scale(1.3);
+// opacity: 0;
+// }
+// .popout .panel {
+// box-shadow: 0 0 5px rgba(0,0,0,0.15);
+// position: absolute;
+// bottom: 0;
+// right: 0;
+// width: 340px;
+// text-align: left;
+// overflow: hidden;
+// visibility: hidden;
+// transform: scale(0);
+// transform-origin: 100% 100%;
+// transition: all 0.2s;
+// opacity: 0;
+// }
+// .popout .panel.active {
+// height: auto;
+// opacity: 1;
+// visibility: visible;
+// transform: scale(1);
+// transition: transform 0.2s, visibility 0s 0s, opacity 0.2s;
+// }
+// .popout .panel-header {
+// padding: 20px;
+// font-size: 15px;
+// background-color: #1D70A2;
+// color: #fff;
+// border-top-left-radius: 4px;
+// border-top-right-radius: 4px;
+// }
+// .popout .panel-body {
+// padding: 10px 20px;
+// background-color: #fff;
+// border-bottom-left-radius: 4px;
+// border-bottom-right-radius: 4px;
+// font-size: 11px;
+// color: #aaa;
+// }
+
+
+
+
+// // Bg color
+
+// #hex {
+// position: fixed;
+// right: -1%;
+// top: 39%;
+// width: 30px;
+// height: 30px;
+// text-align: center;
+// z-index: 1024;
+// box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
+// margin-bottom: 15px;
+
+// cursor: pointer;
+// }
+
+// #color {
+// outline: none;
+// border: 0;
+// transition: all 0.5s ease;
+// width: 30px;
+// height: 30px;
+// &:hover {
+// transform: scale(1.1);
+// }
+// }
+
+
+// // content color
+
+// #switcher {
+// list-style: none;
+// margin: 0;
+// padding: 0;
+// overflow: hidden;
+// width: 30px;
+
+// position: fixed;
+// top: 34%;
+// right: -1%;
+// z-index: 1024;
+// box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54);
+// cursor: pointer;
+// }
+// #switcher li {
+// float: right;
+// width: 30px;
+// height: 30px;
+// border:none;
+// }
+
+
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/_normalize.scss b/theme_diva/static/src/scss/_normalize.scss
new file mode 100644
index 000000000..eec96676e
--- /dev/null
+++ b/theme_diva/static/src/scss/_normalize.scss
@@ -0,0 +1,352 @@
+/*! 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_diva/static/src/scss/_purple.scss b/theme_diva/static/src/scss/_purple.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/_sky.scss b/theme_diva/static/src/scss/_sky.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/_variables.scss b/theme_diva/static/src/scss/_variables.scss
new file mode 100644
index 000000000..b40406d88
--- /dev/null
+++ b/theme_diva/static/src/scss/_variables.scss
@@ -0,0 +1,49 @@
+//font
+$font-default:'Lora', serif;
+$font-brand:'Sacramento', cursive;
+
+
+//colors
+
+$color-theme: #6b62a1;
+$color-theme2: #bab3e5;
+
+$color-brand: #50449c;
+$color-brand-trans:#50449c6e;
+$color-brand2: #3ec1b6;
+$color-brand3: #0f0e0e;
+$color-black:#000000;
+$color-white:#ffff;
+$color-font:#797979;
+$color-font2:#535353;
+$color-green:#44a038;
+$color-bg:#f7f7f7;
+$color-footer:#121725;
+$color-grey:#6c6a74;
+$color-hover:#e95a5a;
+$color-border:#c3c1cca6;
+$color-transparent:#ffffff00;
+//font-size
+
+
+$font-h1:36px;
+$font-h2: 18px;
+$font-h3:36px;
+$font-h4: 25px;
+$font-h5:36px;
+$font-h6: 18px;
+$font-size-banner:60px;
+$font-heading:46px;
+$font-sub-heading:28px;
+$font-text:14px;
+
+:root{
+ --primar-gradient-color-one: rgba(95, 85, 157, 1);
+ --primar-gradient-color-two: rgba(187, 180, 230, 1);
+ --primar-color: #6b62a1;
+ --secondary-color: #ffffff;
+ --text-color: #000000;
+ --button-color:#50449c ;
+ --footer-color:#bab3e5; ;
+
+}
diff --git a/theme_diva/static/src/scss/components/_banner-index-3.scss b/theme_diva/static/src/scss/components/_banner-index-3.scss
new file mode 100644
index 000000000..d137d3846
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_banner-index-3.scss
@@ -0,0 +1,300 @@
+.banner_3{
+position: relative;
+// ::before{
+// content: " ";
+// position: absolute;
+// height: 100%;
+// width: 100%;
+// top: 0%;
+// left: 0;
+// background-color: rgba(0, 0, 0, 0.021);
+// }
+ .wrapper{
+ .banner_img{
+position: relative;
+display:flex;
+
+justify-content: flex-start;
+align-items: flex-end;
+&::after {
+ content: "";
+ position: absolute;
+ background-color: #0000004a;
+ height: 100%;
+ width: 100%;
+ bottom: 0px;
+ left: 0px;
+}
+.caption{
+ position: absolute;
+ z-index: 3;
+ margin: 0 50px 50px 50px;
+ p{
+ color:var(--secondary-color);
+ font-size: 25px;
+ font-weight: 500;
+ letter-spacing: 0.08em;
+ }
+ span{
+ font-size: 16px;
+ display: flex;
+ color:var(--secondary-color);
+ padding-bottom: 20px;
+
+ }
+ a{
+ color:var(--secondary-color);
+ font-size: 18px;
+ letter-spacing: 0.08em;
+ text-decoration: underline;
+ text-transform: uppercase;
+
+ }
+
+}
+ }
+ }
+
+ .owl-carousel {
+ position: relative;
+ .owl-nav {
+ position: absolute;
+ display: none;
+ right: 0%;
+ bottom: 50%;
+ width: 100%;
+ text-align: center;
+ padding-top: 23px;
+ @media screen and(max-width:996px) {
+ right: 0%;
+ bottom: 20%;
+ }
+ @media screen and(max-width:576px) {
+ right: 0%;
+ bottom: 20%;
+ }
+ }
+ .owl-prev {
+ color: $color-white;
+ margin-right: 15px;
+ position: absolute;
+ left: 0;
+ &:hover {
+ color: $color-white;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ padding-right: 15px;
+ i {
+ font-size: 45px;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+
+ }
+
+ i {
+ font-size: 45px;
+ padding: 15px;
+ margin-left: -50px;
+ @media screen and(max-width:576px) {
+ font-size: 28px;
+ }
+ }
+ .bi-arrow-left-circle{
+ display: none;
+ font-size: 45px;
+ position: absolute;
+ top: -1px;
+ left: 19px;
+ }
+ }
+ .owl-next {
+ color: $color-white;
+ position: absolute;
+ right: 0;
+ &:hover {
+ color: $color-white;
+ padding-left: 15px !important;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ i {
+ font-size: 45px;
+ padding: 15px;
+ }
+ }
+ i {
+ font-size: 45px;
+ padding: 15px;
+ @media screen and(max-width:576px) {
+ font-size: 28px;
+ }
+ }
+ .bi-arrow-right-circle{
+ display: none;
+ font-size: 45px;
+ position: absolute;
+ top: -14px;
+ right: 0px;
+ }
+ }
+ }
+
+
+
+
+
+
+}
+
+
+.banner_3:hover {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ .owl-nav {
+ display: block !important;
+ }
+ .owl-prev {
+ i {
+ margin-left: 0 !important;
+ }
+ &:hover{
+ span{
+ display: block !important;
+ }
+ i{
+ opacity: 0;
+ }
+ }
+
+ }
+ .owl-next {
+ i {
+ margin-left: 0 !important;
+ }
+ &:hover{
+ .bi-arrow-right-circle{
+ display: block !important;
+ }
+ i{
+ display: none !important;
+ }
+ }
+
+ }
+}
+/* Feel free to change duration */
+.animated {
+ -webkit-animation-duration: 1000 ms;
+ animation-duration: 1000 ms;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+/* .owl-animated-out - only for current item */
+/* This is very important class. Use z-index if you want move Out item above In item */
+.owl-animated-out {
+ z-index: 1;
+}
+/* .owl-animated-in - only for upcoming item
+/* This is very important class. Use z-index if you want move In item above Out item */
+.owl-animated-in {
+ z-index: 0;
+}
+/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css: */
+.fadeOut {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+@-webkit-keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes fadeOut {
+ 0% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes mainBlock {
+ 0% {
+ width: 0%;
+ left: 0;
+ }
+ 50% {
+ width: 100%;
+ left: 0;
+ }
+ 100% {
+ width: 0;
+ left: 100%;
+ }
+}
+@keyframes secBlock {
+ 0% {
+ width: 0%;
+ left: 0;
+ }
+ 50% {
+ width: 100%;
+ left: 0;
+ }
+ 100% {
+ width: 0;
+ left: 100%;
+ }
+}
+@keyframes mainFadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes popIn {
+ 0% {
+ width: 0px;
+ height: 0px;
+ background: #e9d856;
+ border: 0px solid #ddd;
+ opacity: 0;
+ }
+ 50% {
+ width: 10px;
+ height: 10px;
+ background: #e9d856;
+ opacity: 1;
+ bottom: 45px;
+ }
+ 65% {
+ width: 7px;
+ height: 7px;
+ bottom: 0px;
+ width: 15px;
+ }
+ 80% {
+ width: 10px;
+ height: 10px;
+ bottom: 20px;
+ }
+ 100% {
+ width: 7px;
+ height: 7px;
+ background: #e9d856;
+ border: 0px solid #222;
+ bottom: 13px;
+ }
+}
+@keyframes secFadeIn {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0.5;
+ }
+}
diff --git a/theme_diva/static/src/scss/components/_banner.scss b/theme_diva/static/src/scss/components/_banner.scss
new file mode 100644
index 000000000..574e01790
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_banner.scss
@@ -0,0 +1,403 @@
+.banner {
+ background-image: url(./../images/banner/banner-bg.jpg);
+ font-family: "Open Sans", sans-serif;
+ overflow: hidden;
+ height: 100vh;
+ background-size: cover;
+ background-position: center;
+ background-attachment: fixed;
+ position: relative;
+ .fixed-top {
+ top: 157px;
+ -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;
+ }
+ .wrapper {
+ display: flex;
+ justify-content: start;
+ align-items: flex-end;
+ height: 100%;
+ .banner_content {
+ padding-bottom: 90px;
+ position: relative;
+ .ss {
+ position: absolute;
+ z-index: 999;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: $color-black;
+ }
+ @media screen and(max-width:992px) {
+ padding-bottom: 120px;
+ }
+ .banner_heading {
+ font-size: 48px;
+ margin-bottom: 20px;
+ color: $color-white;
+ text-transform: capitalize;
+ letter-spacing: 1px;
+ @media screen and(max-width:992px) {
+ font-size: 35px;
+ }
+ }
+ .sub_heading {
+ font-family: $font-brand !important;
+ color: $color-white;
+ font-size: 42px !important;
+ @media screen and(max-width:992px) {
+ font-size: 35px !important;
+ }
+ }
+ }
+ }
+}
+.banner2 {
+ // position: relative;
+ margin-bottom: 80px;
+ @media screen and(max-width:992px) {
+ margin-bottom: 0px;
+ }
+ .fixed-top {
+ top: 157px;
+ -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;
+ }
+ .navigation {
+ color: $color-black;
+ background-color: transparent;
+ z-index: 999;
+ top: 0;
+ width: 100%;
+ .navbar {
+ border: 1px solid;
+ border-top-color: currentcolor;
+ border-right-color: currentcolor;
+ border-bottom-color: currentcolor;
+ border-left-color: currentcolor;
+ border-color: transparent;
+ border-bottom-color: transparent;
+ border-bottom-color: $color-theme2;
+ @media screen and(max-width:992px) {
+ border: transparent !important;
+ }
+ form {
+ @media screen and(max-width:992px) {
+ display: none;
+ }
+ ul {
+ display: flex;
+ margin: 0;
+ li {
+ display: flex;
+ align-items: end;
+ margin-right: 15px;
+ .nav_icon {
+ width: 20px;
+ margin-right: 10px;
+ img {
+ width: 100%;
+ }
+ }
+ span {
+ color: $color-black;
+ @media screen and(max-width:992px) {
+ color: $color-black !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ .navbar-nav {
+ margin-right: auto;
+ color: $color-white;
+ @media screen and(max-width:992px) {
+ margin: 0;
+ width: 100%;
+ }
+ .nav_sub_head {
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ padding-top: 15px !important;
+ border: 1px solid transparent;
+ border-bottom-color: $color-border !important;
+ padding-bottom: 10px;
+ }
+ .nav-item {
+ .nav-link {
+ color: $color-black !important;
+ text-transform: uppercase;
+ @media screen and(max-width:992px) {
+ color: $color-grey !important;
+ &:hover {
+ color: $color-black !important;
+ }
+ }
+ }
+ }
+ }
+ .bg-dark {
+ background-color: transparent !important;
+ @media screen and(max-width:992px) {
+ background-color: $color-white !important;
+ margin-top: -16px;
+ }
+ }
+ .mobileMenu {
+ @media screen and(max-width:414px) {
+ width: 65% !important;
+ }
+ }
+ @media (max-width: 992px) {
+ .mobileMenu {
+ transform: translateX(-100%);
+ position: fixed;
+ top: 0px;
+ bottom: 0;
+ margin: auto;
+ left: 0;
+ z-index: 1029;
+ transition: all ease 0.25s;
+ width: 50%;
+ padding: 50px 30px !important;
+ &.open {
+ transform: translateX(0%);
+ }
+ .navbar-nav {
+ overflow-y: auto;
+ .nav_sub_head {
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ }
+ }
+ }
+ .overlay {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+ background-color: rgba(0, 0, 0, 0.5);
+ display: none;
+ &.open {
+ display: block;
+ z-index: 1028;
+ }
+ }
+ }
+ .mid_section {
+ @media screen and(max-width:992px) {
+ margin-top: -5px;
+ padding-bottom: 25px;
+ }
+ .brand {
+ padding-top: 10px;
+ @media screen and(max-width:992px) {
+ // text-align: center;
+ // margin-top: -25px;
+ }
+ a {
+ color: $color-brand;
+ font-size: 60px;
+ font-family: $font-brand;
+ text-decoration: none;
+ @media screen and(max-width:992px) {
+ font-size: 80px;
+ }
+ }
+ }
+ form {
+ border: 1px solid;
+ border-color: $color-theme2;
+ border-radius: 0px;
+ display: flex;
+ align-items: center;
+ padding: 2px 20px;
+ margin-top: 30px;
+ @media screen and(max-width:992px) {
+ font-size: 80px;
+ margin-top: 0px;
+ width: 65%;
+ margin: auto;
+ margin-bottom: auto;
+ margin-bottom: 25px;
+ margin-top: -15px;
+ }
+ a {
+ color: $color-brand;
+ text-decoration: none;
+ }
+ input {
+ border: none !important;
+ height: calc(1.5em + 1.5rem + 2px);
+ background-color: transparent;
+ }
+ .form-control:focus {
+ background-color: $color-white !important;
+ color: $color-black !important;
+ }
+ }
+ .footer_icon {
+ height: 100%;
+ display: flex;
+ justify-content: end;
+ align-items: center;
+ @media screen and(max-width:992px) {
+ justify-content: center;
+ }
+ a {
+ color: $color-brand;
+ margin-right: 15px;
+ &:hover {
+ color: $color-theme2;
+ }
+ }
+ }
+ }
+ .bottom_section {
+ .navbar {
+ border: transparent !important;
+ background-color: $color-theme !important;
+ padding: 0 15px;
+ .navbar-nav {
+ .nav_sub_head {
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ padding-top: 15px !important;
+ }
+ .nav-item {
+ .nav-link {
+ padding: 15px 20px;
+ &:focus {
+ background-color: $color-brand3 !important;
+ }
+ }
+ }
+ .dropdown {
+ .dropdown-menu {
+ background-color: $color-theme;
+ border-radius: 0;
+ border: 0;
+ top: 160%;
+ @media screen and(max-width:992px) {
+ text-align: center;
+ }
+ }
+ .dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.4rem 2.5rem;
+ clear: both;
+ font-weight: 400;
+ color: #fff;
+ text-align: inherit;
+ white-space: nowrap;
+ border: 0;
+ font-size: 15px;
+ &:hover {
+ color: $color-black;
+ }
+ }
+ }
+ }
+ }
+ }
+ .navbar-toggler {
+ background-color: transparent !important;
+ position: absolute;
+ z-index: 1230;
+ @media screen and(max-width:992px) {
+ right: 40px !important;
+ top: 40px;
+ }
+ @media screen and(max-width:768px) {
+ right: 40px !important;
+ top: 60px;
+ }
+ span {
+ display: block;
+ background-color: $color-brand;
+ height: 3px;
+ width: 25px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ position: relative;
+ left: 0;
+ opacity: 1;
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ /* top line needs a little padding */
+ span:nth-child(1) {
+ margin-top: 0.3em !important;
+ }
+ /**
+ * Animate collapse into X.
+ */
+ /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
+ :not(.collapsed) span:nth-child(1) {
+ transform: translate(15%, -33%) rotate(45deg) !important;
+ }
+ /* center line goes transparent */
+ :not(.collapsed) span:nth-child(2) {
+ opacity: 0 !important;
+ }
+ /* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */
+ :not(.collapsed) span:nth-child(3) {
+ transform: translate(15%, 33%) rotate(-45deg) !important;
+ }
+ /**
+ * Animate collapse open into hamburger menu
+ */
+ /* top line moves back to initial position and rotates back to 0 degrees */
+ span:nth-child(1) {
+ transform: translate(0%, 0%) rotate(0deg) !important;
+ }
+ /* middle line goes back to regular color and opacity */
+ span:nth-child(2) {
+ opacity: 1 !important;
+ }
+ /* bottom line goes back to initial position and rotates back to 0 degrees */
+ span:nth-child(3) {
+ transform: translate(0%, 0%) rotate(0deg) !important;
+ }
+ }
+ }
+}
+.breadcrumb {
+ background-color: transparent;
+ justify-content: start;
+ padding-top: 22px;
+ padding-left: 0;
+ @media screen and(max-width:600px) {
+ justify-content: left;
+ padding-left: 0;
+ }
+ .active {
+ color: $color-black;
+ }
+ .breadcrumb-item {
+ a {
+ color: $color-theme;
+ text-decoration: none;
+ }
+ &:before {
+ display: block;
+ padding-right: 0.5rem;
+ color: #5b5c5c;
+ content: " |";
+ }
+ &:first-child {
+ &::before {
+ display: none !important;
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/components/_banner3.scss b/theme_diva/static/src/scss/components/_banner3.scss
new file mode 100644
index 000000000..681627859
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_banner3.scss
@@ -0,0 +1,212 @@
+.banner3 {
+ background-image: url(./../images/banner/banner-bg3.jpg);
+ font-family: "Open Sans", sans-serif;
+ overflow: hidden;
+ height: 100vh;
+ background-size: cover;
+ background-position: center;
+ background-attachment: fixed;
+ position: relative;
+ @media screen and(max-width:992px) {
+ padding-bottom: 50px;
+ }
+ @media screen and(max-width:768px) {
+ padding-bottom: 0px;
+ height: auto;
+ padding-bottom: 70px;
+ }
+ .bg_text {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ left: 2%;
+ span {
+ color: #4a454538;
+ font-size: 300px;
+ }
+ }
+ .wrapper {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0px 75px;
+ @media screen and(max-width:1200px) {
+ padding: 0;
+ }
+ @media screen and(max-width:992px) {
+ display: block;
+ }
+ .banner_content {
+ padding-top: 110px;
+ padding-left: 70px;
+ @media screen and(max-width:1200px) {
+ padding-left: 40px;
+ }
+ @media screen and(max-width:992px) {
+ padding-top: 250px;
+ }
+ .banner_head {
+ color: $color-white;
+ font-weight: 600;
+ font-size: 80px;
+ letter-spacing: 5px;
+ @media screen and(max-width:992px) {
+ font-size: 55px;
+ }
+ @media screen and(max-width:614px) {
+ font-size: 40px;
+ }
+ }
+ .banner_p {
+ color: $color-white;
+ font-size: 25px !important;
+ padding-top: 10px;
+ line-height: 2.5rem;
+ letter-spacing: 2px;
+ @media screen and(max-width:992px) {
+ font-size: 18px !important;
+ }
+ @media screen and(max-width:614px) {
+ font-size: 16px;
+ line-height: 2.3rem;
+ letter-spacing: 1px;
+ }
+ }
+ }
+ .testimonials {
+ position: relative;
+ @media screen and(max-width:992px) {
+ display: none;
+ }
+ }
+ .inner-testimonials .owl-dots {
+ display: block;
+ position: absolute;
+ bottom: -30px;
+ left: 266px;
+ @media screen and(max-width:1000px) {
+ left: 150px;
+ }
+ @media screen and(max-width:768px) {
+ left: 100px;
+ }
+ @media screen and(max-width:600px) {
+ left: 75px;
+ }
+ span {
+ height: 20px;
+ width: 20px;
+ color: $color-white;
+ background-color: transparent;
+ display: block;
+ font-weight: 700;
+ margin: 5px;
+ }
+ }
+ .owl-carousel button.owl-dot.active span {
+ color: $color-hover;
+ }
+ .custome_slide.owl-carousel .owl-item.active.center .main-reviewimage {
+ border: 2px solid #fff;
+ }
+ .main-reviewimage {
+ border-radius: 50%;
+ // height: 310px;
+ width: 100%;
+ // background: #000;
+ }
+ .main-reviewimage img {
+ opacity: 0.8 !important;
+ }
+ #slide-testimonal .active.center .main-reviewimage img {
+ opacity: 1 !important;
+ }
+ .item {
+ position: relative;
+ opacity: 1;
+ -webkit-transition: 0.4s ease all;
+ transition: 0.4s ease all;
+ margin: 0 -48px;
+ margin-top: 40px;
+ }
+ .inner-testimonials {
+ width: 100%;
+ max-width: 500px;
+ margin: 0 auto;
+ }
+ #slide-testimonal .center .item:before {
+ content: none;
+ transition: 0.7s ease-in-out;
+ }
+ .item img {
+ border-radius: 100%;
+ overflow: hidden;
+ margin: 0 auto;
+ height: 100%;
+ object-fit: cover;
+ opacity: 0.5 !important;
+ }
+ .custome_slide.owl-carousel .owl-item.active.center {
+ transform: scale(1.3);
+ margin-top: 0 !important;
+ position: relative;
+ z-index: 999;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ .custome_slide.owl-carousel .owl-item {
+ transform: scale(0.7);
+ padding: 10px 0px;
+ transition: all 0.5s;
+ }
+ .testimonial_detail {
+ text-align: center;
+ }
+ .testimonial_detail {
+ transform: scale(0.7) !important;
+ width: 447px;
+ position: relative;
+ left: -71px;
+ }
+ .testimonial_detail h4 {
+ font-size: 38px;
+ margin: 0;
+ }
+ .testimonial_detail p {
+ color: #ccc;
+ font-size: 26px;
+ }
+ .custome_slide.owl-carousel .active .testimonial_detail {
+ display: none;
+ }
+ .custome_slide.owl-carousel .active.center .testimonial_detail {
+ display: block !important;
+ }
+ @media only screen and (max-width: 767px) {
+ .main-reviewimage {
+ height: 400px;
+ width: 425px;
+ margin: 0 auto;
+ display: block;
+ }
+ .testimonial_detail {
+ left: inherit;
+ width: 100%;
+ }
+ }
+ }
+}
+
+
+#switch{
+
+ position: fixed;
+ top: 50%;
+ left: 5%;
+ z-index: 1024;
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/components/_button.scss b/theme_diva/static/src/scss/components/_button.scss
new file mode 100644
index 000000000..48d9fdc95
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_button.scss
@@ -0,0 +1,405 @@
+@mixin pseudo($content: "") {
+ position: absolute;
+ content: $content;
+}
+@mixin transition($property: all, $duration: 0.65s, $ease: cubic-bezier(0.165, 0.84, 0.44, 1)) {
+ transition: $property $duration $ease;
+}
+// border: none;
+// outline: 0 !important;
+// -webkit-transition: 0.5s;
+// transition: 0.5s;
+.btn {
+ position: relative;
+ display: inline-block;
+ color: $color-black;
+ border: none;
+ border-radius: 0;
+ outline: 0;
+ // padding: 1.25rem 2rem;
+ font-size: 0.6875rem !important;
+ font-weight: normal;
+ text-align: center;
+ text-transform: uppercase;
+ cursor: pointer;
+ &-populor {
+ position: relative;
+ background-color: transparent !important;
+ i {
+ color: $color-black;
+ font-size: 25px;
+ }
+ border-bottom-right-radius: 30px;
+ padding: 7px 22px;
+ transform: translate(0);
+ &.fill {
+ background: $color-grey !important;
+ }
+ &.outline {
+ background: transparent;
+ border: 0.0625rem solid $color-grey;
+ &::before {
+ background: $color-grey;
+ }
+ }
+ &:hover {
+ color: $color-black;
+ &::before {
+ @include transition(transform, 0.65s, cubic-bezier(0.165, 0.84, 0.44, 1));
+ transform: scaleX(1);
+ transform-origin: 0%;
+ border-bottom-right-radius: 30px;
+ }
+ i {
+ color: $color-white !important;
+ }
+ }
+ &::before {
+ @include pseudo();
+ @include transition(transform, 0.65s, cubic-bezier(0.165, 0.84, 0.44, 1));
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: $color-brand;
+ transform: scaleX(0);
+ transform-origin: 100%;
+ border-bottom-right-radius: 30px;
+ }
+ }
+ &-primary {
+ position: relative;
+ display: inline-block;
+ color: $color-white;
+ border: none;
+ border-radius: 0;
+ outline: 0;
+ padding: 1.25rem 2rem;
+ font-size: 0.6875rem;
+ font-weight: 700;
+ text-align: center;
+ text-transform: uppercase;
+ cursor: pointer;
+ letter-spacing: 0.1875rem;
+ background: var(--button-color);
+ transform: translate(0);
+
+ &.fill {
+ background: $color-grey;
+ }
+ &.outline {
+ background: transparent;
+ border: 0.0625rem solid $color-grey;
+ &::before {
+ background: $color-grey;
+ }
+ }
+ &:hover {
+ color: $color-black;
+ &::before {
+ @include transition(transform, 0.65s, cubic-bezier(0.165, 0.84, 0.44, 1));
+ transform: scaleX(1);
+ transform-origin: 0%;
+ }
+ }
+ &::before {
+ @include pseudo();
+ @include transition(transform, 0.65s, cubic-bezier(0.165, 0.84, 0.44, 1));
+ z-index: -1;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: $color-white;
+ transform: scaleX(0);
+ transform-origin: 100%;
+ }
+ // &:hover {
+ // color: $color-black !important;
+ // background: $color-white !important;
+ // }
+ }
+ &-collapse {
+ background-color: transparent !important;
+ padding: 12px 36px 12px 0;
+ color: $color-brand3 !important;
+ font-size: 16px;
+ font-weight: 600;
+ border-radius: 0;
+ text-transform: uppercase;
+ &:hover {
+ color: $color-grey !important;
+ }
+ }
+ &-login {
+ background-color: $color-brand3 !important;
+ border-color: $color-white;
+ padding: 12px 0px;
+ color: $color-white !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-radius: 0;
+ text-transform: uppercase;
+ margin: 9px 11px 28px 17px;
+ width: 100%;
+ i {
+ margin-right: 10px;
+ font-size: 14px !important;
+ }
+ &:hover {
+ background-color: lighten($color-brand3, 20%) !important;
+ }
+ }
+ &-checkout {
+ background-color: $color-brand3 !important;
+ border-color: $color-white;
+ padding: 12px 55px;
+ color: $color-white !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-radius: 0;
+ text-transform: uppercase;
+ margin: 20px 0;
+ width: 100%;
+ i {
+ margin-right: 10px;
+ font-size: 14px !important;
+ }
+ &:hover {
+ background-color: lighten($color-brand3, 20%) !important;
+ }
+ }
+ &-coupon {
+ background-color: $color-brand !important;
+ border-color: #ffff;
+ padding: 9px 20px;
+ color: #ffff !important;
+ font-size: 15px;
+ font-weight: 600;
+ border-radius: 0;
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+ text-transform: uppercase;
+ height: 40px;
+ margin-left: 15px;
+ @media screen and(max-width:455px) {
+ width: 100%;
+ margin: 0;
+ }
+ }
+ &-calculate {
+ background-color: $color-brand3 !important;
+ border-color: $color-white;
+ padding: 9px 0;
+ color: $color-white !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-radius: 0;
+ text-transform: uppercase;
+ width: 100%;
+ i {
+ margin-right: 10px;
+ font-size: 14px !important;
+ }
+ &:hover {
+ background-color: lighten($color-brand3, 20%) !important;
+ }
+ }
+ &-paypal {
+ background-color: #ffc439 !important;
+ color: $color-white !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 5px;
+ margin: 20px 0;
+ width: 100%;
+ .wrapp {
+ width: 100px;
+ margin: auto;
+ img {
+ width: 100%;
+ }
+ }
+ &:hover {
+ background-color: lighten(#ffc439, 5%) !important;
+ }
+ }
+ &-credit {
+ background-color: #003087 !important;
+ color: $color-white !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 5px;
+ width: 100%;
+ .wrapp {
+ width: 150px;
+ margin: auto;
+ display: flex;
+ align-items: end;
+ img {
+ width: 100%;
+ }
+ i {
+ font-style: italic !important;
+ font-size: 15px;
+ font-weight: 600;
+ margin-left: 4px;
+ }
+ }
+ &:hover {
+ background-color: lighten(#003087, 5%) !important;
+ }
+ }
+ &-add {
+ background-color: $color-brand3 !important;
+ border-color: $color-brand3;
+ padding: 9px 10px;
+ letter-spacing: 2px;
+ font-size: 16px;
+ color: $color-white;
+ border-radius: 0;
+ i {
+ padding-right: 10px;
+ }
+ &:hover {
+ background-color: lighten($color-brand3, 10%) !important;
+ color: $color-white !important;
+ }
+ }
+ &-reset {
+ margin: 9px 11px 28px 17px;
+ background-color: $color-brand !important;
+ border-color: $color-white;
+ padding: 12px 0px;
+ color: $color-white !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-radius: 0;
+ text-transform: uppercase;
+ width: 100%;
+ i {
+ margin-right: 10px;
+ font-size: 14px !important;
+ }
+ &:hover {
+ background-color: lighten($color-brand, 20%) !important;
+ }
+ }
+ &-product {
+ background: var(--button-color);
+
+ border-color: $color-white;
+ padding: 7px 22px;
+ color: $color-white ;
+ font-size: 12px;
+ font-weight: 400;
+ border-radius: 0;
+ text-transform: uppercase;
+ &:hover {
+ color: $color-white !important;
+ background: $color-brand2 !important;
+ }
+ }
+ &-black {
+ background-color: transparent !important;
+ border-color: $color-brand;
+ padding: 19px 36px;
+ color: $color-brand !important;
+ font-size: 16px;
+ font-weight: 600;
+ border-radius: 0;
+ border: 1px solid !important;
+ &:hover {
+ color: $color-white !important;
+ background: $color-brand !important;
+ }
+ @media screen and(max-width:376px) {
+ padding: 12px 30px;
+ }
+ }
+
+ &-user {
+ background-color: transparent !important;
+ border-color: transparent;
+ padding: 19px 36px;
+ color: $color-brand !important;
+ font-size: 19px;
+ font-weight: 600;
+ border-radius: 0;
+ letter-spacing: 0.1875rem;
+ border:none;
+ &:hover {
+ color: $color-white !important;
+ background: $color-brand !important;
+ }
+ @media screen and(max-width:376px) {
+ padding: 12px 30px;
+ }
+ }
+ &-black2 {
+ background-color: transparent !important;
+ border-color: $color-brand;
+ padding: 16px 36px;
+ color: $color-brand !important;
+ font-size: 14px;
+ font-weight: 600;
+ border-radius: 0;
+ border: 1px solid !important;
+ margin-left: 20px;
+ &:hover {
+ color: $color-white !important;
+ background: $color-brand !important;
+ }
+ @media screen and(max-width:376px) {
+ padding: 12px 30px;
+ }
+ }
+ &-c_cart {
+ background-color: transparent !important;
+ border-color: $color-brand;
+ padding: 12px 36px;
+ color: $color-brand !important;
+ font-size: 16px;
+ font-weight: 600;
+ border-radius: 0;
+ border: 1px solid !important;
+ &:hover {
+ color: $color-white !important;
+ background: $color-brand !important;
+ }
+ }
+ &:focus,
+ &.focus {
+ outline: 0;
+ }
+ &-sub {
+ background-color: $color-brand !important;
+ border-color: $color-brand !important;
+ padding: 20px 30px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ color: #ffffff;
+ font-weight: 600;
+ width: 100%;
+ &:hover {
+ background-color: $color-black !important;
+ border: none !important;
+ color: $color-white;
+ }
+ @media screen and(max-width:991px) {
+ width: 100% !important;
+ }
+ @media screen and(max-width:767px) {
+ width: 80% !important;
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/components/_color_changer.scss b/theme_diva/static/src/scss/components/_color_changer.scss
new file mode 100644
index 000000000..a3d4631c4
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_color_changer.scss
@@ -0,0 +1,101 @@
+.color_changer {
+ position: fixed;
+ float: right;
+ right: -3%;
+ top: 44%;
+ display: grid;
+ &:hover {
+ right: -1% !important;
+ }
+ .input_wrapp {
+ position: relative;
+ display: grid;
+ &:hover {
+ .detail,
+ .detail2 {
+ opacity: 1 !important;
+ z-index: 999 !important ;
+ }
+ }
+ .detail {
+ position: absolute;
+ padding: 5px 5px;
+ background: var(--primar-gradient-color-one);
+ background: -moz-linear-gradient(
+ 0deg,
+ var(--primar-gradient-color-one) 0%,
+ var(--primar-gradient-color-two) 100%
+ );
+ background: -webkit-linear-gradient(
+ 0deg,
+ var(--primar-gradient-color-one) 0%,
+ var(--primar-gradient-color-two) 100%
+ );
+ background: linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ color: #ffff;
+ z-index: 999;
+ top: 17px;
+ right: 80px;
+ transition: all, 0.3s;
+ opacity: 0;
+ width: 120px;
+ &::after {
+ content: " ";
+ background: var(--primar-gradient-color-one);
+ background: -moz-linear-gradient(
+ 0deg,
+ var(--primar-gradient-color-one) 0%,
+ var(--primar-gradient-color-two) 100%
+ );
+ background: -webkit-linear-gradient(
+ 0deg,
+ var(--primar-gradient-color-one) 0%,
+ var(--primar-gradient-color-two) 100%
+ );
+ background: linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ height: 8px;
+ width: 8px;
+ position: absolute;
+ top: 13px;
+ transform: rotate(43deg);
+ right: -4px;
+ }
+ }
+ .detail2 {
+ position: absolute;
+ padding: 5px 5px;
+ background: var(--primar-color);
+ color: #ffff;
+ z-index: 999;
+ top: 67px;
+ right: 80px;
+ transition: all, 0.3s;
+ opacity: 0;
+ width: 120px;
+ &::after {
+ content: " ";
+ background: var(--primar-color);
+ height: 8px;
+ width: 8px;
+ position: absolute;
+ top: 13px;
+ transform: rotate(43deg);
+ right: -4px;
+ }
+ }
+ }
+}
+input[type="color"] {
+ background: none;
+ border: 0;
+ cursor: pointer;
+ height: 34px;
+ padding: 0;
+ width: 50px;
+ box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
+ &:hover {
+ transform: scale(2);
+ transition: 0.3s ease-in-out;
+ }
+}
diff --git a/theme_diva/static/src/scss/components/_components.scss b/theme_diva/static/src/scss/components/_components.scss
new file mode 100644
index 000000000..f2d89f1a2
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_components.scss
@@ -0,0 +1,8 @@
+@import './banner';
+@import './button';
+@import './product';
+@import './banner3';
+@import './preloader';
+@import './floating_button';
+@import './color_changer';
+@import './landing-banner'
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/components/_floating_button.scss b/theme_diva/static/src/scss/components/_floating_button.scss
new file mode 100644
index 000000000..27ceb22a6
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_floating_button.scss
@@ -0,0 +1,104 @@
+
+ .floating-button-menu {
+ z-index: 5;
+ position: fixed;
+ bottom: 40px;
+ right: 40px;
+ cursor: pointer;
+ background: var(--primar-gradient-color-one);
+ background: -moz-linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ background: -webkit-linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ background: linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ border-radius: 50%;
+ min-width: 55px;
+ max-width: 0px;
+ min-height: 55px;
+ max-height: 0px;
+ box-shadow: 2px 2px 8px 2px rgba(0,0,0,.6);
+ transition: all ease-in-out .3s;
+ &:hover {
+ background: $color-theme;
+ }
+ .floating-button-menu-links {
+ width: 0;
+ height: 0;
+ overflow: hidden;
+ opacity: 0;
+ transition: all .4s;
+ a {
+ position: relative;
+ color: #454545;
+ text-transform: uppercase;
+ text-decoration: none;
+ line-height: 50px;
+ display: block;
+ display: block;
+ border-bottom: 1px solid #ccc;
+ width: 100%;
+ height: 50px;
+ padding: 0 20px;
+ border-bottom: 1px solid #ccc;
+ transition: background ease-in-out .3s;
+ background: var( --primar-color);
+ &:hover {
+ background: rgba(0,0,0,.1)
+ }
+ &:last-child {
+ border-bottom: 0px solid #fff;
+ }
+ }
+ &.menu-on {
+ background: #fff;
+ width: 450px;
+ height: 400px;
+ border-radius: 10px;
+ opacity: 1;
+ transition: all ease-in-out .5s;
+ }
+
+ }
+ .floating-button-menu-label {
+ text-align: center;
+ line-height: 55px;
+ font-size: 30px;
+ color: #fff;
+ opacity: 1;
+ transition: opacity .3s;
+ }
+ &.menu-on {
+ background: #fff;
+ max-width: 340px;
+ max-height: 3300px;
+ border-radius: 10px;
+ .floating-button-menu-links {
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ transition: all ease-in-out 1s;
+ }
+ .floating-button-menu-label {
+ height: 0px;
+ overflow: hidden;
+ }
+ }
+ }
+ .floating-button-menu-close {
+ position: fixed;
+ z-index: 2;
+ width: 0%;
+ height: 0%;
+ &.menu-on {
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,.1);
+ }
+ }
+
+
+
+ .rtl-direction {
+ direction: rtl;
+ }
+ .ltr-direction {
+ direction: ltr;
+ }
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/components/_landing-banner.scss b/theme_diva/static/src/scss/components/_landing-banner.scss
new file mode 100644
index 000000000..36cc933c4
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_landing-banner.scss
@@ -0,0 +1,44 @@
+.landing_banner {
+ background-image: linear-gradient( 88deg , rgba(0, 0, 0, 0.281), rgba(0, 0, 0, 0)),
+ url(./../images/landing_page/landing-banner.jpg) !important;
+ font-family: "Open Sans", sans-serif;
+
+ height: 100vh;
+ background-size: cover;
+
+ position: relative;
+ @media screen and(max-width:768px) {
+ height: 70vh;
+ }
+ .wrapper{
+
+ display: flex;
+justify-content: end;
+align-items: center;
+.banner_content{
+padding-left: 110px;
+ padding-top: 104px;
+
+ @media screen and(max-width:992px) {
+ padding-left: 40px;
+ padding-top: 104px;
+ padding-right: 30px;;
+ }
+
+ .sub_heading_land{
+ color: $color-white !important;
+ }
+ .banner_heading{
+ font-size: 50px;
+ line-height: 1.2em;
+ @media screen and(max-width:768px) {
+ font-size: 40px;
+ }
+ @media screen and(max-width:576px) {
+ font-size: 30px;
+ }
+ }
+}
+ }
+}
+
diff --git a/theme_diva/static/src/scss/components/_preloader.scss b/theme_diva/static/src/scss/components/_preloader.scss
new file mode 100644
index 000000000..5a2807d07
--- /dev/null
+++ b/theme_diva/static/src/scss/components/_preloader.scss
@@ -0,0 +1,150 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+.no-scroll-y {
+ overflow-y: hidden;
+}
+/* Preloader */
+.ctn-preloader {
+ align-items: center;
+ cursor: none;
+ display: flex;
+ height: 100%;
+ justify-content: center;
+ position: fixed;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 1500;
+}
+.ctn-preloader .animation-preloader {
+ position: absolute;
+ z-index: 100;
+}
+/* Spinner cargando */
+.ctn-preloader .animation-preloader .spinner {
+ animation: spinner 1s infinite linear;
+ border-radius: 50%;
+ border: 3px solid rgba(0, 0, 0, 0.2);
+ border-top-color: #000000; /* No se identa por orden alfabetico para que no lo sobre-escriba */
+ height: 9em;
+ margin: 0 auto 3.5em auto;
+ width: 9em;
+}
+/* Texto cargando */
+.ctn-preloader .animation-preloader .txt-loading {
+ font: bold 5em "Montserrat", sans-serif;
+ text-align: center;
+ user-select: none;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
+ animation: letters-loading 4s infinite;
+ color: #000000;
+ content: attr(data-text-preloader);
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ transform: rotateY(-90deg);
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading {
+ color: rgba(0, 0, 0, 0.2);
+ position: relative;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
+ animation-delay: 0.2s;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
+ animation-delay: 0.4s;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
+ animation-delay: 0.6s;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
+ animation-delay: 0.8s;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
+ animation-delay: 1s;
+}
+.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
+ animation-delay: 1.2s;
+}
+.ctn-preloader .loader-section {
+ background-color: #ffffff;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ width: calc(50% + 1px);
+}
+.ctn-preloader .loader-section.section-left {
+ left: 0;
+}
+.ctn-preloader .loader-section.section-right {
+ right: 0;
+}
+/* Efecto de fade en la animación de cargando */
+.loaded .animation-preloader {
+ opacity: 0;
+ transition: 0.3s ease-out;
+}
+/* Efecto de cortina */
+.loaded .loader-section.section-left {
+ transform: translateX(-101%);
+ transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
+}
+.loaded .loader-section.section-right {
+ transform: translateX(101%);
+ transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
+}
+/* Animación del preloader */
+@keyframes spinner {
+ to {
+ transform: rotateZ(360deg);
+ }
+}
+/* Animación de las letras cargando del preloader */
+@keyframes letters-loading {
+ 0%,
+ 75%,
+ 100% {
+ opacity: 0;
+ transform: rotateY(-90deg);
+ }
+ 25%,
+ 50% {
+ opacity: 1;
+ transform: rotateY(0deg);
+ }
+}
+/* Tamaño de portatil hacia atras (portatil, tablet, celular) */
+@media screen and (max-width: 767px) {
+ /* Preloader */
+ /* Spinner cargando */
+ .ctn-preloader .animation-preloader .spinner {
+ height: 8em;
+ width: 8em;
+ }
+ /* Texto cargando */
+ .ctn-preloader .animation-preloader .txt-loading {
+ font-size: 50px !important;
+ }
+}
+@media screen and (max-width: 500px) {
+ /* Prelaoder */
+ /* Spinner cargando */
+ .ctn-preloader .animation-preloader .spinner {
+ height: 7em;
+ width: 7em;
+ }
+ /* Texto cargando */
+ .ctn-preloader .animation-preloader .txt-loading {
+ font: bold 2em;
+ }
+}
+.ctn-preloader .animation-preloader .txt-loading {
+ span {
+ font-size: 50px !important;
+ }
+}
diff --git a/theme_diva/static/src/scss/components/_product.scss b/theme_diva/static/src/scss/components/_product.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/layout/_footer.scss b/theme_diva/static/src/scss/layout/_footer.scss
new file mode 100644
index 000000000..b391a426f
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_footer.scss
@@ -0,0 +1,157 @@
+.footer {
+ background: var(--footer-color);
+ padding: 40px 0;
+ .wrapper {
+ .accordion {
+ background-color: transparent !important;
+ color: #444;
+ cursor: auto;
+ padding: 0;
+ width: 100%;
+ border: none;
+ text-align: center;
+ outline: none;
+ font-size: 15px;
+ transition: 0.4s;
+ display: none;
+ @media screen and(max-width:768px) {
+ display: block !important;
+ }
+ .accordion-button {
+ background: $color-brand;
+ width: 100%;
+ display: block;
+ padding: 10px 0px;
+ font-weight: 700;
+ color: $color-white;
+ text-decoration: none;
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ &:hover {
+ background-color: $color-theme;
+ }
+ }
+ }
+ .content {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ .footer_content {
+ .list-group {
+ .list-group-item {
+ background-color: transparent;
+ border: transparent;
+ text-align: center;
+ a {
+ color: $color-brand3;
+ text-decoration: none;
+ &:hover {
+ color: $color-white;
+ }
+ }
+ }
+ }
+ }
+ // .wrapp{
+ // }
+ .copyright {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 40px;
+ border: 1px solid;
+ border-color: transparent;
+ border-top-color: $color-theme !important;
+ padding-top: 15px;
+ @media screen and(max-width:992px) {
+ display: contents !important;
+ margin: 0px 20px;
+ }
+ .copy {
+ padding-top: 20px;
+ color: $color-white;
+ text-align: start;
+ font-size: 14px !important;
+ @media screen and(max-width:992px) {
+ margin: auto;
+ padding: 20px 10px 0 20px;
+ text-align: center;
+ }
+ a {
+ color: $color-brand;
+ }
+ span {
+ color: $color-brand;
+ }
+ }
+ }
+ .footer_icons {
+ padding-top: 10px;
+ text-align: center;
+ display: flex;
+ justify-content: start;
+ @media screen and(max-width:992px) {
+ margin: auto;
+ padding-top: 20px;
+ }
+ a {
+ display: block;
+ color: $color-black;
+ margin-right: 8px;
+ span {
+ height: 31px;
+ width: 43px;
+ font-size: 28px;
+ padding-top: 1px;
+ border-radius: 2px !important;
+ color: $color-white;
+ }
+ &:nth-child(1) {
+ span {
+ color: rgb(255, 255, 255) !important;
+ &:hover {
+ color: rgb(255, 255, 255) !important;
+ background: rgb(5, 85, 151) !important;
+ }
+ }
+ }
+ &:nth-child(2) {
+ span {
+ color: rgb(255, 255, 255) !important;
+ &:hover {
+ color: rgb(255, 255, 255) !important;
+ background: rgb(41, 111, 240) !important;
+ }
+ }
+ }
+ &:nth-child(3) {
+ span {
+ color: rgb(255, 255, 255) !important;
+ &:hover {
+ color: rgb(255, 255, 255) !important;
+ background: rgb(248, 130, 51) !important;
+ }
+ }
+ }
+ &:nth-child(4) {
+ span {
+ color: rgb(255, 255, 255) !important;
+ &:hover {
+ color: rgb(255, 255, 255) !important;
+ background: rgba(178, 202, 40, 0.801) !important;
+ }
+ }
+ }
+ &:nth-child(5) {
+ span {
+ color: rgb(255, 255, 255) !important;
+ &:hover {
+ color: rgb(255, 255, 255) !important;
+ background: rgba(40, 178, 202, 0.801) !important;
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/layout/_footer_2.scss b/theme_diva/static/src/scss/layout/_footer_2.scss
new file mode 100644
index 000000000..fb8606227
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_footer_2.scss
@@ -0,0 +1,151 @@
+.footer_2 {
+ padding-bottom: 100px;
+ @media screen and(max-width:768px) {
+ padding-bottom: 40px;
+ }
+ .navbar-brand {
+ color: $color-brand;
+ font-size: 80px;
+ font-weight: 400;
+ margin-right: 8rem;
+ font-family: $font-brand !important;
+ margin-top: 40px;
+ span {
+ font-size: 36px;
+ font-weight: 700;
+ color: $color-hover;
+ }
+ &:hover {
+ color: $color-hover !important;
+ }
+ @media screen and(max-width:1016px) {
+ margin-right: 3rem;
+ }
+ }
+ .wrappers {
+ padding: 40px 60px 40px 40px;
+ @media screen and(max-width:992px) {
+ padding: 50px 60px 40px 0px;
+ }
+ @media screen and(max-width:576px) {
+ padding: 50px 60px 40px 0px;
+ }
+ .forms-gds {
+ display: grid;
+ grid-template-columns: 2fr 1fr;
+ @media screen and(max-width:576px) {
+ grid-template-columns: 3fr 1fr;
+ }
+ .form-input {
+ input {
+ width: 100%;
+ background-color: #ececec;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border: none;
+ padding: 19px 30px;
+ color: #2f2f2f;
+ }
+ }
+ }
+ .address {
+ padding-top: 40px;
+ display: flex;
+ justify-content: space-between;
+ @media screen and(max-width:576px) {
+ display: block;
+ }
+ .number {
+ @media screen and(max-width:576px) {
+ margin-bottom: 30px;
+ }
+ a {
+ text-decoration: none;
+ font-size: 20px;
+ letter-spacing: 2px;
+ color: $color-brand3;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ }
+ .landmark {
+ span {
+ text-decoration: none;
+ font-size: 20px;
+ letter-spacing: 2px;
+ color: $color-brand3;
+ }
+ }
+ }
+ .copy {
+ padding-top: 40px;
+ color: $color-brand3;
+ text-align: start;
+ font-size: 14px !important;
+ @media screen and(max-width:992px) {
+ margin: auto;
+ text-align: center;
+ }
+ @media screen and(max-width:768px) {
+ padding: 0px px 0 0px;
+ }
+ a {
+ color: $color-brand;
+ text-decoration: none;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ span {
+ color: $color-brand;
+ }
+ }
+ }
+ .links {
+ display: flex;
+ margin-top: 40px;
+ @media screen and(max-width:768px) {
+ margin-top: 10px;
+ }
+ @media screen and(max-width:576px) {
+ margin-top: 0px;
+ }
+ :first-child {
+ padding-right: 10px;
+ @media screen and(max-width:992px) {
+ padding-right: 80px;
+ }
+ @media screen and(max-width:768px) {
+ padding-right: 20px;
+ }
+ }
+ .list-group {
+ &:hover {
+ :first-child {
+ .list-group-item {
+ border-top-color: transparent !important;
+ }
+ }
+ }
+ .list-group-item {
+ // border: 1px solid;
+ border-left-color: transparent !important;
+ border-right-color: transparent !important;
+ border-top-color: $color-font;
+ border-bottom-color: $color-font;
+ font-size: 18px;
+ letter-spacing: 2px;
+ @media screen and(max-width:768px) {
+ font-size: 16px;
+ letter-spacing: 1px;
+ }
+ &:hover {
+ border-top-color: $color-hover;
+ border-bottom-color: $color-hover;
+ background: transparent;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/layout/_forms.scss b/theme_diva/static/src/scss/layout/_forms.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/layout/_grid.scss b/theme_diva/static/src/scss/layout/_grid.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/layout/_header.scss b/theme_diva/static/src/scss/layout/_header.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_diva/static/src/scss/layout/_land-footer.scss b/theme_diva/static/src/scss/layout/_land-footer.scss
new file mode 100644
index 000000000..6e7bdc86e
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_land-footer.scss
@@ -0,0 +1,48 @@
+.land_footer{
+ padding-top: 70px;
+ .wrapper{
+ .l_wrapp{
+ .list-group{
+ .list-group-item{
+ border: none !important;
+ text-align: center;
+ a{
+ color: $color-brand3;
+ }
+ }
+ }
+ }
+ .f_bottom{
+ text-align: center;
+ background-color: #cbcbcb;;
+ padding: 25px 0;
+ a{
+ color: $color-brand2;
+ }
+ }
+ }
+}
+.back-to-top {
+ cursor: pointer;
+}
+.elevator svg {
+ width: 28px;
+ height: 28px;
+ display: block;
+ margin: auto;
+ margin-bottom: 5px;
+ transform: rotate(
+-90deg
+);
+ position: absolute;
+ right: 40px;
+ bottom: 70px;
+
+}
+.elevator svg path {
+ fill: rgb(32, 31, 30);
+ &:hover{
+ fill: rgb(224, 162, 28) !important;
+
+ }
+}
diff --git a/theme_diva/static/src/scss/layout/_landing_navigation.scss b/theme_diva/static/src/scss/layout/_landing_navigation.scss
new file mode 100644
index 000000000..66d6bcf6b
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_landing_navigation.scss
@@ -0,0 +1,247 @@
+.landing_navigation {
+ background-color: transparent;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ @media screen and(max-width:992px) {
+ background-color: transparent !important;
+ }
+ .navbar {
+ padding: 10px 0;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ @media screen and(max-width:992px) {
+ .navbar-nav {
+ display: inline;
+ text-align: end;
+ padding-right: 30px;
+ padding-top: 20px;
+ .nav-item {
+ padding-right: 30px;
+ padding-top: 30px;
+ }
+ }
+ }
+ .navbar-toggler {
+ background-color: $color-black;
+ .navbar-toggler-icon {
+ color: $color-black;
+ }
+ // &:hover {
+ // }
+ }
+ .navbar-brand {
+ color: $color-brand;
+ font-size: 80px;
+ font-weight: 400;
+ margin-right: 8rem;
+ font-family: $font-brand !important;
+ span {
+ font-size: 36px;
+ font-weight: 700;
+ color: $color-hover;
+ }
+ &:hover {
+ color: $color-hover !important;
+ }
+ @media screen and(max-width:1016px) {
+ margin-right: 3rem;
+ }
+ @media (max-width: 768px) {
+ margin-right: 10rem;
+ }
+ }
+ .nav-item {
+ margin: auto;
+ .nav-link {
+ padding-right: 1.5rem;
+ padding-left: 1.5rem;
+ color: $color-white;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-size: 14px;
+ @media screen and(max-width:1000px) {
+ padding-right: 5px;
+ padding-left: 5px;
+ }
+ &:hover {
+ color: $color-hover !important;
+ }
+ }
+ }
+ .active {
+ .nav-link {
+ color: $color-font2 !important;
+ }
+ }
+ .wrapper {
+ margin-left: 75px;
+ @media screen and(max-width:992px) {
+ margin-left: 0;
+ text-align: end;
+ }
+ }
+ a {
+ color: $color-font;
+ text-decoration: none;
+ align-items: baseline;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .nav-link {
+ color: $color-font;
+ text-decoration: none;
+ align-items: baseline;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .cart {
+ margin-right: 20px;
+ position: relative;
+ span {
+ color: $color-white;
+ margin-right: 5px;
+ font-size: 30px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ display: inline-block;
+ text-align: center;
+ line-height: 41px;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .cart_count {
+ position: absolute;
+ color: $color-brand !important;
+ font-weight: 900;
+ font-size: 20px;
+ right: 0;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ }
+ .search {
+ span {
+ color: $color-white;
+ margin-left: 20px;
+ font-size: 20px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ display: inline-block;
+ text-align: center;
+ line-height: 41px;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ }
+ }
+ .offcanvas-header {
+ display: none;
+ }
+ @media (max-width: 992px) {
+ .offcanvas-header {
+ display: flex;
+ justify-content: end;
+ }
+ .navbar-collapse {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 100%;
+ width: 50%;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ overflow-y: auto;
+ visibility: hidden;
+ background-color: #271717;
+ transition: visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
+ }
+ .navbar-collapse.show {
+ visibility: visible;
+ transform: translateX(-100%);
+ }
+ }
+ // @keyframes slidein {
+ // from {
+ // margin-left: 100%;
+ // width: 300%;
+ // }
+ // to {
+ // margin-left: 0%;
+ // width: 100%;
+ // }
+ // }
+ #myDIV {
+ width: 100%;
+ padding: 50px 0;
+ text-align: center;
+ background-color: lightblue;
+ margin-top: 20px;
+ }
+ .circle {
+ display: blo;
+ color: blue;
+ }
+ .navbar-dark .navbar-nav .nav-link:focus,
+ .navbar-dark .navbar-nav .nav-link:hover {
+ color: rgb(0, 0, 0);
+ }
+ #new {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ #main_nav {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ .dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0.125rem 0 0;
+ font-size: 1rem;
+ color: #ffffff !important;
+ text-align: left;
+ list-style: none;
+ background-color: $color-brand;
+ background-clip: padding-box;
+ border: none;
+ border-radius: 0.25rem;
+ a {
+ color: #fff !important;
+ text-decoration: none;
+ &:hover {
+ color: $color-hover !important;
+ background-color: transparent !important;
+ }
+ }
+ }
+ .navbar-dark {
+ @media (max-width: 768px) {
+ margin-top: -25px !important;
+ }
+ }
+}
+
+
+
+@media screen and(max-width:992px) {
+ .widget{
+ opacity: 1 !important;
+ }
+}
+
diff --git a/theme_diva/static/src/scss/layout/_layouts.scss b/theme_diva/static/src/scss/layout/_layouts.scss
new file mode 100644
index 000000000..3767f9195
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_layouts.scss
@@ -0,0 +1,8 @@
+@import './navigation';
+@import './footer';
+@import './sidebar';
+@import './model';
+@import './navigation2';
+@import './footer_2';
+@import './landing_navigation';
+@import './land-footer';
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/layout/_model.scss b/theme_diva/static/src/scss/layout/_model.scss
new file mode 100644
index 000000000..5dbd84c67
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_model.scss
@@ -0,0 +1,259 @@
+.modal {
+ .modal-dialog {
+ max-width: 725px;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ .modal-content {
+ border-radius: 0;
+ .modal-header {
+ border: none;
+ }
+ .modal-body {
+ .preview_modal {
+ .product_wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .img_wrapperr {
+ width: 260px;
+ max-width: 400px;
+ // @media screen and(max-width:992px) {
+ // margin: auto;
+ // width: 375px;
+ // padding-bottom: 20px;
+ // }
+ // @media screen and(max-width:576px) {
+ // margin: auto;
+ // width: 300px;
+ // padding-bottom: 20px;
+ // }
+ // @media screen and(max-width:380px) {
+ // margin: auto;
+ // width: 250px;
+ // padding-bottom: 20px;
+ // }
+ img {
+ width: 100%;
+ }
+ }
+ .product_details {
+ @media screen and(max-width:768px) {
+ margin-top: 40px;
+ }
+ padding-left: 0px;
+ padding-bottom: 0px;
+ // @media screen and(max-width:992px) {
+ // padding-left: 0;
+ // }
+ .pd_wrapper {
+ .rate {
+ display: flex;
+ padding-top: 25px;
+ .review {
+ margin: 0 30px;
+ a {
+ color: $color-brand2;
+ }
+ }
+ ul {
+ display: flex;
+ justify-content: start;
+ padding-left: 0;
+ li {
+ a {
+ color: $color-brand !important;
+ span {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ .price {
+ display: flex;
+ justify-content: start;
+ font-weight: 600;
+ align-items: baseline;
+ padding-top: 10px;
+ span {
+ font-size: 18px;
+ font-weight: 700;
+ }
+ .new {
+ color: $color-black;
+ font-size: 15px;
+ margin-left: 10px;
+ }
+ }
+ .p_number {
+ padding: 6px 0;
+ span {
+ font-weight: 700;
+ color: $color-brand3;
+ font-size: 18px;
+ }
+ i {
+ color: $color-brand2;
+ }
+ }
+ .abt_heading {
+ margin-top: 20px;
+ margin-bottom: 10px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 20px;
+ }
+ }
+ .size {
+ h4 {
+ font-weight: 700;
+ }
+ }
+ #myDIV {
+ margin-bottom: 12px;
+ padding-top: 5px;
+ .btn {
+ border: none;
+ border-radius: 0;
+ outline: none;
+ background-color: #f7f7f7;
+ margin-right: 4px;
+ cursor: pointer;
+ font-size: 14px;
+ border: 1px solid !important;
+ border-color: $color-grey;
+ }
+ /* Style the active class, and buttons on mouse-over */
+ .active,
+ .btn:hover {
+ background-color: rgb(24, 21, 21);
+ color: white;
+ border: 1px solid !important;
+ border-color: $color-grey;
+ }
+ }
+ .sort {
+ margin-bottom: 10px;
+ padding-top: 5px;
+ .form-select {
+ padding: 8px 10px;
+ border-radius: 0;
+ border-color: transparent !important;
+ min-width: 200px;
+ }
+ .txt {
+ border: 1px solid;
+ border-color: transparent;
+ border-top-color: $color-brand !important;
+ border-right-color: $color-brand !important;
+ border-bottom-color: $color-brand !important;
+ border-left-color: $color-brand !important;
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: $color-brand2 !important;
+ outline: 0;
+ }
+ }
+ }
+ .quantity_price {
+ margin-bottom: 25px;
+ .qt_heading {
+ margin-top: 15px;
+ margin-bottom: 20px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ left: 0;
+ }
+ a {
+ i {
+ color: black;
+ }
+ &.collapsed {
+ i {
+ color: red !important;
+ }
+ }
+ }
+ }
+ #collapseExample {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ .collapse {
+ .card {
+ border: none;
+ table {
+ thead {
+ tr {
+ th {
+ border-top: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .qnty {
+ display: flex;
+ justify-content: start;
+ padding-top: 0px;
+ margin-bottom: 20px;
+ .input-group {
+ margin-right: 100px;
+ width: 110px;
+ height: 40px;
+ border: 1px solid;
+ padding-top: 0px;
+ border-color: $color-grey;
+ .input-group-btn {
+ .quantity-right-plus {
+ padding-left: 0;
+ }
+ .quantity-left-minus {
+ padding-right: 0;
+ }
+ a {
+ color: $color-black;
+ }
+ }
+ #quantity {
+ text-align: center;
+ border: transparent;
+ font-size: 14px;
+ font-weight: 600;
+ background-color: transparent;
+ padding: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/layout/_navigation.scss b/theme_diva/static/src/scss/layout/_navigation.scss
new file mode 100644
index 000000000..953b62008
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_navigation.scss
@@ -0,0 +1,328 @@
+.navigation_main {
+ color: $color-white;
+ background-color: $color-brand-trans;
+ position: absolute;
+ z-index: 999;
+ top: 0;
+ width: 100%;
+ .navbar {
+ border: 1px solid;
+ border-top-color: currentcolor;
+ border-right-color: currentcolor;
+ border-bottom-color: currentcolor;
+ border-left-color: currentcolor;
+ border-color: transparent;
+ border-bottom-color: transparent;
+ border-bottom-color: rgb(255, 255, 255);
+ @media screen and(max-width:992px) {
+ border: transparent !important;
+ }
+ form {
+ @media screen and(max-width:992px) {
+ display: none;
+ }
+ ul {
+ display: flex;
+ margin: 0;
+ li {
+ display: flex;
+ align-items: end;
+ margin-right: 15px;
+ .nav_icon {
+ width: 20px;
+ margin-right: 10px;
+ img {
+ width: 100%;
+ }
+ }
+ span {
+ color: $color-white;
+ @media screen and(max-width:992px) {
+ color: $color-black !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ .navbar-nav {
+ margin-right: auto;
+ color: $color-white;
+ @media screen and(max-width:992px) {
+ margin: 0;
+ width: 100%;
+ }
+ .nav_sub_head {
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ padding-top: 15px !important;
+ border: 1px solid transparent;
+ border-bottom-color: $color-border !important;
+ padding-bottom: 10px;
+ }
+ .nav-item {
+ .nav-link {
+ color: var(--primary-color);
+ text-transform: uppercase;
+ @media screen and(max-width:992px) {
+ color: $color-grey !important;
+ &:hover {
+ color: $color-black !important;
+ }
+ }
+ }
+ }
+ }
+ .bg-dark {
+ background-color: transparent !important;
+ @media screen and(max-width:992px) {
+ background-color: $color-white !important;
+ margin-top: -16px;
+ }
+ }
+ .mobileMenu {
+ @media screen and(max-width:414px) {
+ width: 65% !important;
+ }
+ }
+ @media (max-width: 992px) {
+ .mobileMenu {
+ transform: translateX(-100%);
+ position: fixed;
+ top: 0px;
+ bottom: 0;
+ margin: auto;
+ left: 0;
+ z-index: 1029;
+ transition: all ease 0.25s;
+ width: 50%;
+ padding: 50px 30px !important;
+ &.open {
+ transform: translateX(0%);
+ }
+ .navbar-nav {
+ overflow-y: auto;
+ .nav_sub_head {
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ }
+ }
+ }
+ .overlay {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+ background-color: rgba(0, 0, 0, 0.5);
+ display: none;
+ &.open {
+ display: block;
+ z-index: 1028;
+ }
+ }
+ }
+ .mid_section {
+ @media screen and(max-width:992px) {
+ margin-top: -5px;
+ padding-bottom: 25px;
+ }
+ .brand {
+ padding-top: 10px;
+ @media screen and(max-width:992px) {
+ // text-align: center;
+ // margin-top: -25px;
+ }
+ a {
+ color:var(--button-color) !important;
+ font-size: 60px;
+ font-family: $font-brand;
+ text-decoration: none;
+ @media screen and(max-width:992px) {
+ font-size: 80px;
+ }
+ }
+ }
+ form {
+ border: 1px solid;
+ border-color: $color-border;
+ border-radius: 0px;
+ display: flex;
+ align-items: center;
+ padding: 2px 20px;
+ margin-top: 30px;
+ @media screen and(max-width:992px) {
+ font-size: 80px;
+ margin-top: 0px;
+ width: 65%;
+ margin: auto;
+ margin-bottom: auto;
+ margin-bottom: 25px;
+ margin-top: -15px;
+ }
+ a {
+ color: $color-brand;
+ text-decoration: none;
+ }
+ input {
+ border: none !important;
+ height: calc(1.5em + 1.5rem + 2px);
+ background-color: transparent;
+ }
+ .form-control:focus {
+ background-color: $color-white !important;
+ color: $color-black !important;
+ }
+ }
+ .footer_icon {
+ height: 100%;
+ display: flex;
+ justify-content: end;
+ align-items: center;
+ @media screen and(max-width:992px) {
+ justify-content: center;
+ }
+ a {
+ color: $color-white;
+ margin-right: 15px;
+ &:hover {
+ color: $color-brand;
+ }
+ }
+ }
+ }
+ .bottom_section {
+ .navbar {
+ border: transparent !important;
+ background: var( --primar-color);
+ padding: 0 15px;
+ .navbar-nav {
+ .nav_sub_head {
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ padding-top: 15px !important;
+ }
+ .nav-item {
+ .nav-link {
+ padding: 15px 20px;
+ &:focus {
+ background-color: $color-brand3 !important;
+ }
+ }
+ }
+ .dropdown {
+ .dropdown-menu {
+ background-color: $color-theme;
+ border-radius: 0;
+ border: 0;
+ top: 160%;
+ @media screen and(max-width:992px) {
+ text-align: center;
+ }
+ }
+ .dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.4rem 2.5rem;
+ clear: both;
+ font-weight: 400;
+ color: #fff;
+ text-align: inherit;
+ white-space: nowrap;
+ border: 0;
+ font-size: 15px;
+ &:hover {
+ color: $color-black;
+ }
+ }
+ }
+ }
+ }
+ }
+ .navbar-toggler {
+ background-color: transparent !important;
+ position: absolute;
+ z-index: 1230;
+ @media screen and(max-width:992px) {
+ right: 40px !important;
+ top: 40px;
+ }
+ @media screen and(max-width:768px) {
+ right: 40px !important;
+ top: 60px;
+ }
+ span {
+ display: block;
+ background-color: #ffffff;
+ height: 3px;
+ width: 25px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ position: relative;
+ left: 0;
+ opacity: 1;
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ /* top line needs a little padding */
+ span:nth-child(1) {
+ margin-top: 0.3em !important;
+ }
+ /**
+ * Animate collapse into X.
+ */
+ /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
+ :not(.collapsed) span:nth-child(1) {
+ transform: translate(15%, -33%) rotate(45deg) !important;
+ }
+ /* center line goes transparent */
+ :not(.collapsed) span:nth-child(2) {
+ opacity: 0 !important;
+ }
+ /* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button */
+ :not(.collapsed) span:nth-child(3) {
+ transform: translate(15%, 33%) rotate(-45deg) !important;
+ }
+ /**
+ * Animate collapse open into hamburger menu
+ */
+ /* top line moves back to initial position and rotates back to 0 degrees */
+ span:nth-child(1) {
+ transform: translate(0%, 0%) rotate(0deg) !important;
+ }
+ /* middle line goes back to regular color and opacity */
+ span:nth-child(2) {
+ opacity: 1 !important;
+ }
+ /* bottom line goes back to initial position and rotates back to 0 degrees */
+ span:nth-child(3) {
+ transform: translate(0%, 0%) rotate(0deg) !important;
+ }
+ }
+}
+// dropdown annimation
+.slide-top {
+ -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+ animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+@-webkit-keyframes slide-top {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 100% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+}
+@keyframes slide-top {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 100% {
+ -webkit-transform: translateY(-30px);
+ transform: translateY(-30px);
+ }
+}
diff --git a/theme_diva/static/src/scss/layout/_navigation2.scss b/theme_diva/static/src/scss/layout/_navigation2.scss
new file mode 100644
index 000000000..f181c1083
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_navigation2.scss
@@ -0,0 +1,238 @@
+.navigation2 {
+ background-color: transparent;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ @media screen and(max-width:992px) {
+ background-color: transparent !important;
+ }
+ .navbar {
+ padding: 10px 0;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ @media screen and(max-width:992px) {
+ .navbar-nav {
+ display: inline;
+ text-align: end;
+ padding-right: 30px;
+ padding-top: 20px;
+ .nav-item {
+ padding-right: 30px;
+ padding-top: 30px;
+ }
+ }
+ }
+ .navbar-toggler {
+ background-color: $color-black;
+ .navbar-toggler-icon {
+ color: $color-black;
+ }
+ // &:hover {
+ // }
+ }
+ .navbar-brand {
+ color: $color-brand;
+ font-size: 80px;
+ font-weight: 400;
+ margin-right: 8rem;
+ font-family: $font-brand !important;
+ span {
+ font-size: 36px;
+ font-weight: 700;
+ color: $color-hover;
+ }
+ &:hover {
+ color: $color-hover !important;
+ }
+ @media screen and(max-width:1016px) {
+ margin-right: 3rem;
+ }
+ @media (max-width: 768px) {
+ margin-right: 10rem;
+ }
+ }
+ .nav-item {
+ margin: auto;
+ .nav-link {
+ padding-right: 1.5rem;
+ padding-left: 1.5rem;
+ color: $color-white;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-size: 14px;
+ @media screen and(max-width:1000px) {
+ padding-right: 5px;
+ padding-left: 5px;
+ }
+ &:hover {
+ color: $color-hover !important;
+ }
+ }
+ }
+ .active {
+ .nav-link {
+ color: $color-font2 !important;
+ }
+ }
+ .wrapper {
+ margin-left: 75px;
+ @media screen and(max-width:992px) {
+ margin-left: 0;
+ justify-content: end;
+ }
+ }
+ a {
+ color: $color-font;
+ text-decoration: none;
+ align-items: baseline;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .nav-link {
+ color: $color-font;
+ text-decoration: none;
+ align-items: baseline;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .cart {
+ margin-right: 20px;
+ position: relative;
+ span {
+ color: $color-white;
+ margin-right: 5px;
+ font-size: 30px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ display: inline-block;
+ text-align: center;
+ line-height: 41px;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .cart_count {
+ position: absolute;
+ color: $color-brand !important;
+ font-weight: 900;
+ font-size: 20px;
+ right: 0;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ }
+ .search {
+ span {
+ color: $color-white;
+ margin-left: 20px;
+ font-size: 20px;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ display: inline-block;
+ text-align: center;
+ line-height: 41px;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ }
+ }
+ .offcanvas-header {
+ display: none;
+ }
+ @media (max-width: 992px) {
+ .offcanvas-header {
+ display: flex;
+ justify-content: end;
+ }
+ .navbar-collapse {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 100%;
+ width: 50%;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ overflow-y: auto;
+ visibility: hidden;
+ background-color: #271717;
+ transition: visibility 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
+ }
+ .navbar-collapse.show {
+ visibility: visible;
+ transform: translateX(-100%);
+ }
+ }
+ // @keyframes slidein {
+ // from {
+ // margin-left: 100%;
+ // width: 300%;
+ // }
+ // to {
+ // margin-left: 0%;
+ // width: 100%;
+ // }
+ // }
+ #myDIV {
+ width: 100%;
+ padding: 50px 0;
+ text-align: center;
+ background-color: lightblue;
+ margin-top: 20px;
+ }
+ .circle {
+ display: blo;
+ color: blue;
+ }
+ .navbar-dark .navbar-nav .nav-link:focus,
+ .navbar-dark .navbar-nav .nav-link:hover {
+ color: rgb(0, 0, 0);
+ }
+ #new {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ #main_nav {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ .dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0.125rem 0 0;
+ font-size: 1rem;
+ color: #ffffff !important;
+ text-align: left;
+ list-style: none;
+ background-color: $color-brand;
+ background-clip: padding-box;
+ border: none;
+ border-radius: 0.25rem;
+ a {
+ color: #fff !important;
+ text-decoration: none;
+ &:hover {
+ color: $color-hover !important;
+ background-color: transparent !important;
+ }
+ }
+ }
+ .navbar-dark {
+ @media (max-width: 768px) {
+ margin-top: -25px !important;
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/layout/_sidebar.scss b/theme_diva/static/src/scss/layout/_sidebar.scss
new file mode 100644
index 000000000..1e5b3c3c3
--- /dev/null
+++ b/theme_diva/static/src/scss/layout/_sidebar.scss
@@ -0,0 +1,88 @@
+.sidebar {
+ margin-top: 23px;
+ .sidebar_head {
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h5 {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 16px;
+ }
+ }
+ .sidebar_content {
+ .sidebar_product {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 30px;
+ @media screen and(max-width:996px) {
+ justify-content: start;
+ }
+ .product_img {
+ max-width: 80px;
+ img {
+ width: 100%;
+ }
+ }
+ .product_info {
+ margin-left: 20px;
+ text-align: start;
+ a {
+ color: $color-brand;
+ text-transform: uppercase;
+ font-size: 14px;
+ font-weight: 600;
+ }
+ .free {
+ margin-top: 20px;
+ color: $color-brand2;
+ font-size: 15px !important;
+ }
+ .price {
+ font-size: 20px;
+ font-weight: 700;
+ }
+ ul {
+ display: flex;
+ justify-content: start;
+ padding-left: 0;
+ li {
+ a {
+ color: $color-brand !important;
+ span {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .b_price {
+ .list-group {
+ .list-group-item {
+ background-color: transparent;
+ border: transparent;
+ padding-left: 0;
+ text-align: start;
+ a {
+ color: $color-brand3;
+ text-decoration: none;
+ &:hover {
+ color: $color-font;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_about.scss b/theme_diva/static/src/scss/pages/_about.scss
new file mode 100644
index 000000000..dc0811341
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_about.scss
@@ -0,0 +1,32 @@
+.about{
+ .wrapper{
+ .abt_heading{
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after{
+ content: '';
+position: absolute;
+background-color: black;
+height: 1px;
+width: 70px;
+bottom: 0px;
+ }
+ h3{
+ font-weight: 700;
+ font-size: 30px;
+ }
+ }
+
+ .abt_bottom{
+ padding-top: 40px;
+ padding-bottom: 30px;
+ .pp{
+ line-height: 1.8em;
+ margin-top: 20px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/_account.scss b/theme_diva/static/src/scss/pages/_account.scss
new file mode 100644
index 000000000..3535f3b41
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_account.scss
@@ -0,0 +1,77 @@
+.account {
+ margin-bottom: 50px;
+ .a_wrapper {
+ .account_left {
+ .acc_wrapper {
+ text-align: end;
+ @media screen and(max-width:768px) {
+ text-align: start;
+ }
+ padding: 40px 20px 30px 140px;
+ @media screen and(max-width:1200px) {
+ padding: 40px 20px 30px 0px;
+ }
+ @media screen and(max-width:992px) {
+ padding: 0;
+ }
+ h4 {
+ font-size: 18px;
+ font-weight: 700;
+ margin-bottom: 20px;
+ }
+ p {
+ margin-bottom: 50px;
+ }
+ }
+ @media screen and(max-width:768px) {
+ margin-bottom: 40px;
+ }
+ }
+ .account_right {
+ }
+ .contact_form {
+ padding: 46px 81px 40px 79px;
+ @media screen and(max-width:1200px) {
+ padding: 46px 0 40px 50px;
+ }
+ @media screen and(max-width:992px) {
+ padding: 0;
+ }
+ h4 {
+ font-size: 18px;
+ font-weight: 700;
+ margin-bottom: 20px;
+ }
+ p {
+ margin-bottom: 50px;
+ }
+ form {
+ @media screen and(max-width:576px) {
+ margin-top: 40px;
+ }
+ .form-group {
+ margin-bottom: 30px;
+ position: relative;
+ .form-control {
+ border-radius: 0;
+ height: calc(1.5em + 0.95rem + 2px);
+ padding: 0.575rem 0.75rem;
+ box-shadow: none !important;
+ display: inline-block;
+ span {
+ position: absolute;
+ right: 10px;
+ top: 7px;
+ }
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: $color-brand2;
+ outline: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_blog.scss b/theme_diva/static/src/scss/pages/_blog.scss
new file mode 100644
index 000000000..548da92b9
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_blog.scss
@@ -0,0 +1,65 @@
+.blog {
+ margin-bottom: 50px;
+ @media screen and(max-width:768px) {
+ margin-bottom: 40px;
+ }
+ .wrapper {
+ .Blog_content {
+ margin-bottom: 30px;
+ .Blog_heading {
+ h3 {
+ a {
+ color: $color-brand3;
+ font-size: 35px;
+ font-weight: 400;
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+ }
+ }
+ .b_p {
+ color: $color-font !important;
+ font-size: 15px !important;
+ a {
+ color: $color-brand3;
+ }
+ }
+ }
+ .B_news {
+ padding: 20px 0;
+ font-size: 17px;
+ line-height: 1.8rem;
+ }
+ }
+ .blog_sidebar {
+ margin-top: 30px;
+ .b_s_wrapper {
+ padding-bottom: 40px;
+ .abt_heading {
+ margin-bottom: 10px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 20px;
+ }
+ }
+ a {
+ color: $color-brand3;
+ padding-left: 10px;
+ margin-top: 15px;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_cart.scss b/theme_diva/static/src/scss/pages/_cart.scss
new file mode 100644
index 000000000..4afcf2b2e
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_cart.scss
@@ -0,0 +1,303 @@
+.cart {
+ .wrapper {
+ .abt_heading {
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 30px;
+ }
+ }
+ .table_wrapper {
+ margin-top: 40px;
+ overflow: auto;
+ // .table-responsive {
+ // }
+ .table {
+ overflow-x: auto;
+ thead {
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ border-top-color: $color-border !important;
+ }
+ tbody {
+ tr {
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ border-top-color: $color-border !important;
+ }
+ .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%;
+ @media screen and(max-width:500px) {
+ height: 110px;
+ width: auto;
+ }
+ }
+ }
+ h6 {
+ color: $color-brand3;
+ font-size: 15px;
+ @media screen and(max-width:600px) {
+ font-size: 12px;
+ padding-left: 10px;
+ }
+ }
+ .name {
+ width: 100%;
+ text-align: center;
+ a {
+ color: $color-brand2;
+ font-size: 14px;
+ letter-spacing: 1px;
+ font-weight: normal;
+ @media screen and(max-width:600px) {
+ font-size: 12px;
+ padding-left: 10px;
+ letter-spacing: 0;
+ }
+ }
+ }
+ }
+ td {
+ vertical-align: middle;
+ .rate {
+ font-size: 14px;
+ padding-bottom: 60px;
+ @media screen and(max-width:600px) {
+ font-size: 12px;
+ }
+ }
+ .cart_q {
+ position: relative;
+ a {
+ color: $color-brand2;
+ font-size: 14px;
+ letter-spacing: 1px;
+ @media screen and(max-width:600px) {
+ font-size: 12px;
+ }
+ }
+ }
+ .quantity {
+ position: absolute;
+ top: -45px;
+ 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: 38px;
+ line-height: 4.65;
+ display: block;
+ padding-left: 0px;
+ margin: 0;
+ padding-left: 20px;
+ border: 1px solid #dbdbdb;
+ }
+ .quantity input:focus {
+ outline: 0;
+ }
+ .quantity-nav {
+ float: left;
+ position: relative;
+ height: 38px;
+ }
+ .quantity-button {
+ position: relative;
+ cursor: pointer;
+ border: 1px solid rgb(219, 219, 219);
+ 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: 1px solid rgb(219, 219, 219);
+ }
+ .quantity-button.quantity-down {
+ position: absolute;
+ bottom: 38px;
+ height: 50%;
+ }
+ }
+ }
+ .total {
+ font-size: 20px;
+ .price {
+ font-weight: 700;
+ }
+ }
+ }
+ }
+ .summery {
+ border: 1px solid;
+ border-color: $color-border !important;
+ margin-top: 38px;
+ padding: 15px 20px;
+ margin-bottom: 20px;
+ .wrapper {
+ h4 {
+ font-weight: 700;
+ color: $color-brand3;
+ padding-bottom: 15px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ }
+ .sub {
+ display: flex;
+ justify-content: space-between;
+ padding: 15px 0;
+ .total_rate {
+ }
+ color: $color-grey;
+ }
+ .total {
+ display: flex;
+ justify-content: space-between;
+ font-weight: 700;
+ span {
+ font-size: 22px;
+ }
+ .main {
+ font-size: 22px;
+ }
+ color: $color-brand3;
+ }
+ .hd {
+ padding-top: 10px;
+ position: relative;
+ text-align: center;
+ border: transparent !important;
+ &::after {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 29px;
+ height: 1px;
+ width: 310px;
+ background: #e5e5e5;
+ content: "";
+ z-index: -1;
+ margin: 0 auto;
+ // @media screen and(max-width:500px) {
+ // width: 400px;
+ // }
+ // @media screen and(max-width:450px) {
+ // width: 350px;
+ // }
+ // @media screen and(max-width:376px) {
+ // display: none;
+ // }
+ }
+ span {
+ background-color: $color-white;
+ font-size: 18px;
+ font-weight: 700;
+ padding: 0 10px;
+ // @media screen and(max-width:576px) {
+ // font-size: 20px;
+ // }
+ }
+ }
+ .payment {
+ }
+ .coupon {
+ .wrapper {
+ margin-bottom: 40px;
+ .qt_heading {
+ margin-top: 25px;
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ text-align: center;
+ a {
+ font-weight: 700;
+ }
+ a {
+ i {
+ color: black;
+ }
+ &.collapsed {
+ i {
+ color: red !important;
+ }
+ }
+ }
+ }
+ #collapseExample1 {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ #collapseExample {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ .collapse {
+ .content {
+ border: none;
+ }
+ }
+ }
+ }
+ }
+ }
+ .continue {
+ margin-bottom: 60px;
+ text-align: end;
+ a {
+ color: $color-brand2;
+ text-transform: uppercase;
+ i {
+ padding-top: 5px;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_checkout.scss b/theme_diva/static/src/scss/pages/_checkout.scss
new file mode 100644
index 000000000..048622cc2
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_checkout.scss
@@ -0,0 +1,374 @@
+.checkout {
+ margin-top: 70px;
+ .wrapper {
+ .checkout_content {
+ margin-bottom: 50px;
+ .abt_heading {
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 25px;
+ }
+ }
+ .form {
+ }
+ .form-group,
+ .form-item {
+ position: relative;
+ margin-bottom: 15px;
+ .icon {
+ position: absolute;
+ cursor: text;
+ z-index: 2;
+ top: 13px;
+ right: 10px;
+ font-size: 12px;
+ font-weight: bold;
+ color: red;
+ font-size: 11px;
+ padding: 0 10px;
+ transition: all 0.3s ease;
+ }
+ }
+ select,
+ .form-item input {
+ display: block;
+ width: 100%;
+ height: 40px;
+ background: white;
+ border: solid 1px #ccc;
+ transition: all 0.3s ease;
+ padding: 0 15px;
+ border-radius: 0;
+ }
+ select,
+ .form-item input:focus {
+ border-color: $color-brand2;
+ }
+ .form-item label {
+ position: absolute;
+ cursor: text;
+ z-index: 2;
+ top: 13px;
+ left: 10px;
+ font-size: 12px;
+ font-weight: bold;
+ background: #fff;
+ padding: 0 10px;
+ color: #999;
+ transition: all 0.3s ease;
+ }
+ .form-group,
+ select {
+ label {
+ position: absolute;
+ cursor: text;
+ z-index: 2;
+ top: 13px;
+ left: 10px;
+ font-size: 12px;
+ font-weight: bold;
+ background: rgb(255, 255, 255) !important;
+ padding: 0 10px;
+ color: #999;
+ transition: all 0.3s ease;
+ }
+ .icon {
+ position: absolute;
+ cursor: text;
+ z-index: 2;
+ top: 13px;
+ right: 15px;
+ font-size: 12px;
+ font-weight: bold;
+ color: red;
+ font-size: 11px;
+ padding: 0 10px;
+ transition: all 0.3s ease;
+ }
+ }
+ .form-group select:focus + label,
+ .form-group select:valid + label {
+ font-size: 11px;
+ top: -5px;
+ }
+ .form-group select:focus + label {
+ color: $color-brand3;
+ }
+ .form-item input:focus + label,
+ .form-item input:valid + label {
+ font-size: 11px;
+ top: -5px;
+ }
+ .form-item input:focus + label {
+ color: $color-brand3;
+ }
+ .checkout_left {
+ @media screen and(max-width:992px) {
+ margin-top: 40px;
+ }
+ .create {
+ padding-bottom: 25px;
+ .before {
+ padding-left: 15px;
+ margin-top: 10px;
+ font-weight: 600;
+ color: black;
+ a {
+ font-weight: normal;
+ color: $color-brand2;
+ }
+ }
+ }
+ .billing {
+ margin-top: 25px;
+ margin-bottom: 25px;
+ .form-check {
+ position: relative;
+ display: block;
+ padding: 10px 35px;
+ background: $color-bg;
+ margin: 0 15px;
+ width: 100%;
+ .form-check-label {
+ margin-bottom: 0;
+ font-weight: 700;
+ }
+ }
+ }
+ .shipping {
+ padding-top: 40px;
+ .wrapper {
+ border: 1px solid $color-border !important;
+ .form-check {
+ position: relative;
+ display: block;
+ padding: 10px 35px;
+ background: #ffffff;
+ margin: 0;
+ width: 100%;
+ .form-check-label {
+ margin-bottom: 0;
+ font-weight: 700;
+ }
+ #collapseExample1 {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ .second_address {
+ margin-top: 40px;
+ }
+ }
+ }
+ }
+ .shipping_methode {
+ padding-top: 40px;
+ position: relative;
+ .refresh {
+ position: absolute;
+ right: 0;
+ top: 10px;
+ color: $color-brand2;
+ font-size: 16px;
+ font-weight: 700;
+ }
+ p {
+ color: red;
+ font-weight: 700;
+ font-size: 15px;
+ }
+ }
+ .payment {
+ padding-top: 40px;
+ .p_methodes {
+ border: 1px solid $color-border;
+ margin-bottom: 30px;
+ h5 {
+ background-color: $color-white;
+ border: none !important;
+ font-weight: 700;
+ font-size: 16px;
+ padding: 10px 15px;
+ .form-check {
+ position: relative;
+ display: block;
+ padding: 0;
+ background: $color-white;
+ margin: 0 15px;
+ width: 100%;
+ .form-check-label {
+ margin-bottom: 0;
+ font-weight: 700;
+ }
+ }
+ }
+ background-color: $color-bg;
+ p {
+ padding: 0px 15px;
+ }
+ .options {
+ // padding: 0px 320px 36px 15px;
+ @media screen and(max-width:992px) {
+ padding: 0px 20px 30px 20px;
+ }
+ }
+ }
+ }
+ .comments {
+ p {
+ font-weight: 700;
+ }
+ textarea {
+ border: 1px solid;
+ margin-bottom: 40px;
+ border-top-color: $color-border !important;
+ border-right-color: $color-border !important;
+ border-bottom-color: $color-border !important;
+ border-left-color: $color-border !important;
+ border-radius: 0 !important;
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: $color-brand2 !important;
+ outline: 0;
+ }
+ }
+ .btns {
+ display: flex;
+ justify-content: space-between;
+ align-items: baseline;
+ @media screen and(max-width:400px) {
+ display: grid;
+ row-gap: 20px;
+ }
+ .cc {
+ color: $color-brand2;
+ text-transform: uppercase;
+ font-size: 14px;
+ i {
+ padding-top: 5px;
+ }
+ }
+ }
+ }
+ }
+ .checkout_right {
+ background-color: $color-bg;
+ padding: 0 10px;
+ padding-bottom: 20px;
+ height: 100%;
+ .cr_top {
+ padding-top: 10px;
+ display: flex;
+ justify-content: space-between;
+ a {
+ color: $color-brand2;
+ }
+ h5 {
+ font-size: 17px;
+ font-weight: 700;
+ }
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ }
+ .cr_product {
+ margin-top: 30px;
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ padding-bottom: 20px;
+ .wrapp_p {
+ display: flex;
+ justify-content: space-between;
+ .cr_img {
+ max-width: 70px;
+ img {
+ width: 100%;
+ }
+ }
+ .name {
+ margin-left: 15px;
+ height: 100%;
+ padding-top: 15px;
+ a {
+ color: $color-brand2;
+ padding-bottom: 30px;
+ }
+ .rate {
+ color: $color-brand3;
+ margin-top: 20px;
+ }
+ }
+ }
+ }
+ .apply {
+ margin-top: 30px;
+ .code {
+ .input-group {
+ .form-item {
+ width: 71%;
+ @media screen and(max-width:1200px) {
+ width: 66%;
+ }
+ @media screen and(max-width:455px) {
+ width: 100%;
+ }
+ }
+ .input-group-append {
+ @media screen and(max-width:455px) {
+ width: 100%;
+ margin-top: 5px;
+ margin-left: 0;
+ }
+ }
+ }
+ }
+ .price_details {
+ margin-top: 40px;
+ ul {
+ padding-left: 0;
+ border: 1px solid;
+ border-color: transparent;
+ padding-bottom: 15px;
+ border-bottom-color: $color-border !important;
+ li {
+ background-color: transparent;
+ border: transparent;
+ span {
+ font-size: 15px;
+ }
+ }
+ }
+ .total {
+ padding-top: 20px;
+ ul {
+ border: transparent !important;
+ li {
+ span {
+ font-size: 20px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_contact.scss b/theme_diva/static/src/scss/pages/_contact.scss
new file mode 100644
index 000000000..1cf8152e6
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_contact.scss
@@ -0,0 +1,109 @@
+.contact {
+ margin-top: 60px;
+ margin-bottom: 60px;
+ .wrapper {
+ .contact_address {
+ h5 {
+ font-weight: 700;
+ }
+ .address {
+ margin-top: 40px;
+ h6 {
+ margin-top: 10px;
+ span {
+ font-size: 20px;
+ margin-right: 10px;
+ }
+ }
+ p {
+ margin-bottom: 10px;
+ }
+ }
+ .direction {
+ margin-top: 20px;
+ span {
+ font-size: 20px;
+ margin-right: 10px;
+ }
+ a {
+ color: $color-brand3;
+ &:hover {
+ color: $color-brand2;
+ }
+ }
+ }
+ .get_me {
+ margin-top: 30px;
+ a {
+ &:hover {
+ color: $color-brand2;
+ }
+ }
+ }
+ }
+ .contac_form {
+ padding-bottom: 30px;
+ .wrapper {
+ .post_replay {
+ padding-right: 50px;
+ @media screen and(max-width:768px) {
+ padding-right: 0;
+ }
+ form {
+ // @media screen and(max-width:768px) {
+ // margin-top: 70px;
+ // }
+ .form-group {
+ margin-bottom: 20px;
+ label {
+ font-weight: 700;
+ }
+ .form-control {
+ border-radius: 0;
+ // height: calc(3.5em + 0.95rem + 2px);
+ padding: 0.575rem 0.75rem;
+ box-shadow: none !important;
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: $color-brand2;
+ outline: 0;
+ }
+ }
+ }
+ textarea {
+ // border: 1px solid !important;
+ padding: 30px 20px;
+ font-size: 16px;
+ }
+ .txt {
+ border: 1px solid;
+ border-color: transparent;
+ border-top-color: $color-brand3 !important;
+ border-right-color: $color-brand3 !important;
+ border-bottom-color: $color-brand3 !important;
+ border-left-color: $color-brand3 !important;
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: #fa3737 !important;
+ outline: 0;
+ }
+ }
+ .file {
+ position: relative;
+ overflow: hidden;
+ }
+ .form-control-file {
+ position: absolute;
+ font-size: 50px;
+ opacity: 0;
+ right: 0;
+ top: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_pages.scss b/theme_diva/static/src/scss/pages/_pages.scss
new file mode 100644
index 000000000..d1670e971
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_pages.scss
@@ -0,0 +1,12 @@
+@import './home/home';
+@import './about';
+@import './shop';
+@import './account';
+@import './contact';
+@import './blog';
+@import './single-blog';
+@import './preview';
+@import './cart';
+@import './checkout';
+@import './home-2/home2';
+@import './landing-page/landing-home'
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/_preview.scss b/theme_diva/static/src/scss/pages/_preview.scss
new file mode 100644
index 000000000..0b982c1e1
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_preview.scss
@@ -0,0 +1,557 @@
+.preview {
+ .wrapper {
+ .img_wrapperr {
+ width: 400px;
+ @media screen and(max-width:992px) {
+ margin: auto;
+ width: 375px;
+ padding-bottom: 20px;
+ }
+ @media screen and(max-width:576px) {
+ margin: auto;
+ width: 300px;
+ padding-bottom: 20px;
+ }
+ @media screen and(max-width:380px) {
+ margin: auto;
+ width: 250px;
+ padding-bottom: 20px;
+ }
+ img {
+ width: 100%;
+ }
+ }
+ // .product_img {
+ // // margin: 150px auto;
+ // max-width: 960px;
+ // margin-bottom: 40px;
+ // }
+ // .example {
+ // border: 1px solid #000;
+ // display: inline-block;
+ // .zoom-box {
+ // width: 440px !important;
+ // img {
+ // width: 100%;
+ // }
+ // }
+ // }
+ .preview_bottom {
+ margin-top: 40px;
+ display: flex;
+ justify-content: space-around;
+ margin-bottom: 40px;
+ .gift {
+ i {
+ margin-right: 5px;
+ }
+ a {
+ color: $color-brand3;
+ font-weight: 600;
+ }
+ }
+ }
+ .product_details {
+ padding-left: 80px;
+ padding-bottom: 50px;
+ @media screen and(max-width:992px) {
+ padding-left: 0;
+ }
+ .wrapper {
+ .rate {
+ display: flex;
+ padding-top: 15px;
+ .review {
+ margin: 0 30px;
+ a {
+ color: $color-brand2;
+ }
+ }
+ ul {
+ display: flex;
+ justify-content: start;
+ padding-left: 0;
+ li {
+ a {
+ color: $color-brand !important;
+ span {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ .price {
+ display: flex;
+ justify-content: start;
+ font-weight: 600;
+ align-items: baseline;
+ span {
+ font-size: 28px;
+ font-weight: 700;
+ }
+ .new {
+ color: $color-black;
+ font-size: 18px;
+ margin-right: 10px;
+ }
+ .old {
+ color: $color-grey;
+ font-size: 18px;
+ font-weight: lighter;
+ text-decoration: line-through;
+ }
+ }
+ .retail_price {
+ margin-top: 5px;
+ span {
+ text-decoration: line-through;
+ font-size: 16px;
+ }
+ }
+ .save_price {
+ margin-top: 5px;
+ }
+ .sample {
+ margin-top: 15px;
+ margin-bottom: 15px;
+ }
+ .p_number {
+ padding: 6px 0;
+ span {
+ font-weight: 700;
+ color: $color-brand3;
+ font-size: 18px;
+ }
+ i {
+ color: $color-brand2;
+ }
+ }
+ .abt_heading {
+ margin-top: 25px;
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 20px;
+ }
+ }
+ .size {
+ h4 {
+ font-weight: 700;
+ }
+ }
+ #myDIV {
+ margin-bottom: 30px;
+ padding-top: 15px;
+ .btn {
+ border: none;
+ border-radius: 0;
+ outline: none;
+ padding: 8px 14px;
+ background-color: $color-bg;
+ margin-right: 5px;
+ cursor: pointer;
+ font-size: 15px;
+ border: 1px solid !important;
+ border-color: $color-grey;
+ }
+ /* Style the active class, and buttons on mouse-over */
+ .active,
+ .btn:hover {
+ background-color: rgb(24, 21, 21);
+ color: white;
+ border: 1px solid !important;
+ border-color: $color-grey;
+ }
+ }
+ .sort {
+ margin-bottom: 30px;
+ padding-top: 15px;
+ .form-select {
+ padding: 8px 10px;
+ border-radius: 0;
+ border-color: transparent !important;
+ min-width: 200px;
+ }
+ .txt {
+ border: 1px solid;
+ border-color: transparent;
+ border-top-color: $color-brand !important;
+ border-right-color: $color-brand !important;
+ border-bottom-color: $color-brand !important;
+ border-left-color: $color-brand !important;
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: $color-brand2 !important;
+ outline: 0;
+ }
+ }
+ }
+ .quantity_price {
+ margin-bottom: 40px;
+ .qt_heading {
+ margin-top: 25px;
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ left: 0;
+ }
+ a {
+ i {
+ color: black;
+ }
+ &.collapsed {
+ i {
+ color: red !important;
+ }
+ }
+ }
+ }
+ #collapseExample {
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ }
+ .collapse {
+ .card {
+ border: none;
+ table {
+ thead {
+ tr {
+ th {
+ border-top: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .qnty {
+ display: flex;
+ justify-content: start;
+ padding-top: 0px;
+ margin-bottom: 40px;
+ .input-group {
+ margin-right: 20px;
+ width: 120px;
+ border: 1px solid;
+ padding-top: 10px;
+ border-color: $color-grey;
+ .input-group-btn {
+ a {
+ color: $color-black;
+ }
+ }
+ #quantity {
+ text-align: center;
+ border: transparent;
+ font-size: 14px;
+ font-weight: 600;
+ background-color: transparent;
+ }
+ }
+ }
+ }
+ }
+ .related_product {
+ margin-bottom: 60px;
+ .abt_heading {
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 30px;
+ }
+ }
+ .re_wrapper {
+ padding-top: 60px;
+ @media screen and(max-width:768px) {
+ padding-top: 0;
+ }
+ .feature_wrapper {
+ margin-bottom: 50px;
+ .img_wrapper {
+ max-width: 750px;
+ position: relative;
+ margin: auto;
+ &::before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 2;
+ display: block;
+ content: "";
+ width: 0;
+ height: 0;
+ background: rgba(255, 255, 255, 0.2);
+ border-radius: 100%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ opacity: 0;
+ }
+ &:hover {
+ &::before {
+ -webkit-animation: circle 0.75s;
+ animation: circle 0.75s;
+ }
+ }
+ img {
+ width: 100%;
+ }
+ }
+ .inner {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 3;
+ // &:hover {
+ // }
+ }
+ .quick_view {
+ color: $color-brand3;
+ font-size: 14px;
+ background-color: #fafafa;
+ padding: 8px 23px;
+ display: none;
+ text-decoration: none;
+ font-weight: 500;
+ border: 1px solid !important;
+ border-color: transparent !important;
+ margin-top: 0px;
+ &:hover {
+ background-color: #ffffff00;
+ box-shadow: 0 0 5px #fff !important;
+ border-color: #eaca94 !important;
+ }
+ }
+ &:hover {
+ .quick_view {
+ display: block;
+ margin-top: 50px !important;
+ }
+ }
+ .product_bottom {
+ margin-top: 30px;
+ text-align: center;
+ .sp_name {
+ text-align: center;
+ margin-top: 20px;
+ a {
+ text-decoration: none;
+ font-weight: normal;
+ font-size: 20px;
+ color: $color-brand;
+ &:hover {
+ color: $color-brand2;
+ }
+ }
+ }
+ .price {
+ display: flex;
+ justify-content: center;
+ font-weight: 600;
+ padding: 15px 0px;
+ .new {
+ color: $color-black;
+ font-size: 18px;
+ margin-right: 10px;
+ }
+ .old {
+ color: $color-grey;
+ font-size: 18px;
+ font-weight: lighter;
+ text-decoration: line-through;
+ }
+ }
+ ul {
+ display: flex;
+ justify-content: center;
+ padding-left: 0;
+ li {
+ a {
+ color: $color-brand !important;
+ span {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+.tab_section {
+ width: 100%;
+ padding-bottom: 50px;
+ .wrapp {
+ @media screen and(max-width:576px) {
+ padding: 0px 30px 0 15px;
+ }
+ .nav-tabs {
+ margin-bottom: 40px;
+ .nav-item {
+ padding: 0 5px;
+ .nav-link {
+ font-size: 18px;
+ font-weight: 600;
+ border: 1px solid;
+ border-radius: 0;
+ border-color: $color-grey;
+ padding: 10px 20px;
+ background-color: transparent;
+ }
+ }
+ }
+ .nav-tabs .nav-item.show .nav-link,
+ .nav-tabs .nav-link.active {
+ background-color: $color-brand3 !important;
+ color: $color-white;
+ }
+ .tab-content {
+ border: 1px solid;
+ padding: 40px 20px;
+ border-color: #c7c4c4 !important ;
+ .tab-pane {
+ .wrapp {
+ padding: 10px 20px;
+ @media screen and(max-width:768px) {
+ padding: 0px 20px 0 0;
+ }
+ h4 {
+ font-weight: 600;
+ font-size: 20px;
+ }
+ .top_tab {
+ @media screen and(max-width:992px) {
+ margin-bottom: 20px;
+ }
+ .star-rating {
+ line-height: 32px;
+ font-size: 1.25em;
+ }
+ .star-rating .fa-star {
+ color: $color-brand;
+ }
+ }
+ .tab_filter {
+ .progress_wrapp {
+ position: relative;
+ span {
+ position: absolute;
+ right: -25px;
+ top: 0px;
+ font-size: 14px;
+ }
+ }
+ .progress_bar {
+ padding: 6px 0;
+ .progress {
+ display: -ms-flexbox;
+ display: flex;
+ height: 15px;
+ overflow: hidden;
+ line-height: 0;
+ font-size: 0.75rem;
+ background-color: #dfdfdf;
+ border-radius: 2px;
+ .progress-bar {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -ms-flex-pack: center;
+ justify-content: center;
+ overflow: hidden;
+ color: #b3b3b3;
+ text-align: center;
+ white-space: nowrap;
+ background-color: $color-brand;
+ transition: width 0.6s ease;
+ font-size: 12px;
+ }
+ }
+ }
+ }
+ .tab_bottom {
+ margin-top: 50px;
+ display: flex;
+ justify-content: space-between;
+ padding-right: 200px;
+ @media screen and(max-width:1200px) {
+ padding-right: 0;
+ }
+ @media screen and(max-width:992px) {
+ display: block;
+ }
+ .star-rating_b {
+ line-height: 32px;
+ font-size: 1.25em;
+ @media screen and(max-width:992px) {
+ margin-bottom: 20px;
+ }
+ }
+ .star-rating_b .fa-star {
+ color: $color-brand !important;
+ }
+ .customer_review {
+ h5 {
+ font-weight: 600;
+ font-size: 20px;
+ }
+ p {
+ span {
+ background-color: $color-brand;
+ padding: 3px 9px;
+ a {
+ color: $color-white;
+ font-size: 14px;
+ font-weight: 600;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_shop.scss b/theme_diva/static/src/scss/pages/_shop.scss
new file mode 100644
index 000000000..84bd58f64
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_shop.scss
@@ -0,0 +1,191 @@
+.shop {
+ .wrapper {
+ .shop_content {
+ margin-bottom: 30px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 30px;
+ }
+ }
+ .choose {
+ margin-top: 30px;
+ margin-bottom: 30px;
+ padding-top: 30px;
+ padding-bottom: 50px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ @media screen and(max-width:996px) {
+ margin-bottom: 0;
+ }
+ @media screen and(max-width:576px) {
+ margin-top: 0;
+ padding-top: 0;
+ }
+ }
+ .sort {
+ text-align: end;
+ @media screen and(max-width:576px) {
+ text-align: start;
+ margin-top: 30px;
+ }
+ .form-select {
+ padding: 5px 10px;
+ border-radius: 0;
+ width: 60%;
+ border-color: transparent !important;
+ margin-left: 5px;
+ }
+ .txt {
+ border: 1px solid;
+ border-color: transparent;
+ border-top-color: $color-brand !important;
+ border-right-color: $color-brand !important;
+ border-bottom-color: $color-brand !important;
+ border-left-color: $color-brand !important;
+ &:focus {
+ color: #5f5f5f;
+ background-color: #fff;
+ border-color: $color-brand2 !important;
+ outline: 0;
+ }
+ }
+ }
+ .shop_product {
+ .shop_p {
+ margin-top: 80px;
+ @media screen and(max-width:996px) {
+ margin-top: 50px;
+ }
+ .wrapper {
+ .feature_wrapper {
+ margin-bottom: 50px;
+ .img_wrapper {
+ max-width: 500px;
+ position: relative;
+ margin: auto;
+ &::before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 2;
+ display: block;
+ content: "";
+ width: 0;
+ height: 0;
+ background: rgba(255, 255, 255, 0.2);
+ border-radius: 100%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ opacity: 0;
+ }
+ &:hover {
+ &::before {
+ -webkit-animation: circle 0.75s;
+ animation: circle 0.75s;
+ }
+ }
+ img {
+ width: 100%;
+ }
+ }
+ .inner {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 3;
+ // &:hover {
+ // }
+ }
+ .quick_view {
+ color: $color-brand3;
+ font-size: 14px;
+ background-color: #fafafa;
+ padding: 8px 23px;
+ display: none;
+ text-decoration: none;
+ font-weight: 500;
+ border: 1px solid !important;
+ border-color: transparent !important;
+ margin-top: 0px;
+ &:hover {
+ background-color: #ffffff00;
+ box-shadow: 0 0 5px #fff !important;
+ border-color: #eaca94 !important;
+ }
+ }
+ &:hover {
+ .quick_view {
+ display: block;
+ margin-top: 50px !important;
+ }
+ }
+ .product_bottom {
+ margin-top: 30px;
+ text-align: center;
+ .sp_name {
+ text-align: center;
+ margin-top: 20px;
+ a {
+ text-decoration: none;
+ font-weight: normal;
+ font-size: 20px;
+ color: $color-brand;
+ &:hover {
+ color: $color-brand2;
+ }
+ }
+ }
+ .price {
+ display: flex;
+ justify-content: center;
+ font-weight: 600;
+ padding: 15px 0px;
+ .new {
+ color: $color-black;
+ font-size: 18px;
+ margin-right: 10px;
+ }
+ .old {
+ color: $color-grey;
+ font-size: 18px;
+ font-weight: lighter;
+ text-decoration: line-through;
+ }
+ }
+ ul {
+ display: flex;
+ justify-content: center;
+ padding-left: 0;
+ li {
+ a {
+ color: $color-brand !important;
+ span {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/_single-blog.scss b/theme_diva/static/src/scss/pages/_single-blog.scss
new file mode 100644
index 000000000..0d29ba3b0
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/_single-blog.scss
@@ -0,0 +1,70 @@
+.blog_single {
+ margin-bottom: 50px;
+ @media screen and(max-width:768px) {
+ margin-bottom: 40px;
+ }
+ .wrapper {
+ padding-bottom: 40px;
+ @media screen and(max-width:768px) {
+ padding-bottom: 0px;
+ }
+ .Blog_content {
+ margin-bottom: 30px;
+ .Blog_heading {
+ margin-top: 20px;
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+ h3 {
+ a {
+ color: $color-brand3;
+ font-size: 35px;
+ font-weight: 400;
+ }
+ }
+ .b_p {
+ color: $color-font !important;
+ font-size: 15px !important;
+ a {
+ color: $color-brand3;
+ }
+ }
+ }
+ .c_news {
+ padding-top: 15px;
+ font-size: 17px;
+ line-height: 1.8rem;
+ }
+ }
+ .blog_sidebar {
+ margin-top: 30px;
+ .b_s_wrapper {
+ padding-bottom: 40px;
+ .abt_heading {
+ margin-bottom: 10px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: $color-border !important;
+ position: relative;
+ &::after {
+ content: "";
+ position: absolute;
+ background-color: black;
+ height: 1px;
+ width: 70px;
+ bottom: 0px;
+ }
+ h3 {
+ font-weight: 700;
+ font-size: 20px;
+ }
+ }
+ a {
+ color: $color-brand3;
+ padding-left: 10px;
+ margin-top: 15px;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_blog-2.scss b/theme_diva/static/src/scss/pages/home-2/_blog-2.scss
new file mode 100644
index 000000000..c28eca976
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_blog-2.scss
@@ -0,0 +1,80 @@
+.blog_2 {
+ margin-top: 100px;
+
+ @media screen and(max-width:768px) {
+ margin-top: 60px;
+ }
+ .wrapper {
+ padding-bottom: 70px;
+ @media screen and(max-width:768px) {
+ padding-bottom: 0;
+ }
+ .blog_content {
+ .card-group {
+ .card {
+ .top_type {
+ color: $color-brand;
+ font-size: 18px;
+ font-weight: 600;
+ letter-spacing: 1px;
+ padding: 23px 0px;
+ margin-bottom: 30px;
+ border: 1px solid $color-grey;
+ border-color: transparent;
+ border-bottom-color: $color-grey !important;
+ }
+ border-radius: 0;
+ border-color: transparent;
+ border-bottom-color: $color-grey !important;
+ padding: 10px 10px 10px 10px;
+ .card-img-top {
+ border-radius: 0;
+ }
+ .card-title {
+ font-weight: 400;
+ font-size: 20px;
+ }
+ .card-text {
+ }
+ }
+ }
+ }
+ }
+}
+
+.hvr-underline-reveal {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0);
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ overflow: hidden;
+}
+.hvr-underline-reveal:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: #2098d1;
+ height: 4px;
+ -webkit-transform: translateY(4px);
+ transform: translateY(4px);
+ -webkit-transition-property: transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+}
+.hvr-underline-reveal:hover:before,
+.hvr-underline-reveal:focus:before,
+.hvr-underline-reveal:active:before {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_featured-2.scss b/theme_diva/static/src/scss/pages/home-2/_featured-2.scss
new file mode 100644
index 000000000..859424a13
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_featured-2.scss
@@ -0,0 +1,60 @@
+.featured_2 {
+ margin-top: 100px;
+ .wrapper {
+ padding-top: 80x;
+ .card {
+ border: 0;
+ .card-img-top {
+ border-radius: 5px;
+ box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
+ transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
+ margin-bottom: 20px;
+ transform: translate(0px, 0px);
+ -webkit-transform: translate(0px, 0px);
+ -moz-transform: translate(0px, 0px);
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ &:hover {
+ transform: translate(0, -4px);
+ -webkit-transform: translate(0, -4px);
+ -moz-transform: translate(0, -4px);
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px,
+ rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px,
+ rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
+ }
+ }
+ .card-body {
+ padding: 15px 0;
+ @media screen and(max-width:576px) {
+ text-align: center;
+ }
+ .card-title {
+ a {
+ color: $color-brand3;
+ font-size: 25px;
+ font-weight: 500;
+ text-decoration: none;
+ @media screen and(max-width:992px) {
+ font-size: 20px;
+ }
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ }
+ .card-text {
+ font-size: 23px !important;
+ font-weight: normal;
+ color: $color-brand;
+ @media screen and(max-width:992px) {
+ font-size: 21px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_home2.scss b/theme_diva/static/src/scss/pages/home-2/_home2.scss
new file mode 100644
index 000000000..7ba5ca7e2
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_home2.scss
@@ -0,0 +1,7 @@
+@import './populor';
+@import './shipping';
+@import './featured-2';
+@import './testimonial';
+@import './blog-2';
+@import './offer';
+@import './more_services';
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home-2/_more_services.scss b/theme_diva/static/src/scss/pages/home-2/_more_services.scss
new file mode 100644
index 000000000..ab1d57e85
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_more_services.scss
@@ -0,0 +1,17 @@
+.more_services {
+ padding: 50px 0px;
+ margin-top: 20px;
+ border: 1px solid;
+ border-color: transparent;
+ border-bottom-color: #aeb0b6 !important;
+ .m_img {
+ max-width: 200px;
+ width: 150px !important;
+ margin: auto;
+ img {
+ width: 100%;
+ }
+ }
+ .owl-theme4 {
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_offer.scss b/theme_diva/static/src/scss/pages/home-2/_offer.scss
new file mode 100644
index 000000000..4183f5b13
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_offer.scss
@@ -0,0 +1,115 @@
+.offer {
+ margin-top: 100px;
+ background-color: $color-theme2;
+ .wrapper {
+ padding: 70px 0;
+ .offer_left {
+ position: relative;
+ @media screen and(max-width:768px) {
+ margin-bottom: 40px;
+ padding: 0px 50px;
+ }
+ img {
+ width: 100%;
+ }
+ .offer_rate {
+ position: absolute;
+ background-color: $color-white;
+ padding: 25px 25px;
+ box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.4);
+ -webkit-box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.4);
+ -moz-box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.4);
+ z-index: 1;
+ right: -53px;
+ bottom: 117px;
+ text-align: center;
+ @media screen and(max-width:992px) {
+ padding: 15px 15px;
+ right: -5px;
+ bottom: 87px;
+ }
+ @media screen and(max-width:768px) {
+ padding: 25px 25px;
+ right: 0%;
+ bottom: 190px;
+ }
+ @media screen and(max-width:576px) {
+ padding: 20px 20px;
+ right: 0%;
+ bottom: 100px;
+ }
+ p {
+ font-size: 35px !important;
+ font-weight: 700;
+ margin-bottom: 0;
+ text-align: center;
+ color: $color-hover;
+ @media screen and(max-width:992px) {
+ font-size: 22px !important;
+ }
+ }
+ span {
+ color: $color-grey;
+ text-transform: uppercase;
+ }
+ }
+ }
+ .offer_right {
+ padding: 0px 0px 0px 80px;
+ @media screen and(max-width:992px) {
+ padding: 0px 0px 0px 0px;
+ }
+ h3 {
+ font-size: 50px;
+ font-weight: 600;
+ color: $color-brand3;
+ padding-bottom: 20px;
+ @media screen and(max-width:992px) {
+ font-size: 35px;
+ }
+ }
+ p {
+ color: $color-brand3;
+ font-size: 22px !important;
+ padding-top: 0px;
+ line-height: 2.5rem;
+ letter-spacing: 2px;
+ @media screen and(max-width:992px) {
+ font-size: 16px !important;
+ line-height: 1.9rem;
+ letter-spacing: 2px;
+ }
+ }
+ .offer_more {
+ display: flex;
+ justify-content: space-between;
+ @media screen and(max-width:576px) {
+ display: block;
+ }
+ .shipping_info {
+ display: flex;
+ justify-content: center;
+ @media screen and(max-width:576px) {
+ justify-content: start;
+ padding-left: 20px;
+ }
+ i {
+ font-size: 55px;
+ color: $color-hover;
+ margin-right: 18px;
+ }
+ span {
+ font-size: 25px;
+ @media screen and(max-width:992px) {
+ font-size: 18px !important;
+ padding-top: 15px;
+ }
+ }
+ }
+ }
+ }
+ .offer_btn {
+ margin-top: 20px;
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_populor.scss b/theme_diva/static/src/scss/pages/home-2/_populor.scss
new file mode 100644
index 000000000..d2a52e514
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_populor.scss
@@ -0,0 +1,84 @@
+.populor {
+ padding-top: 100px;
+ .wrapper {
+ position: relative;
+ padding-bottom: 70px;
+ .half_bg {
+ position: absolute;
+ background-color: $color-theme2;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ }
+ }
+}
+#owl-theme2 {
+ .card {
+ border-top-left-radius: 30px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 30px;
+ border-bottom-left-radius: 0px;
+ border: 0;
+ .card-body {
+ padding: 15px 0px 0px 20px;
+ .body_wrapp {
+ padding: 15px;
+ padding-bottom: 10px;
+ }
+ }
+ .card-img-top {
+ border: 0;
+ border-top-left-radius: 30px !important;
+ border-top-right-radius: 0px;
+ }
+ .card-title {
+ font-size: 22px;
+ letter-spacing: 1px;
+ margin-top: 10px;
+ }
+ .card-text {
+ margin-bottom: 0;
+ font-size: 18px;
+ line-height: 1.9;
+ font-weight: lighter;
+ letter-spacing: 1px;
+ }
+ .card-footer {
+ padding: 0;
+ justify-content: space-between;
+ align-items: center;
+ background-color: transparent;
+ border: 0;
+ .total {
+ border: 1px solid;
+ padding-top: 10px;
+ border-color: transparent;
+ border-top-color: rgb(112, 116, 124) !important;
+ margin-left: 15px;
+ span {
+ color: $color-brand;
+ font-size: 13px;
+ letter-spacing: 1px;
+ }
+ }
+ }
+ }
+ .owl-nav {
+ text-align: center;
+ margin-top: 45px;
+ i {
+ font-size: 28px;
+ &:hover {
+ color: $color-hover;
+ }
+ }
+ .owl-prev {
+ font-size: 20px;
+ margin: 0 20px;
+ }
+ .owl-next {
+ font-size: 20px;
+ margin: 0 20px;
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_shipping.scss b/theme_diva/static/src/scss/pages/home-2/_shipping.scss
new file mode 100644
index 000000000..00d8f3b78
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_shipping.scss
@@ -0,0 +1,46 @@
+.shipping2 {
+ background-image: url(./../images/shipping/shipping-bg.jpg);
+ overflow: hidden;
+ background-size: cover;
+ background-position: center;
+ width: 100%;
+ height: 100%;
+ height: 60vh;
+ position: relative;
+ position: relative;
+ &::after {
+ content: " ";
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ width: 100%;
+ height: 100%;
+ }
+ .wrapper {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ top: 0;
+ left: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .content {
+ text-align: center;
+ color: $color-white;
+ padding-top: 468px;
+ p {
+ font-size: 25px !important;
+ letter-spacing: 1px;
+ }
+ h3 {
+ font-size: 40px;
+ padding-bottom: 30px;
+ letter-spacing: 1px;
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-2/_testimonial.scss b/theme_diva/static/src/scss/pages/home-2/_testimonial.scss
new file mode 100644
index 000000000..0e3ce7d5a
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-2/_testimonial.scss
@@ -0,0 +1,177 @@
+.testimonial {
+ background-color: $color-theme2;
+ width: 100%;
+ .quote {
+ width: 220px;
+ z-index: 999;
+ position: absolute;
+ left: 175px;
+ transform: rotate(5deg);
+ @media screen and(max-width:768px) {
+ width: 100px;
+ left: 50px;
+ }
+ @media screen and(max-width:576px) {
+ left: 30px;
+ top: 50px;
+ }
+ .quote-icon-shadow {
+ width: 266px;
+ @media screen and(max-width:768px) {
+ width: 150px;
+ }
+ @media screen and(max-width:576px) {
+ width: 100px;
+ }
+ }
+ .quote-icon-face {
+ width: 266px;
+ @media screen and(max-width:768px) {
+ width: 150px;
+ }
+ @media screen and(max-width:576px) {
+ width: 100px;
+ }
+ }
+ }
+ .wrapper {
+ padding: 100px 0 20px 0;
+ height: 100%;
+ position: relative;
+ @media screen and(max-width:576px) {
+ padding: 30px 0 50px 0;
+ }
+ @media screen and(max-width:418px) {
+ padding: 30px 0 10px 0;
+ }
+ #owl-theme3 {
+ position: relative;
+ .owl-dots {
+ display: block;
+ position: absolute;
+ bottom: 8%;
+ text-align: center;
+ @media screen and(max-width:992px) {
+ bottom: 0%;
+ right: -20%;
+ }
+ @media screen and(max-width:418px) {
+ bottom: -15%;
+ right: 0%;
+ }
+ @media screen and(max-width:576px) {
+ bottom: 8%;
+ right: 0%;
+ }
+ span {
+ height: 20px;
+ width: 20px;
+ color: transparent !important;
+ background-color: transparent !important;
+ display: block;
+ border-radius: 50%;
+ margin: 5px;
+ border: 2px solid $color-hover !important;
+ @media screen and(max-width:576px) {
+ height: 12px;
+ width: 12px;
+ border: 1px solid $color-hover !important;
+ }
+ }
+ button.owl-dot.active span {
+ background-color: $color-brand2 !important;
+ }
+ }
+ div {
+ width: 100%;
+ .words {
+ padding-top: 40px;
+ p {
+ padding-left: 130px;
+ font-size: 38px !important;
+ color: $color-brand3;
+ letter-spacing: 1px;
+ line-height: 1.9;
+ font-weight: 500;
+ @media screen and(max-width:768px) {
+ padding-left: 40px;
+ font-size: 25px !important;
+ }
+ @media screen and(max-width:576px) {
+ padding-left: 0;
+ font-size: 18px !important;
+ }
+ @media screen and(max-width:425px) {
+ letter-spacing: 1px;
+ line-height: 1.5;
+ font-weight: 400;
+ }
+ }
+ .p_wrapp {
+ margin-top: 50px;
+ display: flex;
+ justify-content: start;
+ margin-left: 100px;
+ align-items: center;
+ @media screen and(max-width:576px) {
+ margin-top: 15px;
+ margin-left: 50px;
+ }
+ span {
+ padding-left: 20px;
+ font-size: 18px;
+ color: $color-hover;
+ letter-spacing: 1px;
+ }
+ .person {
+ width: 100px;
+ @media screen and(max-width:576px) {
+ width: 60px;
+ }
+ img {
+ width: 100%;
+ border-radius: 50%;
+ }
+ }
+ }
+ }
+ }
+ .owl-nav {
+ height: 36px;
+ width: 200px;
+ text-align: center;
+ position: absolute;
+ bottom: 75px;
+ right: 25%;
+ i {
+ font-size: 28px;
+ color: $color-hover !important;
+ &:hover {
+ color: $color-brand3 !important;
+ }
+ }
+ .owl-prev {
+ font-size: 20px;
+ margin: 0 20px;
+ }
+ .owl-next {
+ font-size: 20px;
+ margin: 0 20px;
+ }
+ }
+ }
+ }
+}
+.quote-icon-shadow {
+ stroke: #019ca9;
+ stroke-width: 1px;
+ fill: none;
+}
+.quote-icon-face {
+ stroke: #89dbe2;
+ stroke-width: 3px;
+ fill: none;
+ position: absolute;
+ top: -10px;
+ left: -10px;
+}
diff --git a/theme_diva/static/src/scss/pages/home-3/_address_index3.scss b/theme_diva/static/src/scss/pages/home-3/_address_index3.scss
new file mode 100644
index 000000000..1e869b14a
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_address_index3.scss
@@ -0,0 +1,37 @@
+.Address_index3{
+ padding: 50px 0;
+ h4{
+ @media screen and(max-width:768px) {
+ text-align: center;
+ }
+ }
+ .store_address{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ @media screen and(max-width:992px) {
+ padding-bottom: 40px;
+ }
+ .wrapper{
+ display: flex;
+ width: 100%;
+ justify-content: space-between;
+ padding-right: 70px;
+ line-height: 30px;
+
+ @media screen and(max-width:992px) {
+ padding: 0px 0px 0px 0px;
+ }
+ @media screen and(max-width:992px) {
+ justify-content: space-around;
+ }
+ }
+ }
+ .store_img{
+ max-width: 750px;
+ img{
+ width: 100%;
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home-3/_blog-index3.scss b/theme_diva/static/src/scss/pages/home-3/_blog-index3.scss
new file mode 100644
index 000000000..2d017b858
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_blog-index3.scss
@@ -0,0 +1,155 @@
+.blog_index3{
+ background: var( --primar-gradient-color-two);
+ padding: 70px 0 50px 0;
+ @media screen and(max-width:992px) {
+ padding: 70px 25px 50px 35px;
+ }
+ .wrapper{
+ .card-deck{
+ @media screen and(max-width:768px) {
+ display: block;
+ }
+ }
+ .card{
+ background: transparent !important;
+ border: none;
+ .card-img-top{
+ border-radius: 0;
+
+ }
+ .card-body{
+ border: none !important;
+ text-align: center;
+ .card-title{
+ padding: 20px 0 15px 0;
+ }
+ .card-text{
+ letter-spacing: 0.08em;
+ }
+ }
+ }
+ }
+}
+.blog_bottom{
+ padding-bottom: 70px;
+ .wrapper{
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ @media screen and(max-width:992px) {
+ grid-template-columns: 1fr;
+
+ }
+ .left{
+ background-color: var(--primar-gradient-color-three);
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 0 45px;
+
+
+ @media screen and(max-width:992px) {
+ padding: 40px 45px;
+
+ }
+
+ .left_content{
+ h6{
+ text-transform: uppercase;
+ font-size: 15px;
+ }
+ h3{
+ text-transform: capitalize;
+ }
+ .bottom_link{
+ a{
+ color: var(--subhead-color) !important;
+ font-size: 16px;
+ text-decoration: underline;
+ }
+
+ }
+ }
+ }
+ .right{
+ img{
+ width: 50%;
+ height:250px;
+ }
+ }
+ }
+ .wrapper_2{
+ display: grid;
+ grid-template-columns: 2fr 1fr;
+ @media screen and(max-width:992px) {
+ grid-template-columns: 1fr;
+
+ }
+ .left{
+ background-color: var(--primar-gradient-color-three);
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 0 45px;
+ @media screen and(max-width:992px) {
+ padding: 40px 45px;
+
+ }
+ .left_content{
+ h6{
+ text-transform: uppercase;
+ font-size: 15px;
+ }
+ h3{
+ text-transform: capitalize;
+ }
+ .bottom_link{
+ a{
+ color: var(--subhead-color) !important;
+ font-size: 16px;
+ text-decoration: underline;
+ }
+
+ }
+ }
+ }
+ .right{
+ img{
+ width: 100%;
+ height:250px;
+ }
+ }
+ }
+.wrapper_3{
+ padding-top: 70px;
+ padding-bottom: 50px;
+ .blog_posts{
+ .card-deck{
+ @media screen and(max-width:768px) {
+ display: block !important;
+ }
+ .card{
+ background: transparent !important;
+ border: none;
+ .card-img-top{
+ border-radius: 0;
+ height:250px;
+ }
+ .card-body{
+ border: none !important;
+ text-align: start;
+ .card-title{
+ padding: 20px 0 15px 0;
+ }
+ .card-text{
+ letter-spacing: 0.08em;
+ }
+ a{
+ color: var(--subhead-color) !important;
+ font-size: 16px;
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+}
+}}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home-3/_gallery.scss b/theme_diva/static/src/scss/pages/home-3/_gallery.scss
new file mode 100644
index 000000000..40e8e3f0f
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_gallery.scss
@@ -0,0 +1,45 @@
+.gallery_index3 {
+ padding: 70px 0 50px 0;
+ @media screen and(max-width:992px) {
+ padding: 70px 25px 50px 35px;
+ }
+ .wrapper {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ @media screen and(max-width:768px) {
+ grid-template-columns: 1fr;
+ grid-gap: 40px;
+ }
+
+ .img_wrapper {
+ position: relative;
+ max-width: 700px;
+ .overlay {
+ width: 100%;
+ height: 100%;
+ background-color: #0000031e;
+ position: absolute;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 3;
+ .gallery_link {
+ color: var(--text-color);
+ font-size: 14px;
+ background-color: var(--secondary-color);
+ padding: 18px 22px;
+ display: block;
+ text-decoration: none;
+ text-transform: capitalize;
+ font-weight: normal;
+ letter-spacing: 0.08em;
+ }
+ }
+ img {
+ width: 100%;
+ }
+ }
+ }
+
+}
diff --git a/theme_diva/static/src/scss/pages/home-3/_index-3.scss b/theme_diva/static/src/scss/pages/home-3/_index-3.scss
new file mode 100644
index 000000000..0db6838bc
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_index-3.scss
@@ -0,0 +1,7 @@
+@import './sustainable_product';
+@import './store';
+@import './gallery';
+@import './video_banner';
+@import './blog-index3';
+@import './subscribe_index_3';
+@import './address_index3';
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home-3/_store.scss b/theme_diva/static/src/scss/pages/home-3/_store.scss
new file mode 100644
index 000000000..6ca4c60ab
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_store.scss
@@ -0,0 +1,17 @@
+.store{
+ background-color: var(--index-3-brand-color1);
+ padding: 60px 0 40px 0;
+ text-align: center;
+ .wrapper{
+ h3{
+ padding-bottom: 10px;
+ }
+ p{
+ letter-spacing: 0.08em;
+ a{
+ color: var(--text-color);
+ text-decoration: underline;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home-3/_subscribe_index_3.scss b/theme_diva/static/src/scss/pages/home-3/_subscribe_index_3.scss
new file mode 100644
index 000000000..fd4c46278
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_subscribe_index_3.scss
@@ -0,0 +1,104 @@
+.subscribe_index_3 {
+ .s_top {
+ background-image: url(./../images/subscribe/sub.jpg);
+ overflow: hidden;
+ height: 50vh;
+ background-size: cover;
+ background-position: center;
+ background-attachment: scroll;
+ position: relative;
+
+ .wrapper {
+ .overlay {
+ width: 100%;
+ height: 100%;
+ background-color: #0000033b;
+ position: absolute;
+ top: 0;
+ display: flex;
+ justify-content: start;
+ align-items: center;
+ z-index: 3;
+ @media screen and(max-width:768px) {
+ justify-content: center;
+ }
+
+ .left_content {
+ margin-left: 100px;
+ margin-top: 100px;
+ color: var(--secondary-color);
+ @media screen and(max-width:768px) {
+ text-align: center;
+ margin: 0;
+ }
+ h6 {
+ text-transform: uppercase;
+ font-size: 15px;
+ }
+ h3 {
+ text-transform: capitalize;
+ }
+ .bottom_link {
+ a {
+ color: var(--secondary-color) !important;
+ font-size: 16px;
+ text-decoration: underline;
+ text-transform: uppercase;
+ }
+ }
+ }
+ }
+ }
+ }
+ .s_bottom {
+ background: var(--index-3-brand-color1);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 70px 0;
+ .wrapper {
+ text-align: center;
+
+ p {
+ padding-bottom: 15px;
+ }
+
+form{
+ display: flex;
+ justify-content: center;
+}
+
+ form.example input[type=text] {
+ padding: 10px;
+ font-size: 15px;
+ border: 1px solid rgb(230, 230, 230);
+ float: left;
+ width: 77%;
+ background: #f1f1f1;
+ margin-right: 4px;
+ }
+
+ form.example button {
+ float: left;
+ width: 20%;
+ padding: 11px;
+ background: var(--subhead-color);
+ color: white;
+ font-size: 14px;
+ border: 0px ;
+ border-left: none;
+ cursor: pointer;
+ }
+
+ form.example button:hover {
+ background: $color-brand;
+ }
+
+ form.example::after {
+ content: "";
+ clear: both;
+ display: table;
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home-3/_sustainable_product.scss b/theme_diva/static/src/scss/pages/home-3/_sustainable_product.scss
new file mode 100644
index 000000000..44ac60a56
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_sustainable_product.scss
@@ -0,0 +1,281 @@
+.sustainable_product {
+ padding-top: 70px;
+ @media screen and(max-width:992px) {
+ padding: 70px 25px 0 35px;
+ }
+ .sustainable {
+ .sustainable_wrapper {
+ margin-bottom: 20px;
+
+ .side_pannel {
+ color: #1a1515;
+ width: auto;
+ font-weight: 600;
+ z-index: 1024;
+ position: absolute;
+ bottom: 195px;
+ right: 45px;
+
+ a {
+ display: block;
+ background-color: #ffffff;
+ border-radius: 50%;
+ height: 38px;
+ width: 38px;
+ padding-top: 8px;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ &:hover {
+ // transform: translate(0, -4px);
+ // -webkit-transform: translate(0, -4px);
+ // -moz-transform: translate(0, -4px);
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
+ -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
+ -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ }
+ }
+ }
+
+ .bottom_details {
+ padding: 20px 10px 20px 20px;
+
+ p {
+ font-size: 18px;
+ letter-spacing: 0.08em;
+ display: flex;
+ justify-content: space-between;
+ span {
+ &:last-child {
+ color: #e95a5a;
+ }
+ }
+ }
+ ul {
+ display: flex;
+ li {
+ span {
+ height: 25px;
+ width: 25px;
+ background-color: #e95a5a;
+ display: block;
+ border-radius: 50%;
+ }
+
+ &:last-child {
+ margin-left: 30px;
+ span {
+ background-color: black !important;
+ }
+ }
+ }
+ }
+ }
+ }
+ .sale {
+ background-color: #e95a5a;
+ padding: 4px 16px;
+ color: #fff;
+ width: auto;
+ font-weight: 600;
+ z-index: 999;
+ position: absolute;
+ top: 19px;
+ left: 25px;
+ text-transform: uppercase;
+ }
+ .sale2 {
+ background-color: #e95a5a;
+ padding: 4px 16px;
+ color: #fff;
+ width: auto;
+ font-weight: 600;
+ z-index: 999;
+ position: absolute;
+ top: 19px;
+ left: 100px;
+ text-transform: uppercase;
+ }
+
+ .img_wrapper {
+ max-width: 750px;
+ position: relative;
+
+ img {
+ width: 100%;
+ opacity: 1;
+
+ &:last-child {
+ display: none;
+ // opacity: 0;
+ }
+ }
+ &:hover {
+ img {
+ &:first-child {
+ display: none;
+ // opacity: 0;
+ transition: opacity 0.5s linear;
+ }
+ }
+ img {
+ &:last-child {
+ display: inline-block;
+ // opacity: 1;
+ // transition: opacity 0.5s ease-in-out;
+ // -moz-transition: opacity 0.5s ease-in-out;
+ // -webkit-transition: opacity 0.5s ease-in-out;
+ }
+ }
+ }
+ }
+ }
+
+ .modal-dialog.modal-dialog-slideout {
+ box-shadow: -10px 0px 10px 0px rgba(0, 0, 0, 0.1);
+ }
+ .modal-dialog-slideout {
+ min-height: 100%;
+ margin: 0 0 0 auto;
+ background: #fff;
+ }
+ .modal.fade .modal-dialog.modal-dialog-slideout {
+ -webkit-transform: translate(100%, 0) scale(1);
+ transform: translate(100%, 0) scale(1);
+ }
+ .modal.fade.show .modal-dialog.modal-dialog-slideout {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ display: flex;
+ align-items: stretch;
+ -webkit-box-align: stretch;
+ height: 100%;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ .modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
+ overflow-y: auto;
+ overflow-x: hidden;
+ }
+ .modal-dialog-slideout .modal-content {
+ border: 0;
+ }
+ .modal-dialog-slideout .modal-header,
+ .modal-dialog-slideout .modal-footer {
+ height: 69px;
+ display: block;
+ }
+ .modal-dialog-slideout .modal-header h5 {
+ float: left;
+ }
+
+ .modal {
+ width: 109%;
+ .modal-content {
+ width: 77%;
+ .modal-header {
+ padding-bottom: 0;
+ }
+ .modal-body {
+ padding-top: 0;
+ .model-header2 {
+ text-transform: uppercase;
+ text-align: center;
+ padding-bottom: 0;
+ p {
+ font-size: 18px;
+ padding-bottom: 15px;
+ }
+ h4 {
+ font-size: 22px;
+ }
+ }
+ .model_product {
+ .img_wrapper {
+ margin: auto;
+ width: 300px;
+ img {
+ width: 100%;
+ }
+ }
+ }
+ .model_product_details{
+ padding: 20px 0 20px 40px;
+
+ }
+
+ .btn {
+ border: none;
+ outline: none;
+ padding: 10px 16px;
+ background-color: #ffffff;
+ cursor: pointer;
+ color: rgb(0, 0, 0);
+ font-size: 18px;
+ border: 1px solid rgb(175, 175, 175);
+ border-radius: 2px;
+ margin-right: 10px;
+ }
+ .active,
+ .btn:hover {
+ background-color: rgb(255, 255, 255);
+ color: rgb(0, 0, 0);
+ border: 1px solid rgb(0, 0, 0);
+ }
+
+ .color{
+ padding-top:20px ;
+ ul {
+ display: flex;
+ li {
+ span {
+ height: 25px;
+ width: 25px;
+ background-color: #e95a5a;
+ display: block;
+ border-radius: 50%;
+
+ &:hover{
+ border: 1px solid rgb(231, 231, 231);
+ }
+ }
+
+ &:last-child {
+ margin-left: 30px;
+ span {
+ background-color: black !important;
+ }
+ }
+
+ }
+ }
+ }
+ }
+ .modal-footer{
+ height: auto;
+ padding-top: 0px;
+ }
+ }
+ }
+
+ .bottom_link{
+ padding-bottom: 40px;
+ text-align: center;
+ a{
+ color: var(--subhead-color) !important;
+ font-size: 22px;
+ text-decoration: underline;
+ }
+ }
+}
+.modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #00000082;
+}
diff --git a/theme_diva/static/src/scss/pages/home-3/_video_banner.scss b/theme_diva/static/src/scss/pages/home-3/_video_banner.scss
new file mode 100644
index 000000000..363cc4025
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home-3/_video_banner.scss
@@ -0,0 +1,45 @@
+.video_banner{
+ position: relative;
+ height: 100vh;
+ overflow: hidden;
+ margin-top: 50px;
+ video {
+ object-fit: cover;
+ width: 100vw;
+ height: 100%;
+ position: absolute;
+ top: 50%;
+ -moz-transform: translate(0%, -50%);
+ -ms-transform: translate(0%, -50%);
+ -webkit-transform: translate(0%, -50%);
+ transform: translate(0%, -50%);
+ left: 0;
+ overflow: hidden;
+ }
+ .wrapper{
+ .overlay {
+ width: 100%;
+ height: 100%;
+ background-color:#0000033b;
+ position: absolute;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 3;
+ .content{
+ text-align: center;
+ }
+ h4{
+ color: var(--secondary-color);
+ font-size: 32px;
+ font-weight: normal;
+ padding-bottom: 20px;
+ display: block;
+ }
+ .gallery_link {
+
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home/_demo.scss b/theme_diva/static/src/scss/pages/home/_demo.scss
new file mode 100644
index 000000000..0553e6813
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home/_demo.scss
@@ -0,0 +1,69 @@
+.demo {
+ margin-top: 50px;
+ margin-bottom: 50px;
+ .wrapper {
+ .demo_img {
+ position: relative;
+ max-width: 750px;
+ display: block;
+ overflow: hidden;
+ @media screen and(max-width:768px) {
+ margin-bottom: 40px;
+ }
+ img {
+ width: 100%;
+ }
+ .gh {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transition: 0.3s ease-in-out;
+ transition: 0.3s ease-in-out;
+ display: block;
+ &::before {
+ width: 100%;
+ height: 100%;
+ z-index: 999;
+ content: "";
+ position: absolute;
+ background: rgb(95, 85, 157);
+ background: -moz-linear-gradient(
+ 0deg,
+ rgba(95, 85, 157, 0.63916904652486) 10%,
+ rgba(187, 180, 230, 0) 34%
+ );
+ background: -webkit-linear-gradient(
+ 0deg,
+ rgba(95, 85, 157, 0.63916904652486) 10%,
+ rgba(187, 180, 230, 0) 34%
+ );
+ background: linear-gradient(
+ 0deg,
+ rgba(95, 85, 157, 0.63916904652486) 10%,
+ rgba(187, 180, 230, 0) 34%
+ );
+
+ }
+ &:hover {
+ -webkit-transform: scale(1.3);
+ transform: scale(1.3);
+ }
+ }
+ a {
+ color: $color-brand3;
+ text-decoration: none;
+ }
+ .name {
+ text-align: center;
+ display: block;
+ width: 100%;
+ z-index: 1;
+ font-size: 16px;
+ line-height: 2.5;
+ letter-spacing: 1px;
+ position: absolute;
+ bottom: 6px;
+ text-transform: uppercase;
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home/_featured.scss b/theme_diva/static/src/scss/pages/home/_featured.scss
new file mode 100644
index 000000000..29731f497
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home/_featured.scss
@@ -0,0 +1,152 @@
+.featured {
+ padding-top: 80px;
+ @media screen and(max-width:768px) {
+ padding-top: 35px;
+ }
+ .wrapper {
+ padding-top: 60px;
+ @media screen and(max-width:768px) {
+ padding-top: 0;
+ }
+ .feature_wrapper {
+ margin-bottom: 50px;
+ .img_wrapper {
+ max-width: 750px;
+ position: relative;
+ margin: auto;
+ &::before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 2;
+ display: block;
+ content: "";
+ width: 0;
+ height: 0;
+ background: rgba(255, 255, 255, 0.2);
+ border-radius: 100%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ opacity: 0;
+ }
+ &:hover {
+ &::before {
+ -webkit-animation: circle 0.75s;
+ animation: circle 0.75s;
+ }
+ }
+ img {
+ width: 100%;
+ }
+ }
+ .inner {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 3;
+ // &:hover {
+ // }
+ }
+ .quick_view {
+ color: $color-brand3 !important ;
+ font-size: 14px;
+ background-color: #fafafa;
+ padding: 8px 23px;
+ display: none;
+ text-decoration: none;
+ font-weight: 500;
+ border: 1px solid !important;
+ border-color: transparent !important;
+ margin-top: 0px;
+ &:hover {
+ background-color: #ffffff00;
+ box-shadow: 0 0 5px #fff !important;
+ border-color: #eaca94 !important;
+ }
+ }
+ &:hover {
+ .quick_view {
+ display: block;
+ margin-top: 50px !important;
+ }
+ }
+ .product_bottom {
+ margin-top: 30px;
+ text-align: center;
+ .sp_name {
+ text-align: center;
+ margin-top: 20px;
+ a {
+ text-decoration: none;
+ font-weight: normal;
+ font-size: 20px;
+ color: $color-brand;
+ &:hover {
+ color: $color-brand2;
+ }
+ }
+ }
+ .price {
+ display: flex;
+ justify-content: center;
+ font-weight: 600;
+ padding: 15px 0px;
+ .new {
+ color: $color-black;
+ font-size: 18px;
+ margin-right: 10px;
+ }
+ .old {
+ color: $color-grey;
+ font-size: 18px;
+ font-weight: lighter;
+ text-decoration: line-through;
+ }
+ }
+ ul {
+ display: flex;
+ justify-content: center;
+ padding-left: 0;
+ li {
+ a {
+ color: $color-brand !important;
+ span {
+ font-size: 14px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+@-webkit-keyframes circle {
+ 0% {
+ opacity: 1;
+ }
+ 40% {
+ opacity: 1;
+ }
+ 100% {
+ width: 150%;
+ height: 150%;
+ opacity: 0;
+ }
+}
+@keyframes circle {
+ 0% {
+ opacity: 1;
+ }
+ 40% {
+ opacity: 1;
+ }
+ 100% {
+ width: 150%;
+ height: 150%;
+ opacity: 0;
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/home/_home.scss b/theme_diva/static/src/scss/pages/home/_home.scss
new file mode 100644
index 000000000..9dda5fc83
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home/_home.scss
@@ -0,0 +1,4 @@
+@import './main-product';
+@import './featured';
+@import './demo';
+@import './subscribe';
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/home/_main-product.scss b/theme_diva/static/src/scss/pages/home/_main-product.scss
new file mode 100644
index 000000000..fddc23e9a
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home/_main-product.scss
@@ -0,0 +1,125 @@
+.main_product {
+ .part_1 {
+ margin: 10px 0 0;
+ background: var(--primar-gradient-color-one);
+ background: -moz-linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ background: -webkit-linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ background: linear-gradient(0deg, var(--primar-gradient-color-one) 0%, var(--primar-gradient-color-two) 100%);
+ // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5f559d",endColorstr="#bbb4e6",GradientType=1);
+ padding: 40px 0;
+ .wrapper {
+ .img_lazy {
+ -webkit-animation: img_lazy 0.5s cubic-bezier(010, 0.46, 0.45, 0.94) both;
+ animation: img_lazy 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+ }
+ @-webkit-keyframes img_lazy {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+ }
+ @keyframes img_lazy {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+ }
+ .show-on-scroll {
+ opacity: 0;
+ transform: translateY(0em) rotateZ(0deg);
+ transition: transform 6s 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 1s ease-out;
+ will-change: transform, opacity;
+ -webkit-transition: transform 6s 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 1s ease-out;
+ -moz-transition: transform 6s 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 1s ease-out;
+ -ms-transition: transform 6s 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 1s ease-out;
+ -o-transition: transform 6s 1s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 1s ease-out;
+ }
+ .show-on-scroll.is-visible {
+ opacity: 1 !important;
+ }
+ .main_product_content {
+ height: 100%;
+ display: flex;
+ justify-content: start;
+ align-items: center;
+ text-align: center !important;
+ .main_product_heading {
+ font-size: 44px;
+ margin-bottom: 20px;
+ color: $color-white;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ @media screen and(max-width:572px) {
+ font-size: 35px;
+ }
+ }
+ .sub_heading {
+ color: $color-white;
+ font-size: 16px !important;
+ text-transform: capitalize;
+ margin-bottom: 40px;
+ }
+ }
+ .main_p_img {
+ max-width: 750px;
+ @media screen and(max-width:572px) {
+ max-width: 350px;
+ margin: auto;
+ }
+ img {
+ width: 100%;
+ }
+ }
+ }
+ }
+}
+// /* defines the animation */
+// @keyframes fadeInUp {
+// from {
+// opacity: 0;
+// -webkit-transform: translate3d(0, 100%, 0);
+// transform: translate3d(0, 100%, 0);
+// }
+// to {
+// opacity: 1;
+// -webkit-transform: none;
+// transform: none;
+// }
+// }
+// .wrappit {
+// // first we make all instances of this transparent.
+// opacity: 0;
+// // as we're using the same animation for each instance, call it here so we're not repeating it
+// animation: fadeInUp 1s ease-in-out 0s forwards;
+// // then define the animation delay in each class
+// &.first {
+// animation-delay: 1s;
+// }
+// &.second {
+// animation-delay: 3s;
+// }
+// &.third {
+// animation-delay: 5s;
+// }
+// &.fourth {
+// animation-delay: 7s;
+// }
+// &.fifth {
+// animation-delay: 9s;
+// }
+// &.sixth {
+// animation-delay: 11s;
+// }
+// }
diff --git a/theme_diva/static/src/scss/pages/home/_subscribe.scss b/theme_diva/static/src/scss/pages/home/_subscribe.scss
new file mode 100644
index 000000000..9e8c73a80
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/home/_subscribe.scss
@@ -0,0 +1,108 @@
+.subscribe {
+ background: var(--primar-color);
+ padding: 20px 0 25px 0;
+ .wrapper {
+ .sub_head {
+ color: $color-brand3;
+ font-size: 22px;
+ font-weight: 700;
+ padding-top: 38px;
+ }
+ .sub {
+ background-color: $color-white;
+ border: 1px solid;
+ border-color: $color-border;
+ border-radius: 0px;
+ display: flex;
+ align-items: center;
+ padding: 2px 20px;
+ margin-top: 30px;
+ a {
+ color: $color-brand3;
+ text-decoration: none;
+ &:hover {
+ color: $color-border;
+ }
+ }
+ input {
+ border: none !important;
+ height: calc(1.5em + 1.5rem + 2px);
+ background-color: transparent;
+ }
+ .form-control:focus {
+ background-color: $color-white !important;
+ color: $color-black !important;
+ }
+ }
+ #demo {
+ display: block;
+ text-align: center !important;
+ font-size: 12px !important;
+ width: 100%;
+ margin-top: 25px;
+ background: $color-brand3 !important;
+ // padding: 7px 0;
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ text-align: center;
+ }
+ .payment {
+ padding-top: 30px !important;
+ .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.705);
+ }
+ /* When the radio button is checked, add a blue background */
+ .c1 input:checked ~ .checkmark {
+ background-color: $color-brand2;
+ }
+ /* 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(41, 37, 37, 0);
+ }
+ }
+ }
+}
diff --git a/theme_diva/static/src/scss/pages/landing-page/_land_subscribe.scss b/theme_diva/static/src/scss/pages/landing-page/_land_subscribe.scss
new file mode 100644
index 000000000..746654558
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/landing-page/_land_subscribe.scss
@@ -0,0 +1,113 @@
+.land_subscribe {
+ background: #2d2d2d;
+ padding: 20px 0 25px 0;
+ .wrapper {
+
+ .payment{
+ color: white;
+ }
+ .sub_head {
+ color: white;
+ font-size: 22px;
+ font-weight: 700;
+ padding-top: 38px;
+ }
+ .sub {
+ background-color: $color-white;
+ border: 1px solid;
+ border-color: $color-border;
+ border-radius: 0px;
+ display: flex;
+ align-items: center;
+ padding: 2px 20px;
+ margin-top: 30px;
+ a {
+ color: $color-brand3;
+ text-decoration: none;
+ &:hover {
+ color: $color-border;
+ }
+ }
+ input {
+ border: none !important;
+ height: calc(1.5em + 1.5rem + 2px);
+ background-color: transparent;
+ }
+ .form-control:focus {
+ background-color: $color-white !important;
+ color: $color-black !important;
+ }
+ }
+ #demo {
+ display: block;
+ text-align: center !important;
+ font-size: 12px !important;
+ width: 100%;
+ margin-top: 25px;
+ background: $color-brand3 !important;
+ // padding: 7px 0;
+ transition: all 0.35s ease-out;
+ transform-origin: center left;
+ text-align: center;
+ }
+ .payment {
+ padding-top: 30px !important;
+ .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.705);
+ }
+ /* When the radio button is checked, add a blue background */
+ .c1 input:checked ~ .checkmark {
+ background-color: $color-brand2;
+ }
+ /* 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(41, 37, 37, 0);
+ }
+ }
+ }
+ }
+
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/landing-page/_land_testimonial.scss b/theme_diva/static/src/scss/pages/landing-page/_land_testimonial.scss
new file mode 100644
index 000000000..d4482394e
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/landing-page/_land_testimonial.scss
@@ -0,0 +1,102 @@
+.land_testimonial{
+ margin-top: 100px;
+ margin-bottom: 100px;
+
+ @media screen and(max-width:768px) {
+ margin-top: 50px;
+ }
+ @media screen and(max-width:500px) {
+ margin-top: 30px;
+ }
+ .wrapper{
+
+text-align: center;
+position: relative;
+
+padding: 50px 0;
+.t_head{
+ font-size: 27px;
+ letter-spacing: 11px;
+position: relative;
+ &::after{
+ position: absolute;
+ content: " ";
+ height: 1px;
+ width: 74px;
+ background-color: black;
+ top: 70px;
+ left: 47%;
+ @media screen and(max-width:768px) {
+ left:44%;
+ }
+ @media screen and(max-width:600px) {
+ left:42%;
+ }
+ @media screen and(max-width:400px) {
+ left: 39%;
+ }
+ }
+}
+
+.t_words{
+ padding-top: 95px;
+ letter-spacing: 2px;
+ line-height: 1.8em;
+ font-size: 23px;
+}
+.t_name{
+ margin-top: 50px;
+}
+
+.owl-carousel button.owl-dot span {
+ height: 10px;
+ width: 10px;
+ color: rgba(0, 0, 0, 0.199);
+ background-color: rgba(0, 0, 0, 0.288);
+ display: block;
+ font-weight: 700;
+ margin: 5px;
+ border-radius: 50%;
+}
+.owl-carousel button.owl-dot.active span{
+ color:$color-hover;
+}
+
+
+.owl-carousel{
+
+ .owl-dots{
+ position: absolute;
+ bottom: -55px;
+ left: 47%;
+ padding-left: 5px;
+
+ @media screen and(max-width:500px){
+ left:40%;
+
+ }
+ // @media screen and(max-width:768px) {
+ // left: 100px;
+ // }
+ // @media screen and(max-width:600px) {
+ // left: 75px;
+ // }
+}
+}
+
+ }
+}
+
+
+.mode{
+ background-image: linear-gradient(88deg, #0000009c, #00000059),
+ url(./../images/landing_page/demo.jpg) !important;
+background-attachment: fixed;
+ height: 70vh;
+ background-size: cover;
+ background-position: center;
+ position: relative;
+}
+
+
+
diff --git a/theme_diva/static/src/scss/pages/landing-page/_landing-home.scss b/theme_diva/static/src/scss/pages/landing-page/_landing-home.scss
new file mode 100644
index 000000000..fb0c5204b
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/landing-page/_landing-home.scss
@@ -0,0 +1,5 @@
+@import './landing_features';
+@import './sponsored';
+@import './landing_demo';
+@import './land_testimonial';
+@import './land_subscribe';
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/landing-page/_landing_demo.scss b/theme_diva/static/src/scss/pages/landing-page/_landing_demo.scss
new file mode 100644
index 000000000..3d2aba1d1
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/landing-page/_landing_demo.scss
@@ -0,0 +1,46 @@
+.landing_demo{
+ background-image: linear-gradient(88deg, rgba(0, 0, 0, 0.445), rgba(0, 0, 0, 0.397)),
+ url(./../images/landing_page/demo-product.jpg) !important;
+ height: auto;
+ background-size:contain;
+ background-position: center;
+ position: relative;
+
+ .wrapper{
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ width: 100%;
+ height: 100%;
+ margin:70px 0px 70px 0px;
+ @media screen and(max-width:992px) {
+ justify-content: flex-start;
+ margin: 20px 0px 20px 0px;
+ }
+ .banner_content{
+ padding: 70px 0px 70px 0px;
+ @media screen and(max-width:768px) {
+ padding: 70px 0px 70px 40px;
+ }
+ @media screen and(max-width:500px) {
+ padding: 50px 0px 40px 20px;
+ }
+ .sub_heading_land{
+ color: $color-white !important;
+ margin-bottom: 30px;
+ line-height: 2.0em;
+ }
+ .banner_heading{
+ font-size: 40px;
+ line-height: 1.2em;
+ text-transform: capitalize;
+ margin-bottom: 30px;
+ letter-spacing: 1px;
+
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/landing-page/_landing_features.scss b/theme_diva/static/src/scss/pages/landing-page/_landing_features.scss
new file mode 100644
index 000000000..16ed7fc95
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/landing-page/_landing_features.scss
@@ -0,0 +1,80 @@
+.landing_features {
+ background-image: linear-gradient(88deg, rgba(0, 0, 0, 0.281), rgba(0, 0, 0, 0)),
+ url(./../images/landing_page/ftd.jpg) !important;
+background-attachment: fixed;
+ height: 100vh;
+ background-size: cover;
+ background-position: center;
+ position: relative;
+
+ @media screen and(max-width:992px) {
+height: auto;
+ }
+ .wrapper {
+ width: 100%;
+ height: 100vh;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+
+ @media screen and(max-width:768px) {
+ grid-template-columns: 1fr 1fr;
+ }
+
+ @media screen and(max-width:600px) {
+ grid-template-columns: 1fr 1fr;
+ }
+ // @media screen and(max-width:450px) {
+ // grid-template-columns: 2fr;
+ // }
+
+ grid-column-gap: 2px;
+ .grid_column {
+ color: var(--secondary-color);
+background-color: #160a005c;
+ .g_c_wrapper {
+
+ @media screen and(max-width:600px) {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+ h5 {
+ padding-top: 20px;
+ padding-bottom: 20px;
+ letter-spacing: 2px;
+ }
+
+
+ }
+ }
+ }
+}
+
+.btm {
+ margin-top: 350px;
+ padding: 0px 60px;
+
+ @media screen and(max-width:1122px) {
+ margin-top: 290px;
+ padding: 0px 25px;
+ }
+
+ @media screen and(max-width:768px) {
+ margin-top: 60px;
+ padding: 0px 10px;
+ }
+
+
+
+}
+.tp {
+ margin-top: 180px;
+ padding: 0px 44px;
+ @media screen and(max-width:992px) {
+ margin-top: 100px;
+ padding: 0px 25px;
+ }
+ @media screen and(max-width:768px) {
+ margin-top: 60px;
+ padding: 0px 10px;
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/pages/landing-page/_sponsored.scss b/theme_diva/static/src/scss/pages/landing-page/_sponsored.scss
new file mode 100644
index 000000000..2ac2a1908
--- /dev/null
+++ b/theme_diva/static/src/scss/pages/landing-page/_sponsored.scss
@@ -0,0 +1,25 @@
+.sponsored{
+ padding-top: 100px;
+ padding-bottom: 60px;
+ background-color: #f5f5f5;
+ .wrapper{
+ width: 200px;
+ padding-bottom: 40px;
+ margin: auto;
+ @media screen and(max-width:768px) {
+ width: 150px;
+ }
+ p{
+ font-size: 20px;
+ font-weight: 600;
+ margin-top: 40px;
+ }
+ img{
+ width: 100%;
+ filter: grayscale(100%);
+ &:hover{
+ filter: grayscale(0%) !important;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_diva/static/src/scss/style.scss b/theme_diva/static/src/scss/style.scss
new file mode 100644
index 000000000..58a9b1b0f
--- /dev/null
+++ b/theme_diva/static/src/scss/style.scss
@@ -0,0 +1,19 @@
+//Google font
+@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
+
+@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
+
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
+
+//Global
+
+@import './variables';
+@import './normalize';
+@import './common';
+@import './components/components';
+@import './layout/layouts';
+@import './pages/pages';
+@import './dark';
+@import './light';
+@import './purple';
+@import './sky';
diff --git a/theme_diva/static/src/xml/index2_blog.xml b/theme_diva/static/src/xml/index2_blog.xml
new file mode 100644
index 000000000..c261a014d
--- /dev/null
+++ b/theme_diva/static/src/xml/index2_blog.xml
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/static/src/xml/index3_blog.xml b/theme_diva/static/src/xml/index3_blog.xml
new file mode 100644
index 000000000..a59d55e4e
--- /dev/null
+++ b/theme_diva/static/src/xml/index3_blog.xml
@@ -0,0 +1,45 @@
+
+
+
+
+
+ VIEW MORE
+
+
\ No newline at end of file
diff --git a/theme_diva/static/src/xml/index_featured_products.xml b/theme_diva/static/src/xml/index_featured_products.xml
new file mode 100644
index 000000000..5044a9126
--- /dev/null
+++ b/theme_diva/static/src/xml/index_featured_products.xml
@@ -0,0 +1,70 @@
+
+
+
+
+
+
Featured product
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/static/src/xml/index_featured_products2.xml b/theme_diva/static/src/xml/index_featured_products2.xml
new file mode 100644
index 000000000..c16344acb
--- /dev/null
+++ b/theme_diva/static/src/xml/index_featured_products2.xml
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
Featured product
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/static/src/xml/index_main_product.xml b/theme_diva/static/src/xml/index_main_product.xml
new file mode 100644
index 000000000..d393ea2ba
--- /dev/null
+++ b/theme_diva/static/src/xml/index_main_product.xml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum
+ dolor sit amet, consectetur
+ adipiscing elit.
+ Aliquam
+ urna erat,
+
+ facilisis quis pellentesque ac,
+ mattis sed magna.
+
+
+ SHOP NOW
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/cart_view.xml b/theme_diva/views/cart_view.xml
new file mode 100644
index 000000000..6426daaf2
--- /dev/null
+++ b/theme_diva/views/cart_view.xml
@@ -0,0 +1,265 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Home
+
+ Shopping Cart
+
+
+
+
+
Shopping Cart
+
+
+
+
+
+
+
+
+
+ Your cart is empty!
+
+
+
+
+
+ Product
+
+
+
+ Price
+
+
+ Quantity
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Order Summery
+
+
+
+
+
PROCEED
+ TO CHECKOUT
+
+
+
+
+
+ Apply Coupon
+
+
+
+
+
+
+
+ If you have a promotion code
+ enter
+ it
+ here.
+
+
+
+
+ This promo
+ code is not available.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/checkout.xml b/theme_diva/views/checkout.xml
new file mode 100644
index 000000000..2d8b213a7
--- /dev/null
+++ b/theme_diva/views/checkout.xml
@@ -0,0 +1,511 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Home
+
+ Checkout
+
+
+
+
+
+
+
+
+
+ True
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Be
+ aware!
+
+
+ You are editing your
+ billing and shipping
+ addresses at the same
+ time!
+
+ If you want to modify
+ your shipping address,
+ create a
+ new address .
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your order:
+
+
+
+
+ Your cart is empty!
+
+
+
+
+
+ Product
+
+ Quantity
+
+
+ Price
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Apply coupon
+
+
+
+
+
+ Subtotal
+
+
+
+ Taxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/contact.xml b/theme_diva/views/contact.xml
new file mode 100644
index 000000000..e61e2faeb
--- /dev/null
+++ b/theme_diva/views/contact.xml
@@ -0,0 +1,249 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Home
+
+ Contact Us
+
+
+
+
+
Contact Form
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/customize.xml b/theme_diva/views/customize.xml
new file mode 100644
index 000000000..3e965a687
--- /dev/null
+++ b/theme_diva/views/customize.xml
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/featured_configuration.xml b/theme_diva/views/featured_configuration.xml
new file mode 100644
index 000000000..9686787ea
--- /dev/null
+++ b/theme_diva/views/featured_configuration.xml
@@ -0,0 +1,69 @@
+
+
+
+ product.featured.view.form
+ product.featured
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ product.featured.view.tree
+ product.featured
+
+
+
+
+
+
+
+
+
+ Featured Products
+ product.featured
+ tree,form
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 2/Featured_product.xml b/theme_diva/views/index 2/Featured_product.xml
new file mode 100644
index 000000000..33757eb71
--- /dev/null
+++ b/theme_diva/views/index 2/Featured_product.xml
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Find Your Beauty Match
+
Free Shipping World Wide
+
Shop
+ Now
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 2/banner.xml b/theme_diva/views/index 2/banner.xml
new file mode 100644
index 000000000..15cf7f286
--- /dev/null
+++ b/theme_diva/views/index 2/banner.xml
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ diva
+
+
+
+
+
+
+ The Future of Cosmetic
+
+
+ Take your pick of the best and newest
+ Korean makeup brands and skin care products.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 2/index2_blog.xml b/theme_diva/views/index 2/index2_blog.xml
new file mode 100644
index 000000000..8fd750083
--- /dev/null
+++ b/theme_diva/views/index 2/index2_blog.xml
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/index 2/offer.xml b/theme_diva/views/index 2/offer.xml
new file mode 100644
index 000000000..803e50f02
--- /dev/null
+++ b/theme_diva/views/index 2/offer.xml
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
100% Authentic
+
+ Products
+
+
+ At Pure, we offer a wide range of authentic
+ Korean beauty products that are backed by
+ lots of great reviews. Our store also
+ provides regular discounts and free global
+ shipping for all our clients.
+
+
+
+
+ Free Shipping Wordwide
+
+
+
+
+
+ Money Back
+
+ Guarantee
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 2/popular_product.xml b/theme_diva/views/index 2/popular_product.xml
new file mode 100644
index 000000000..50b4da140
--- /dev/null
+++ b/theme_diva/views/index 2/popular_product.xml
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Popular product
+
+
+
+
+
+
+
+
+
Skin Care
+
Make your body
+ shine with our series of body care
+ products.
+
+
+
+
+
+
+
+
+
+
+
+
makeup &
+ Cosmetics
+
+
Make your body
+ shine with our series of body care
+ products.
+
+
+
+
+
+
+
+
+
+
+
+
Body Care
+
Make your body
+ shine with our series of body care
+ products.
+
+
+
+
+
+
+
+
+
+
+
+
Perfumes
+
Make your body
+ shine with our series of body care
+ products.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 2/testimonial.xml b/theme_diva/views/index 2/testimonial.xml
new file mode 100644
index 000000000..28ec56f69
--- /dev/null
+++ b/theme_diva/views/index 2/testimonial.xml
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pure has a great range of everyday
+ makeup products. I’ll definitely be a
+ returning
+ client here.
+
+
+
+
+
+
+ By Jho Doe, Client
+
+
+
+
+
+
+
+ I like your skincare products,
+ especially creams and cleansers. Also,
+ your customer
+ service is out of this world!
+
+
+
+
+
+
+ By Jho Doe, Client
+
+
+
+
+
+
+
+ Pure has a great range of everyday
+ makeup products. I’ll definitely be a
+ returning
+ client here.
+
+
+
+
+
+
+ By Jho Doe, Client
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 3/index3_banner.xml b/theme_diva/views/index 3/index3_banner.xml
new file mode 100644
index 000000000..09d2639a5
--- /dev/null
+++ b/theme_diva/views/index 3/index3_banner.xml
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ British made Backpacs
+
+
For everyday adventures in the wild
+ and the city. Our organic waxed canvas
+ backpacks
+ are handmade in Britain with a lifetime
+ guarantee.
+
+
shope Collections
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Adventure inspired.
+
+
+ 100% organic cotton T-shirts. Hand
+ screen printed in Britain with
+ water-based organic
+ inks.
+
+
Shop Organic Tees
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 3/index3_blog.xml b/theme_diva/views/index 3/index3_blog.xml
new file mode 100644
index 000000000..4ed7cd8ae
--- /dev/null
+++ b/theme_diva/views/index 3/index3_blog.xml
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/index 3/index3_gallery.xml b/theme_diva/views/index 3/index3_gallery.xml
new file mode 100644
index 000000000..f5af6ae41
--- /dev/null
+++ b/theme_diva/views/index 3/index3_gallery.xml
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 3/index3_product.xml b/theme_diva/views/index 3/index3_product.xml
new file mode 100644
index 000000000..b0b4f6e68
--- /dev/null
+++ b/theme_diva/views/index 3/index3_product.xml
@@ -0,0 +1,363 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ sustainable Essentials
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
$55.00
+
+
Size
+
+ S
+ M
+
+ L
+ Xl
+ XXL
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New
+
+
+
+
+
+
+
+
+
+ Party wear
+ $450.00
+
+
+
+
+
+
+
+
+
+
+
+
+ New
+
+
+
+
+
+
+
+
+
+ Party wear
+ $450.00
+
+
+
+
+
+
+
+
+
+
+
+
+
+ New
+
+
+
+
+
+
+
+
+
+ Party wear
+ $450.00
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index 3/index3_store.xml b/theme_diva/views/index 3/index3_store.xml
new file mode 100644
index 000000000..72f573d89
--- /dev/null
+++ b/theme_diva/views/index 3/index3_store.xml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
FEATURED STORE
+
+ Your Bussiness Name
+
+
+ This is a demonstration of the "Name" theme for Odoo
+ app.
+
+ Store content and imagery by
+ Bussiness Name
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index/index_banner.xml b/theme_diva/views/index/index_banner.xml
new file mode 100644
index 000000000..da19f0b46
--- /dev/null
+++ b/theme_diva/views/index/index_banner.xml
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Beautiful, natural skin
+
+
Lorem ipsum dolor sit amet,
+ consectetur
+
+
SHOP NOW
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index/index_demo.xml b/theme_diva/views/index/index_demo.xml
new file mode 100644
index 000000000..929d1d9c5
--- /dev/null
+++ b/theme_diva/views/index/index_demo.xml
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/index/index_featured_product.xml b/theme_diva/views/index/index_featured_product.xml
new file mode 100644
index 000000000..b642b3de8
--- /dev/null
+++ b/theme_diva/views/index/index_featured_product.xml
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/index/index_main_product.xml b/theme_diva/views/index/index_main_product.xml
new file mode 100644
index 000000000..fe4ce25c4
--- /dev/null
+++ b/theme_diva/views/index/index_main_product.xml
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/index/index_subscribe.xml b/theme_diva/views/index/index_subscribe.xml
new file mode 100644
index 000000000..6202c9703
--- /dev/null
+++ b/theme_diva/views/index/index_subscribe.xml
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SUBSCRIBE UP FOR OUR NEWSLETTER
+
+
+
+
+
+ Subscribe
+
+
+
+ Un subscribe
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/landing_page/landing_banner.xml b/theme_diva/views/landing_page/landing_banner.xml
new file mode 100644
index 000000000..31b331d14
--- /dev/null
+++ b/theme_diva/views/landing_page/landing_banner.xml
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Avon Ultra Color Ignite Lipstick
+
+
+ The Creamy Gel lipstick
+
+ Increases lip Moisture by 4X
+
+
+ ORDER NOW
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/landing_page/landing_demo.xml b/theme_diva/views/landing_page/landing_demo.xml
new file mode 100644
index 000000000..37f72f63b
--- /dev/null
+++ b/theme_diva/views/landing_page/landing_demo.xml
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
20
+ new shades that are
+
+ designed to match your
+
+ skin tone
+
+
I'm
+ a paragraph. Click here to
+ add your own text and edit
+ me.
+ It’s easy.
+
+ Just click “Edit Text” or
+ double click me to add your
+ own content.
+
+
+ ORDER NOW
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/landing_page/landing_features.xml b/theme_diva/views/landing_page/landing_features.xml
new file mode 100644
index 000000000..00d9bbae1
--- /dev/null
+++ b/theme_diva/views/landing_page/landing_features.xml
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No drag-on lips
+
+
+ I'm a paragraph. Click here
+ to add your own text and
+ edit me. Let your users get
+ to know
+ you.
+
+
+
+
+
+
+
+
+
Intense
+ color
+
+ payoff
+
+
+ I'm a paragraph. Click here
+ to add your own text and
+ edit me. Let your users get
+ to know
+ you.
+
+
+
+
+
+
+
+
+
+ long lasting
+
+ and designed
+
+
+ I'm a paragraph. Click here
+ to add your own text and
+ edit me. Let your users get
+ to know
+ you.
+
+
+
+
+
+
+
+
+
+ India's #1
+
+ Brand
+
+
+ I'm a paragraph. Click here
+ to add your own text and
+ edit me. Let your users get
+ to know
+ you.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/landing_page/landing_sponsored.xml b/theme_diva/views/landing_page/landing_sponsored.xml
new file mode 100644
index 000000000..3dce53a8e
--- /dev/null
+++ b/theme_diva/views/landing_page/landing_sponsored.xml
@@ -0,0 +1,57 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/landing_page/landing_subscribe.xml b/theme_diva/views/landing_page/landing_subscribe.xml
new file mode 100644
index 000000000..dbc70ce39
--- /dev/null
+++ b/theme_diva/views/landing_page/landing_subscribe.xml
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SUBSCRIBE UP FOR OUR
+ NEWSLETTER
+
+
+
+
+
+ Subscribe
+
+
+
+ Unsubscribe
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/landing_page/landing_testimonial.xml b/theme_diva/views/landing_page/landing_testimonial.xml
new file mode 100644
index 000000000..64f2cc328
--- /dev/null
+++ b/theme_diva/views/landing_page/landing_testimonial.xml
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Reviews
+
+
+ “I'm a testimonial. Click to
+ edit me and
+
+ add text that says something
+ nice about
+
+ you
+ and your services.”
+
+
+ Joel Samson
+
+
+
+
Reviews
+
+
+ “I'm a testimonial. Click to
+ edit me and
+
+ add text that says something
+ nice about
+
+ you
+ and your services.”
+
+
+ Joel Samson
+
+
+
+
Reviews
+
+
+ “I'm a testimonial. Click to
+ edit me and
+
+ add text that says something
+ nice about
+
+ you
+ and your services.”
+
+
+ Joel Samson
+
+
+
+
Reviews
+
+
+ “I'm a testimonial. Click to
+ edit me and
+
+ add text that says something
+ nice about
+
+ you
+ and your services.”
+
+
+ Joel Samson
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/theme_diva/views/layout.xml b/theme_diva/views/layout.xml
new file mode 100644
index 000000000..0ab755f55
--- /dev/null
+++ b/theme_diva/views/layout.xml
@@ -0,0 +1,1223 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/myaccount.xml b/theme_diva/views/myaccount.xml
new file mode 100644
index 000000000..6c57c49de
--- /dev/null
+++ b/theme_diva/views/myaccount.xml
@@ -0,0 +1,173 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Home
+
+ My Account
+
+
+
+
+
My Account
+
+
+
+
+
+
+
+
+
+
+
+
+
+
NEW CUSTOMER
+
+ If you don't have an account,
+ please proceed by
+ clicking the following button to
+ continue first-time
+ registration.
+
+
+
+ CREATE
+ ACCOUNT
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/product_view.xml b/theme_diva/views/product_view.xml
new file mode 100644
index 000000000..08291d4a7
--- /dev/null
+++ b/theme_diva/views/product_view.xml
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+ Add to Cart
+
+
+ Product Name
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     
+
+
+ reviews(s)
+
+     
+
+
+
+
+
+
+
+
+
+
+ Description
+
+
+
+
+ Customer Review
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/shop.xml b/theme_diva/views/shop.xml
new file mode 100644
index 000000000..31463562b
--- /dev/null
+++ b/theme_diva/views/shop.xml
@@ -0,0 +1,266 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_diva/views/views.xml b/theme_diva/views/views.xml
new file mode 100644
index 000000000..b82250cdf
--- /dev/null
+++ b/theme_diva/views/views.xml
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+ Landing page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ L
+
+
+ O
+
+
+ A
+
+
+ D
+
+
+ I
+
+
+ N
+
+
+ G
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file