latest pushes
This commit is contained in:
parent
2eceb59e7f
commit
07c332bc80
19
.gitignore
vendored
19
.gitignore
vendored
@ -1,21 +1,2 @@
|
||||
*.class
|
||||
*.pyc
|
||||
|
||||
# Folders
|
||||
build
|
||||
devel
|
||||
dist
|
||||
|
||||
# Package Files #
|
||||
*.jar
|
||||
*.war
|
||||
*.ear
|
||||
|
||||
# Scripts
|
||||
init_setup.sh
|
||||
repository_recal.sh
|
||||
push.sh
|
||||
publish.sh
|
||||
ros_publish.sh
|
||||
prerelease_test.sh
|
||||
errors_fix.sh
|
||||
|
||||
1535
assets/js/bootstrap.min.js
vendored
1535
assets/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
63
assets/js/jquery.nice-select.min.js
vendored
63
assets/js/jquery.nice-select.min.js
vendored
@ -1,4 +1,65 @@
|
||||
/* jQuery Nice Select - v1.0
|
||||
https://github.com/hernansartorio/jquery-nice-select
|
||||
Made by Hernán Sartorio */
|
||||
!function(e){e.fn.niceSelect=function(t){function s(t){t.after(e("<div></div>").addClass("nice-select").addClass(t.attr("class")||"").addClass(t.attr("disabled")?"disabled":"").attr("tabindex",t.attr("disabled")?null:"0").html('<span class="current"></span><ul class="list"></ul>'));var s=t.next(),n=t.find("option"),i=t.find("option:selected");s.find(".current").html(i.data("display")||i.text()),n.each(function(t){var n=e(this),i=n.data("display");s.find("ul").append(e("<li></li>").attr("data-value",n.val()).attr("data-display",i||null).addClass("option"+(n.is(":selected")?" selected":"")+(n.is(":disabled")?" disabled":"")).html(n.text()))})}if("string"==typeof t)return"update"==t?this.each(function(){var t=e(this),n=e(this).next(".nice-select"),i=n.hasClass("open");n.length&&(n.remove(),s(t),i&&t.next().trigger("click"))}):"destroy"==t?(this.each(function(){var t=e(this),s=e(this).next(".nice-select");s.length&&(s.remove(),t.css("display",""))}),0==e(".nice-select").length&&e(document).off(".nice_select")):console.log('Method "'+t+'" does not exist.'),this;this.hide(),this.each(function(){var t=e(this);t.next().hasClass("nice-select")||s(t)}),e(document).off(".nice_select"),e(document).on("click.nice_select",".nice-select",function(t){var s=e(this);e(".nice-select").not(s).removeClass("open"),s.toggleClass("open"),s.hasClass("open")?(s.find(".option"),s.find(".focus").removeClass("focus"),s.find(".selected").addClass("focus")):s.focus()}),e(document).on("click.nice_select",function(t){0===e(t.target).closest(".nice-select").length&&e(".nice-select").removeClass("open").find(".option")}),e(document).on("click.nice_select",".nice-select .option:not(.disabled)",function(t){var s=e(this),n=s.closest(".nice-select");n.find(".selected").removeClass("selected"),s.addClass("selected");var i=s.data("display")||s.text();n.find(".current").text(i),n.prev("select").val(s.data("value")).trigger("change")}),e(document).on("keydown.nice_select",".nice-select",function(t){var s=e(this),n=e(s.find(".focus")||s.find(".list .option.selected"));if(32==t.keyCode||13==t.keyCode)return s.hasClass("open")?n.trigger("click"):s.trigger("click"),!1;if(40==t.keyCode){if(s.hasClass("open")){var i=n.nextAll(".option:not(.disabled)").first();i.length>0&&(s.find(".focus").removeClass("focus"),i.addClass("focus"))}else s.trigger("click");return!1}if(38==t.keyCode){if(s.hasClass("open")){var l=n.prevAll(".option:not(.disabled)").first();l.length>0&&(s.find(".focus").removeClass("focus"),l.addClass("focus"))}else s.trigger("click");return!1}if(27==t.keyCode)s.hasClass("open")&&s.trigger("click");else if(9==t.keyCode&&s.hasClass("open"))return!1});var n=document.createElement("a").style;return n.cssText="pointer-events:auto","auto"!==n.pointerEvents&&e("html").addClass("no-csspointerevents"),this}}(jQuery);
|
||||
! function(e) {
|
||||
e.fn.niceSelect = function(t) {
|
||||
function s(t) {
|
||||
t.after(e("<div></div>").addClass("nice-select").addClass(t.attr("class") || "").addClass(t.attr("disabled") ? "disabled" : "").attr("tabindex", t.attr("disabled") ? null : "0").html('<span class="current"></span><ul class="list"></ul>'));
|
||||
var s = t.next(),
|
||||
n = t.find("option"),
|
||||
i = t.find("option:selected");
|
||||
s.find(".current").html(i.data("display") || i.text()), n.each(function(t) {
|
||||
var n = e(this),
|
||||
i = n.data("display");
|
||||
s.find("ul").append(e("<li></li>").attr("data-value", n.val()).attr("data-display", i || null).addClass("option" + (n.is(":selected") ? " selected" : "") + (n.is(":disabled") ? " disabled" : "")).html(n.text()))
|
||||
})
|
||||
}
|
||||
if ("string" == typeof t) return "update" == t ? this.each(function() {
|
||||
var t = e(this),
|
||||
n = e(this).next(".nice-select"),
|
||||
i = n.hasClass("open");
|
||||
n.length && (n.remove(), s(t), i && t.next().trigger("click"))
|
||||
}) : "destroy" == t ? (this.each(function() {
|
||||
var t = e(this),
|
||||
s = e(this).next(".nice-select");
|
||||
s.length && (s.remove(), t.css("display", ""))
|
||||
}), 0 == e(".nice-select").length && e(document).off(".nice_select")) : console.log('Method "' + t + '" does not exist.'), this;
|
||||
this.hide(), this.each(function() {
|
||||
var t = e(this);
|
||||
t.next().hasClass("nice-select") || s(t)
|
||||
}), e(document).off(".nice_select"), e(document).on("click.nice_select", ".nice-select", function(t) {
|
||||
var s = e(this);
|
||||
e(".nice-select").not(s).removeClass("open"), s.toggleClass("open"), s.hasClass("open") ? (s.find(".option"), s.find(".focus").removeClass("focus"), s.find(".selected").addClass("focus")) : s.focus()
|
||||
}), e(document).on("click.nice_select", function(t) {
|
||||
0 === e(t.target).closest(".nice-select").length && e(".nice-select").removeClass("open").find(".option")
|
||||
}), e(document).on("click.nice_select", ".nice-select .option:not(.disabled)", function(t) {
|
||||
var s = e(this),
|
||||
n = s.closest(".nice-select");
|
||||
n.find(".selected").removeClass("selected"), s.addClass("selected");
|
||||
var i = s.data("display") || s.text();
|
||||
n.find(".current").text(i), n.prev("select").val(s.data("value")).trigger("change")
|
||||
}), e(document).on("keydown.nice_select", ".nice-select", function(t) {
|
||||
var s = e(this),
|
||||
n = e(s.find(".focus") || s.find(".list .option.selected"));
|
||||
if (32 == t.keyCode || 13 == t.keyCode) return s.hasClass("open") ? n.trigger("click") : s.trigger("click"), !1;
|
||||
if (40 == t.keyCode) {
|
||||
if (s.hasClass("open")) {
|
||||
var i = n.nextAll(".option:not(.disabled)").first();
|
||||
i.length > 0 && (s.find(".focus").removeClass("focus"), i.addClass("focus"))
|
||||
} else s.trigger("click");
|
||||
return !1
|
||||
}
|
||||
if (38 == t.keyCode) {
|
||||
if (s.hasClass("open")) {
|
||||
var l = n.prevAll(".option:not(.disabled)").first();
|
||||
l.length > 0 && (s.find(".focus").removeClass("focus"), l.addClass("focus"))
|
||||
} else s.trigger("click");
|
||||
return !1
|
||||
}
|
||||
if (27 == t.keyCode) s.hasClass("open") && s.trigger("click");
|
||||
else if (9 == t.keyCode && s.hasClass("open")) return !1
|
||||
});
|
||||
var n = document.createElement("a").style;
|
||||
return n.cssText = "pointer-events:auto", "auto" !== n.pointerEvents && e("html").addClass("no-csspointerevents"), this
|
||||
}
|
||||
}(jQuery);
|
||||
|
||||
154
assets/js/jquery.paroller.min.js
vendored
154
assets/js/jquery.paroller.min.js
vendored
@ -1,16 +1,144 @@
|
||||
'use strict';/**
|
||||
'use strict';
|
||||
/**
|
||||
* jQuery plugin paroller.js v1.4.6
|
||||
* https://github.com/tgomilar/paroller.js
|
||||
* preview: https://tgomilar.github.io/paroller/
|
||||
**/(function(a){'use strict';'function'==typeof define&&define.amd?define('parollerjs',['jquery'],a):'object'==typeof module&&'object'==typeof module.exports?module.exports=a(require('jquery')):a(jQuery)})(function(a){'use strict';var b=Math.round;let c=!1,d=function(){c=!1},e={bgVertical:function(a,b){return a.css({"background-position":'center '+-b+'px'})},bgHorizontal:function(a,b){return a.css({"background-position":-b+'px center'})},vertical:function(a,b,c,d){return'none'===d&&(d=''),a.css({"-webkit-transform":'translateY('+b+'px)'+d,"-moz-transform":'translateY('+b+'px)'+d,transform:'translate(0,'+b+'px)'+d,transition:c,"will-change":'transform'})},horizontal:function(a,b,c,d){return'none'===d&&(d=''),a.css({"-webkit-transform":'translateX('+b+'px)'+d,"-moz-transform":'translateX('+b+'px)'+d,transform:'translate('+b+'px, 0)'+d,transition:c,"will-change":'transform'})}},f={factor:function(a,b,c){let d=a.data('paroller-factor'),e=d?d:c.factor;if(576>b){let b=a.data('paroller-factor-xs'),d=b?b:c.factorXs;return d?d:e}if(768>=b){let b=a.data('paroller-factor-sm'),d=b?b:c.factorSm;return d?d:e}if(1024>=b){let b=a.data('paroller-factor-md'),d=b?b:c.factorMd;return d?d:e}if(1200>=b){let b=a.data('paroller-factor-lg'),d=b?b:c.factorLg;return d?d:e}if(1920>=b){let b=a.data('paroller-factor-xl'),d=b?b:c.factorXl;return d?d:e}return e},bgOffset:function(a,c){return b(a*c)},transform:function(a,c,d,e){return b((a-d/2+e)*c)}},g={background:function(a){return a.css({"background-position":'unset'})},foreground:function(a){return a.css({transform:'unset',transition:'unset'})}};a.fn.paroller=function(h){const i=a(window).height(),j=a(document).height();// default options
|
||||
return h=a.extend({factor:0,// - to +
|
||||
factorXs:0,// - to +
|
||||
factorSm:0,// - to +
|
||||
factorMd:0,// - to +
|
||||
factorLg:0,// - to +
|
||||
factorXl:0,// - to +
|
||||
transition:'transform .1s ease',// CSS transition
|
||||
type:'background',// foreground
|
||||
direction:'vertical'// horizontal
|
||||
},h),this.each(function(){const k=a(this);let l=k.outerHeight(),m=a(window).width(),n=k.offset().top,o=0,p=function(a,b){// console.log(`offset ${scrollOffset} => ${transform - scrollOffset}`)
|
||||
return a||(o=b),b-o};const q=k.data('paroller-type'),r=k.data('paroller-direction'),s=k.data('paroller-transition'),t=k.css('transform'),u=s?s:h.transition,v=q?q:h.type,w=r?r:h.direction;let x=0,y=f.bgOffset(n,x),z=f.transform(n,x,i,l);'background'===v?'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y):'foreground'===v&&('vertical'===w?e.vertical(k,z,u,t):'horizontal'===w&&e.horizontal(k,z,u,t)),a(window).on('resize',function(){let o=a(this).scrollTop();m=a(window).width(),n=k.offset().top,l=k.outerHeight(),x=f.factor(k,m,h),y=b(n*x);let q=p(a(document).scrollTop(),b((n-i/2+l)*x));c||(window.requestAnimationFrame(d),c=!0),'background'===v?(g.background(k),'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y)):'foreground'===v&&o<=j&&(g.foreground(k),'vertical'===w?e.vertical(k,q,u):'horizontal'===w&&e.horizontal(k,q,u))}),a(window).on('load scroll',function(){let g=a(this).scrollTop(),o=a(document).scrollTop();x=f.factor(k,m,h);let q=p(o,b((n-i/2+l-g)*x));c||(window.requestAnimationFrame(d),c=!0),'background'===v?'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y):'foreground'===v&&g<=j&&('vertical'===w?e.vertical(k,q,u,t):'horizontal'===w&&e.horizontal(k,q,u,t))})})}});
|
||||
**/
|
||||
(function(a) {
|
||||
'use strict';
|
||||
'function' == typeof define && define.amd ? define('parollerjs', ['jquery'], a) : 'object' == typeof module && 'object' == typeof module.exports ? module.exports = a(require('jquery')) : a(jQuery)
|
||||
})(function(a) {
|
||||
'use strict';
|
||||
var b = Math.round;
|
||||
let c = !1,
|
||||
d = function() {
|
||||
c = !1
|
||||
},
|
||||
e = {
|
||||
bgVertical: function(a, b) {
|
||||
return a.css({
|
||||
"background-position": 'center ' + -b + 'px'
|
||||
})
|
||||
},
|
||||
bgHorizontal: function(a, b) {
|
||||
return a.css({
|
||||
"background-position": -b + 'px center'
|
||||
})
|
||||
},
|
||||
vertical: function(a, b, c, d) {
|
||||
return 'none' === d && (d = ''), a.css({
|
||||
"-webkit-transform": 'translateY(' + b + 'px)' + d,
|
||||
"-moz-transform": 'translateY(' + b + 'px)' + d,
|
||||
transform: 'translate(0,' + b + 'px)' + d,
|
||||
transition: c,
|
||||
"will-change": 'transform'
|
||||
})
|
||||
},
|
||||
horizontal: function(a, b, c, d) {
|
||||
return 'none' === d && (d = ''), a.css({
|
||||
"-webkit-transform": 'translateX(' + b + 'px)' + d,
|
||||
"-moz-transform": 'translateX(' + b + 'px)' + d,
|
||||
transform: 'translate(' + b + 'px, 0)' + d,
|
||||
transition: c,
|
||||
"will-change": 'transform'
|
||||
})
|
||||
}
|
||||
},
|
||||
f = {
|
||||
factor: function(a, b, c) {
|
||||
let d = a.data('paroller-factor'),
|
||||
e = d ? d : c.factor;
|
||||
if (576 > b) {
|
||||
let b = a.data('paroller-factor-xs'),
|
||||
d = b ? b : c.factorXs;
|
||||
return d ? d : e
|
||||
}
|
||||
if (768 >= b) {
|
||||
let b = a.data('paroller-factor-sm'),
|
||||
d = b ? b : c.factorSm;
|
||||
return d ? d : e
|
||||
}
|
||||
if (1024 >= b) {
|
||||
let b = a.data('paroller-factor-md'),
|
||||
d = b ? b : c.factorMd;
|
||||
return d ? d : e
|
||||
}
|
||||
if (1200 >= b) {
|
||||
let b = a.data('paroller-factor-lg'),
|
||||
d = b ? b : c.factorLg;
|
||||
return d ? d : e
|
||||
}
|
||||
if (1920 >= b) {
|
||||
let b = a.data('paroller-factor-xl'),
|
||||
d = b ? b : c.factorXl;
|
||||
return d ? d : e
|
||||
}
|
||||
return e
|
||||
},
|
||||
bgOffset: function(a, c) {
|
||||
return b(a * c)
|
||||
},
|
||||
transform: function(a, c, d, e) {
|
||||
return b((a - d / 2 + e) * c)
|
||||
}
|
||||
},
|
||||
g = {
|
||||
background: function(a) {
|
||||
return a.css({
|
||||
"background-position": 'unset'
|
||||
})
|
||||
},
|
||||
foreground: function(a) {
|
||||
return a.css({
|
||||
transform: 'unset',
|
||||
transition: 'unset'
|
||||
})
|
||||
}
|
||||
};
|
||||
a.fn.paroller = function(h) {
|
||||
const i = a(window).height(),
|
||||
j = a(document).height(); // default options
|
||||
return h = a.extend({
|
||||
factor: 0, // - to +
|
||||
factorXs: 0, // - to +
|
||||
factorSm: 0, // - to +
|
||||
factorMd: 0, // - to +
|
||||
factorLg: 0, // - to +
|
||||
factorXl: 0, // - to +
|
||||
transition: 'transform .1s ease', // CSS transition
|
||||
type: 'background', // foreground
|
||||
direction: 'vertical' // horizontal
|
||||
}, h), this.each(function() {
|
||||
const k = a(this);
|
||||
let l = k.outerHeight(),
|
||||
m = a(window).width(),
|
||||
n = k.offset().top,
|
||||
o = 0,
|
||||
p = function(a, b) { // console.log(`offset ${scrollOffset} => ${transform - scrollOffset}`)
|
||||
return a || (o = b), b - o
|
||||
};
|
||||
const q = k.data('paroller-type'),
|
||||
r = k.data('paroller-direction'),
|
||||
s = k.data('paroller-transition'),
|
||||
t = k.css('transform'),
|
||||
u = s ? s : h.transition,
|
||||
v = q ? q : h.type,
|
||||
w = r ? r : h.direction;
|
||||
let x = 0,
|
||||
y = f.bgOffset(n, x),
|
||||
z = f.transform(n, x, i, l);
|
||||
'background' === v ? 'vertical' === w ? e.bgVertical(k, y) : 'horizontal' === w && e.bgHorizontal(k, y) : 'foreground' === v && ('vertical' === w ? e.vertical(k, z, u, t) : 'horizontal' === w && e.horizontal(k, z, u, t)), a(window).on('resize', function() {
|
||||
let o = a(this).scrollTop();
|
||||
m = a(window).width(), n = k.offset().top, l = k.outerHeight(), x = f.factor(k, m, h), y = b(n * x);
|
||||
let q = p(a(document).scrollTop(), b((n - i / 2 + l) * x));
|
||||
c || (window.requestAnimationFrame(d), c = !0), 'background' === v ? (g.background(k), 'vertical' === w ? e.bgVertical(k, y) : 'horizontal' === w && e.bgHorizontal(k, y)) : 'foreground' === v && o <= j && (g.foreground(k), 'vertical' === w ? e.vertical(k, q, u) : 'horizontal' === w && e.horizontal(k, q, u))
|
||||
}), a(window).on('load scroll', function() {
|
||||
let g = a(this).scrollTop(),
|
||||
o = a(document).scrollTop();
|
||||
x = f.factor(k, m, h);
|
||||
let q = p(o, b((n - i / 2 + l - g) * x));
|
||||
c || (window.requestAnimationFrame(d), c = !0), 'background' === v ? 'vertical' === w ? e.bgVertical(k, y) : 'horizontal' === w && e.bgHorizontal(k, y) : 'foreground' === v && g <= j && ('vertical' === w ? e.vertical(k, q, u, t) : 'horizontal' === w && e.horizontal(k, q, u, t))
|
||||
})
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
232
assets/js/jquery.slicknav.min.js
vendored
232
assets/js/jquery.slicknav.min.js
vendored
File diff suppressed because one or more lines are too long
@ -10,32 +10,32 @@
|
||||
// It will only set the 'top' and 'position' of your element, you
|
||||
// might need to adjust the width in some cases.
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node/CommonJS
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
var slice = Array.prototype.slice; // save ref to original slice()
|
||||
var splice = Array.prototype.splice; // save ref to original slice()
|
||||
(function(factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node/CommonJS
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function($) {
|
||||
var slice = Array.prototype.slice; // save ref to original slice()
|
||||
var splice = Array.prototype.splice; // save ref to original slice()
|
||||
|
||||
var defaults = {
|
||||
topSpacing: 0,
|
||||
bottomSpacing: 0,
|
||||
className: 'is-sticky',
|
||||
wrapperClassName: 'sticky-wrapper',
|
||||
center: false,
|
||||
getWidthFrom: '',
|
||||
widthFromWrapper: true, // works only when .getWidthFrom is empty
|
||||
responsiveWidth: false,
|
||||
zIndex: 'inherit'
|
||||
},
|
||||
topSpacing: 0,
|
||||
bottomSpacing: 0,
|
||||
className: 'is-sticky',
|
||||
wrapperClassName: 'sticky-wrapper',
|
||||
center: false,
|
||||
getWidthFrom: '',
|
||||
widthFromWrapper: true, // works only when .getWidthFrom is empty
|
||||
responsiveWidth: false,
|
||||
zIndex: 'inherit'
|
||||
},
|
||||
$window = $(window),
|
||||
$document = $(document),
|
||||
sticked = [],
|
||||
@ -79,13 +79,13 @@
|
||||
if (s.currentTop !== newTop) {
|
||||
var newWidth;
|
||||
if (s.getWidthFrom) {
|
||||
padding = s.stickyElement.innerWidth() - s.stickyElement.width();
|
||||
newWidth = $(s.getWidthFrom).width() - padding || null;
|
||||
padding = s.stickyElement.innerWidth() - s.stickyElement.width();
|
||||
newWidth = $(s.getWidthFrom).width() - padding || null;
|
||||
} else if (s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
newWidth = s.stickyWrapper.width();
|
||||
}
|
||||
if (newWidth == null) {
|
||||
newWidth = s.stickyElement.width();
|
||||
newWidth = s.stickyElement.width();
|
||||
}
|
||||
s.stickyElement
|
||||
.css('width', newWidth)
|
||||
@ -105,7 +105,7 @@
|
||||
if (s.currentTop === s.topSpacing && s.currentTop > newTop || s.currentTop === null && newTop < s.topSpacing) {
|
||||
// just reached bottom || just started to stick but bottom is already reached
|
||||
s.stickyElement.trigger('sticky-bottom-reached', [s]);
|
||||
} else if(s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
|
||||
} else if (s.currentTop !== null && newTop === s.topSpacing && s.currentTop < newTop) {
|
||||
// sticky is started && sticked at topSpacing && overflowing from top just finished
|
||||
s.stickyElement.trigger('sticky-bottom-unreached', [s]);
|
||||
}
|
||||
@ -117,7 +117,7 @@
|
||||
var stickyWrapperContainer = s.stickyWrapper.parent();
|
||||
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
|
||||
|
||||
if( unstick ) {
|
||||
if (unstick) {
|
||||
s.stickyElement
|
||||
.css('position', 'absolute')
|
||||
.css('top', '')
|
||||
@ -140,14 +140,14 @@
|
||||
var s = sticked[i];
|
||||
var newWidth = null;
|
||||
if (s.getWidthFrom) {
|
||||
if (s.responsiveWidth) {
|
||||
newWidth = $(s.getWidthFrom).width();
|
||||
}
|
||||
} else if(s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
if (s.responsiveWidth) {
|
||||
newWidth = $(s.getWidthFrom).width();
|
||||
}
|
||||
} else if (s.widthFromWrapper) {
|
||||
newWidth = s.stickyWrapper.width();
|
||||
}
|
||||
if (newWidth != null) {
|
||||
s.stickyElement.css('width', newWidth);
|
||||
s.stickyElement.css('width', newWidth);
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -165,23 +165,23 @@
|
||||
|
||||
stickyElement.wrapAll(function() {
|
||||
if ($(this).parent("#" + wrapperId).length == 0) {
|
||||
return wrapper;
|
||||
return wrapper;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
var stickyWrapper = stickyElement.parent();
|
||||
|
||||
if (o.center) {
|
||||
stickyWrapper.css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});
|
||||
stickyWrapper.css({ width: stickyElement.outerWidth(), marginLeft: "auto", marginRight: "auto" });
|
||||
}
|
||||
|
||||
if (stickyElement.css("float") === "right") {
|
||||
stickyElement.css({"float":"none"}).parent().css({"float":"right"});
|
||||
stickyElement.css({ "float": "none" }).parent().css({ "float": "right" });
|
||||
}
|
||||
|
||||
o.stickyElement = stickyElement;
|
||||
o.stickyWrapper = stickyWrapper;
|
||||
o.currentTop = null;
|
||||
o.currentTop = null;
|
||||
|
||||
sticked.push(o);
|
||||
|
||||
@ -205,7 +205,7 @@
|
||||
methods.setWrapperHeight(stickyElement);
|
||||
}
|
||||
});
|
||||
mutationObserver.observe(stickyElement, {subtree: true, childList: true});
|
||||
mutationObserver.observe(stickyElement, { subtree: true, childList: true });
|
||||
} else {
|
||||
if (window.addEventListener) {
|
||||
stickyElement.addEventListener('DOMNodeInserted', function() {
|
||||
@ -234,11 +234,11 @@
|
||||
var i = sticked.length;
|
||||
while (i-- > 0) {
|
||||
if (sticked[i].stickyElement.get(0) === that) {
|
||||
splice.call(sticked,i,1);
|
||||
removeIdx = i;
|
||||
splice.call(sticked, i, 1);
|
||||
removeIdx = i;
|
||||
}
|
||||
}
|
||||
if(removeIdx !== -1) {
|
||||
if (removeIdx !== -1) {
|
||||
unstickyElement.unwrap();
|
||||
unstickyElement
|
||||
.css({
|
||||
@ -248,7 +248,7 @@
|
||||
'float': '',
|
||||
'z-index': ''
|
||||
})
|
||||
;
|
||||
;
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -266,8 +266,8 @@
|
||||
$.fn.sticky = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method ) {
|
||||
return methods.init.apply( this, arguments );
|
||||
} else if (typeof method === 'object' || !method) {
|
||||
return methods.init.apply(this, arguments);
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||
}
|
||||
@ -276,8 +276,8 @@
|
||||
$.fn.unstick = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method ) {
|
||||
return methods.unstick.apply( this, arguments );
|
||||
} else if (typeof method === 'object' || !method) {
|
||||
return methods.unstick.apply(this, arguments);
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist on jQuery.sticky');
|
||||
}
|
||||
|
||||
589
assets/js/jquery.validate.min.js
vendored
589
assets/js/jquery.validate.min.js
vendored
File diff suppressed because one or more lines are too long
76
assets/js/one-page-nav-min.js
vendored
76
assets/js/one-page-nav-min.js
vendored
@ -16,4 +16,78 @@
|
||||
* scrollSpeed: 750
|
||||
* });
|
||||
*/
|
||||
!function (t, i, n, s) { var e = function (s, e) { this.elem = s, this.$elem = t(s), this.options = e, this.metadata = this.$elem.data("plugin-options"), this.$win = t(i), this.sections = {}, this.didScroll = !1, this.$doc = t(n), this.docHeight = this.$doc.height() }; e.prototype = { defaults: { navItems: "a", currentClass: "current", changeHash: !1, easing: "swing", filter: "", scrollSpeed: 750, scrollThreshold: .5, begin: !1, end: !1, scrollChange: !1 }, init: function () { return this.config = t.extend({}, this.defaults, this.options, this.metadata), this.$nav = this.$elem.find(this.config.navItems), "" !== this.config.filter && (this.$nav = this.$nav.filter(this.config.filter)), this.$nav.on("click.onePageNav", t.proxy(this.handleClick, this)), this.getPositions(), this.bindInterval(), this.$win.on("resize.onePageNav", t.proxy(this.getPositions, this)), this }, adjustNav: function (t, i) { t.$elem.find("." + t.config.currentClass).removeClass(t.config.currentClass), i.addClass(t.config.currentClass) }, bindInterval: function () { var t, i = this; i.$win.on("scroll.onePageNav", function () { i.didScroll = !0 }), i.t = setInterval(function () { t = i.$doc.height(), i.didScroll && (i.didScroll = !1, i.scrollChange()), t !== i.docHeight && (i.docHeight = t, i.getPositions()) }, 250) }, getHash: function (t) { return t.attr("href").split("#")[1] }, getPositions: function () { var i, n, s, e = this; e.$nav.each(function () { i = e.getHash(t(this)), s = t("#" + i), s.length && (n = s.offset().top, e.sections[i] = Math.round(n)) }) }, getSection: function (t) { var i = null, n = Math.round(this.$win.height() * this.config.scrollThreshold); for (var s in this.sections) this.sections[s] - n < t && (i = s); return i }, handleClick: function (n) { var s = this, e = t(n.currentTarget), o = e.parent(), a = "#" + s.getHash(e); o.hasClass(s.config.currentClass) || (s.config.begin && s.config.begin(), s.adjustNav(s, o), s.unbindInterval(), s.scrollTo(a, function () { s.config.changeHash && (i.location.hash = a), s.bindInterval(), s.config.end && s.config.end() })), n.preventDefault() }, scrollChange: function () { var t, i = this.$win.scrollTop(), n = this.getSection(i); null !== n && (t = this.$elem.find('a[href$="#' + n + '"]').parent(), t.hasClass(this.config.currentClass) || (this.adjustNav(this, t), this.config.scrollChange && this.config.scrollChange(t))) }, scrollTo: function (i, n) { var s = t(i).offset().top; t("html, body").animate({ scrollTop: s - this.config.scrollOffset }, this.config.scrollSpeed, this.config.easing, n) }, unbindInterval: function () { clearInterval(this.t), this.$win.unbind("scroll.onePageNav") } }, e.defaults = e.prototype.defaults, t.fn.onePageNav = function (t) { return this.each(function () { new e(this, t).init() }) } }(jQuery, window, document);
|
||||
! function(t, i, n, s) {
|
||||
var e = function(s, e) {
|
||||
this.elem = s, this.$elem = t(s), this.options = e, this.metadata = this.$elem.data("plugin-options"), this.$win = t(i), this.sections = {}, this.didScroll = !1, this.$doc = t(n), this.docHeight = this.$doc.height()
|
||||
};
|
||||
e.prototype = {
|
||||
defaults: {
|
||||
navItems: "a",
|
||||
currentClass: "current",
|
||||
changeHash: !1,
|
||||
easing: "swing",
|
||||
filter: "",
|
||||
scrollSpeed: 750,
|
||||
scrollThreshold: .5,
|
||||
begin: !1,
|
||||
end: !1,
|
||||
scrollChange: !1
|
||||
},
|
||||
init: function() {
|
||||
return this.config = t.extend({}, this.defaults, this.options, this.metadata), this.$nav = this.$elem.find(this.config.navItems), "" !== this.config.filter && (this.$nav = this.$nav.filter(this.config.filter)), this.$nav.on("click.onePageNav", t.proxy(this.handleClick, this)), this.getPositions(), this.bindInterval(), this.$win.on("resize.onePageNav", t.proxy(this.getPositions, this)), this
|
||||
},
|
||||
adjustNav: function(t, i) {
|
||||
t.$elem.find("." + t.config.currentClass).removeClass(t.config.currentClass), i.addClass(t.config.currentClass)
|
||||
},
|
||||
bindInterval: function() {
|
||||
var t, i = this;
|
||||
i.$win.on("scroll.onePageNav", function() {
|
||||
i.didScroll = !0
|
||||
}), i.t = setInterval(function() {
|
||||
t = i.$doc.height(), i.didScroll && (i.didScroll = !1, i.scrollChange()), t !== i.docHeight && (i.docHeight = t, i.getPositions())
|
||||
}, 250)
|
||||
},
|
||||
getHash: function(t) {
|
||||
return t.attr("href").split("#")[1]
|
||||
},
|
||||
getPositions: function() {
|
||||
var i, n, s, e = this;
|
||||
e.$nav.each(function() {
|
||||
i = e.getHash(t(this)), s = t("#" + i), s.length && (n = s.offset().top, e.sections[i] = Math.round(n))
|
||||
})
|
||||
},
|
||||
getSection: function(t) {
|
||||
var i = null,
|
||||
n = Math.round(this.$win.height() * this.config.scrollThreshold);
|
||||
for (var s in this.sections) this.sections[s] - n < t && (i = s);
|
||||
return i
|
||||
},
|
||||
handleClick: function(n) {
|
||||
var s = this,
|
||||
e = t(n.currentTarget),
|
||||
o = e.parent(),
|
||||
a = "#" + s.getHash(e);
|
||||
o.hasClass(s.config.currentClass) || (s.config.begin && s.config.begin(), s.adjustNav(s, o), s.unbindInterval(), s.scrollTo(a, function() {
|
||||
s.config.changeHash && (i.location.hash = a), s.bindInterval(), s.config.end && s.config.end()
|
||||
})), n.preventDefault()
|
||||
},
|
||||
scrollChange: function() {
|
||||
var t, i = this.$win.scrollTop(),
|
||||
n = this.getSection(i);
|
||||
null !== n && (t = this.$elem.find('a[href$="#' + n + '"]').parent(), t.hasClass(this.config.currentClass) || (this.adjustNav(this, t), this.config.scrollChange && this.config.scrollChange(t)))
|
||||
},
|
||||
scrollTo: function(i, n) {
|
||||
var s = t(i).offset().top;
|
||||
t("html, body").animate({
|
||||
scrollTop: s - this.config.scrollOffset
|
||||
}, this.config.scrollSpeed, this.config.easing, n)
|
||||
},
|
||||
unbindInterval: function() {
|
||||
clearInterval(this.t), this.$win.unbind("scroll.onePageNav")
|
||||
}
|
||||
}, e.defaults = e.prototype.defaults, t.fn.onePageNav = function(t) {
|
||||
return this.each(function() {
|
||||
new e(this, t).init()
|
||||
})
|
||||
}
|
||||
}(jQuery, window, document);
|
||||
|
||||
982
assets/js/owl.carousel.min.js
vendored
982
assets/js/owl.carousel.min.js
vendored
File diff suppressed because one or more lines are too long
841
assets/js/popper.min.js
vendored
841
assets/js/popper.min.js
vendored
File diff suppressed because one or more lines are too long
688
assets/js/slick.min.js
vendored
688
assets/js/slick.min.js
vendored
File diff suppressed because one or more lines are too long
3387
assets/js/vendor/jquery.min.js
vendored
Executable file
3387
assets/js/vendor/jquery.min.js
vendored
Executable file
File diff suppressed because it is too large
Load Diff
295
assets/js/vendor/modernizr-3.5.0.min.js
vendored
295
assets/js/vendor/modernizr-3.5.0.min.js
vendored
File diff suppressed because one or more lines are too long
192
assets/js/wow.min.js
vendored
192
assets/js/wow.min.js
vendored
File diff suppressed because one or more lines are too long
122
assets/scss/_about.scss
Executable file
122
assets/scss/_about.scss
Executable file
@ -0,0 +1,122 @@
|
||||
.about-area{
|
||||
.about-caption{
|
||||
h3{
|
||||
font-size: 30px;
|
||||
color: #000a2d;
|
||||
font-weight: 700;
|
||||
margin-bottom: 35px;
|
||||
line-height: 1.5;
|
||||
@media #{$xs}{
|
||||
font-size: 24px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
}
|
||||
.pera1{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
.about-caption2{
|
||||
h3{
|
||||
font-size: 40px;
|
||||
color: #000a2d;
|
||||
font-weight: 700;
|
||||
margin-bottom: 35px;
|
||||
line-height: 1.5;
|
||||
@media #{$md}{
|
||||
font-size: 30px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
font-size: 30px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
p{
|
||||
color: #464d65;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.send-cv{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
a{
|
||||
color: #000a2d;
|
||||
font-size: 35px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 10px;
|
||||
text-decoration: underline;
|
||||
display: inline-block;
|
||||
@media #{$md}{
|
||||
font-size: 30px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
font-size: 28px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
i{
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
text-decoration: double underline;
|
||||
position: relative;
|
||||
bottom: -10px;
|
||||
@media #{$sm}{
|
||||
bottom: -6px;
|
||||
font-size: 23px;
|
||||
|
||||
}
|
||||
@media #{$xs}{
|
||||
bottom: -6px;
|
||||
font-size: 23px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.about-me{
|
||||
.about-me-img{
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.about-me-caption{
|
||||
h2 {
|
||||
font-size: 48px;
|
||||
display: block;
|
||||
color: $heading-color;
|
||||
font-weight: 600;
|
||||
margin-bottom: 40px;
|
||||
@media #{$lg}{
|
||||
font-size: 41px;
|
||||
}
|
||||
@media #{$md}{
|
||||
font-size: 35px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
font-size: 31px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 24px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
}
|
||||
p{
|
||||
|
||||
}
|
||||
h5{
|
||||
padding-left: 25px;
|
||||
border-left: 2px solid #ff5f13;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
1579
assets/scss/_blog_page.scss
Executable file
1579
assets/scss/_blog_page.scss
Executable file
File diff suppressed because it is too large
Load Diff
220
assets/scss/_bradcam.scss
Executable file
220
assets/scss/_bradcam.scss
Executable file
@ -0,0 +1,220 @@
|
||||
.breadcam_bg{
|
||||
background-image: url(../img/banner/bradcam.png);
|
||||
}
|
||||
.breadcam_bg_1{
|
||||
background-image: url(../img/banner/bradcam2.png);
|
||||
}
|
||||
.breadcam_bg_2{
|
||||
background-image: url(../img/banner/bradcam3.png);
|
||||
}
|
||||
.bradcam_area{
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
padding: 160px 0;
|
||||
background-position: bottom;
|
||||
background-repeat: no-repeat;
|
||||
@media #{$mobile_device} {
|
||||
padding: 150px 0;
|
||||
}
|
||||
@media #{$tablet_device} {
|
||||
padding: 150px 0;
|
||||
}
|
||||
h3{
|
||||
font-size: 50px;
|
||||
color: #fff;
|
||||
font-weight: 900;
|
||||
margin-bottom: 0;
|
||||
font-family: $font_1;
|
||||
text-transform: capitalize;
|
||||
@media #{$mobile_device} {
|
||||
font-size: 30px;
|
||||
}
|
||||
@media #{$tablet_device} {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popup_box{
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 50%;
|
||||
// transform: translate(-50%,-50%);
|
||||
background: #fff;
|
||||
display: inline-block;
|
||||
z-index: 9;
|
||||
width: 681px;
|
||||
padding: 60px 40px;
|
||||
@media #{$mobile_device} {
|
||||
width: 320px;
|
||||
padding: 45px 30px;
|
||||
}
|
||||
@media #{$large_mobile} {
|
||||
width: 420px !important;
|
||||
padding: 45px 30px;
|
||||
}
|
||||
|
||||
h3{
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
color: #1F1F1F;
|
||||
margin-bottom: 46px;
|
||||
}
|
||||
.boxed-btn3{
|
||||
width: 100%;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.nice-select {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background-color: #fff;
|
||||
/* border-radius: 5px; */
|
||||
border: solid 1px #E2E2E2;
|
||||
box-sizing: border-box;
|
||||
clear: both;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: left;
|
||||
font-family: $font_2;
|
||||
font-weight: normal;
|
||||
width: 100% !important;
|
||||
/* height: 42px; */
|
||||
line-height: 50px;
|
||||
outline: none;
|
||||
padding-left: 18px;
|
||||
padding-right: 30px;
|
||||
position: relative;
|
||||
text-align: left !important;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
width: auto;
|
||||
border-radius: 0;
|
||||
margin-bottom: 30px;
|
||||
height: 50px !important;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: #919191;
|
||||
&::after {
|
||||
content: "\f0d7";
|
||||
display: block;
|
||||
height: 5px;
|
||||
margin-top: -5px;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 17px;
|
||||
top: 3px;
|
||||
transition: all 0.15s ease-in-out;
|
||||
width: 5px;
|
||||
font-family: fontawesome;
|
||||
color: #919191;
|
||||
font-size: 15px;
|
||||
}
|
||||
&.open .list {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
-webkit-transform: scale(1) translateY(0);
|
||||
-ms-transform: scale(1) translateY(0);
|
||||
transform: scale(1) translateY(0);
|
||||
height: 200px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
&.list {
|
||||
height: 200px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
}
|
||||
}
|
||||
#test-form {
|
||||
display: inline-block;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
@include transform (translate(-50%,-50%));
|
||||
@media #{$mobile_device}{
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include transform (none);
|
||||
}
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333;
|
||||
display: none !important;
|
||||
}
|
||||
button{
|
||||
&.mfp-close{
|
||||
display: none !important;
|
||||
@media #{$mobile_device} {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
button.mfp-close {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: #4A3600;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
border-bottom-right-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
position: absolute;
|
||||
right: -6px;
|
||||
color: #fff !important;
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #4A3600;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.gj-picker.gj-picker-md.datepicker.gj-unselectable {
|
||||
@media #{$mobile_device} {
|
||||
// width: 320px;
|
||||
// left: 0 !important;
|
||||
}
|
||||
|
||||
}
|
||||
.gj-picker.gj-picker-md.timepicker {
|
||||
@media #{$mobile_device} {
|
||||
width: 310px;
|
||||
left: 6px !important;
|
||||
}
|
||||
|
||||
}
|
||||
.gj-picker.gj-picker-md.datepicker.gj-unselectable {
|
||||
@media #{$mobile_device} {
|
||||
width: 320px;
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
117
assets/scss/_categories.scss
Executable file
117
assets/scss/_categories.scss
Executable file
@ -0,0 +1,117 @@
|
||||
.categories-area {
|
||||
background-image: url(../img/gallery/shape1.png);
|
||||
background-size: 71%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left top;
|
||||
@media #{$md}{
|
||||
background-image: unset;
|
||||
}
|
||||
@media #{$sm}{
|
||||
background-image: unset;
|
||||
}
|
||||
@media #{$xs}{
|
||||
background-image: unset;
|
||||
}
|
||||
&.categories-area2{
|
||||
background-image: unset;
|
||||
}
|
||||
.single-cat{
|
||||
border: 1px solid #e1ebf7;
|
||||
border-radius: 6px;
|
||||
padding: 61px 22px;
|
||||
@include transition(.4s);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 0;
|
||||
background:#ff3d1c;
|
||||
transition: .6s;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.cat-icon{
|
||||
span{
|
||||
color: $theme-color;
|
||||
font-size: 50px;
|
||||
margin-bottom: 30px;
|
||||
display: block;
|
||||
margin-bottom: 50px;
|
||||
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background:#fff4f4;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
border-radius: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.cat-cap{
|
||||
h5{
|
||||
& > a{
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 21px;
|
||||
display: block;
|
||||
@include transition(.2s);
|
||||
@media #{$sm}{
|
||||
font-size: 21px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
p{
|
||||
margin-bottom: 36px;
|
||||
color: #57667e;
|
||||
font-size: 16px;
|
||||
@include transition(.2s);
|
||||
margin: 0;
|
||||
@media #{$sm}{
|
||||
font-size: 15px;
|
||||
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: #1c165c;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
@include transition(.2s);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Hover Effect In single
|
||||
&:hover{
|
||||
border: 1px solid transparent;
|
||||
// background: #ff3d1c;
|
||||
|
||||
&::before {
|
||||
height: 100%;
|
||||
}
|
||||
.cat-icon{
|
||||
span{
|
||||
background:#fff;
|
||||
}
|
||||
}
|
||||
.cat-cap{
|
||||
h5{
|
||||
color: #fff;
|
||||
}
|
||||
p{
|
||||
color: #fff;
|
||||
}
|
||||
a{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
104
assets/scss/_color.scss
Executable file
104
assets/scss/_color.scss
Executable file
@ -0,0 +1,104 @@
|
||||
|
||||
/*------------- Color Variable --------------*/
|
||||
|
||||
//Colors
|
||||
$white: #ffffff;
|
||||
$black: #16161a;
|
||||
$gray:#f7f7fd;
|
||||
|
||||
// font-color
|
||||
$heading-color:#000a2d;
|
||||
$heading_color2: #242b5e;
|
||||
|
||||
//Theme color
|
||||
$theme-color: #1f2b7b;
|
||||
$theme-color2: #ec5b53;
|
||||
$theme-color3: #f27420;
|
||||
$theme-color4: #ff3500;
|
||||
|
||||
// Body Font
|
||||
$body-text-color: #464d65;
|
||||
$hr-border-color:#eceff8;
|
||||
|
||||
// btn and Section color
|
||||
$btn_bg: #1f2b7b;
|
||||
|
||||
// Section Bg
|
||||
$section_bg1: #454545;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.white-bg{
|
||||
background: #ffffff;
|
||||
}
|
||||
.gray-bg{
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
$gray-color: #bebebe;
|
||||
$gray-color-2: #bdbdbd;
|
||||
$gray-color3:#5c5c5c;
|
||||
$white_color:#fff;
|
||||
|
||||
|
||||
// font color
|
||||
$font_color1: #10285d;
|
||||
|
||||
$border_color: #fdcb9e;
|
||||
$footer_bg: #303030;
|
||||
$sidebar_bg: #fbf9ff;
|
||||
|
||||
|
||||
|
||||
|
||||
// bg
|
||||
$brand-bg: #f1f4fa;
|
||||
$testimonial-bg:#f9fafc;
|
||||
|
||||
|
||||
// Soft color
|
||||
$black-soft:#7e7e7e;
|
||||
|
||||
// Section Bg color
|
||||
$blue-bg1:#00163e;
|
||||
|
||||
|
||||
|
||||
|
||||
/*-------------Color include--------------*/
|
||||
|
||||
|
||||
/*-- Background color---*/
|
||||
|
||||
.gray-bg {
|
||||
background: $gray;
|
||||
}
|
||||
.white-bg {
|
||||
background:$white;
|
||||
}
|
||||
.black-bg {
|
||||
background: $black;
|
||||
}
|
||||
.theme-bg {
|
||||
background:$theme-color;
|
||||
}
|
||||
.brand-bg{
|
||||
background: $brand-bg;
|
||||
}
|
||||
.testimonial-bg{
|
||||
background: $testimonial-bg;
|
||||
}
|
||||
|
||||
|
||||
/*--- color------*/
|
||||
.white-color {
|
||||
color: $white;
|
||||
}
|
||||
.black-color {
|
||||
color: $black;
|
||||
}
|
||||
.theme-color {
|
||||
color: $theme-color;
|
||||
}
|
||||
901
assets/scss/_common.scss
Executable file
901
assets/scss/_common.scss
Executable file
@ -0,0 +1,901 @@
|
||||
|
||||
/* 1. Theme default css */
|
||||
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900|Rufina:400,700&display=swap');
|
||||
body {
|
||||
font-family: $font_2;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: $font_1;
|
||||
color:$heading-color;
|
||||
|
||||
margin-top: 0px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
text-transform: normal;
|
||||
}
|
||||
p {
|
||||
font-family:$font_2;
|
||||
color: $font_color1;
|
||||
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// background-image
|
||||
.bg-img-1{
|
||||
background-image: url(../img/slider/slider-img-1.jpg);
|
||||
}
|
||||
.bg-img-2{
|
||||
background-image: url(../img/background-img/bg-img-2.jpg);
|
||||
}
|
||||
.cta-bg-1{
|
||||
background-image: url(../img/background-img/bg-img-3.jpg);
|
||||
|
||||
}
|
||||
|
||||
.img {
|
||||
max-width: 100%;
|
||||
@include transition(.3s);
|
||||
}
|
||||
.f-left {
|
||||
float: left
|
||||
}
|
||||
.f-right {
|
||||
float: right
|
||||
}
|
||||
.fix {
|
||||
overflow: hidden
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
a,
|
||||
.button {
|
||||
@include transition(.3s);
|
||||
}
|
||||
a:focus,
|
||||
.button:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
a{
|
||||
color: rgb(99, 92, 92);
|
||||
}
|
||||
a:hover{
|
||||
color: #fff;
|
||||
}
|
||||
a:focus,
|
||||
a:hover,
|
||||
.portfolio-cat a:hover,
|
||||
.footer -menu li a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a,
|
||||
button {
|
||||
color: #fff;
|
||||
outline: medium none;
|
||||
}
|
||||
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
input:focus::-moz-placeholder {
|
||||
opacity: 0;
|
||||
-webkit-transition: .4s;
|
||||
-o-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a,
|
||||
h4 a,
|
||||
h5 a,
|
||||
h6 a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 1px solid #eceff8;
|
||||
border-top: 0 none;
|
||||
margin: 30px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Theme-overlay */
|
||||
.theme-overlay {
|
||||
position: relative
|
||||
}
|
||||
.theme-overlay::before {
|
||||
background: #1696e7 none repeat scroll 0 0;
|
||||
content: "";
|
||||
height: 100%;
|
||||
left: 0;
|
||||
opacity: 0.6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.overlay{
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
.overlay::before{
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
@extend %overlay;
|
||||
}
|
||||
.overlay2{
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
.overlay2::before{
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: #2E2200;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
// Section Padding
|
||||
.section-padding{
|
||||
padding-top: 120px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.separator {
|
||||
border-top: 1px solid #f2f2f2
|
||||
}
|
||||
|
||||
.mb-90{
|
||||
margin-bottom: 90px;
|
||||
@media #{$mobile_device}{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@media #{$tablet_device}{
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
/* owl-carousel button style */
|
||||
.owl-carousel {
|
||||
.owl-nav div {
|
||||
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
|
||||
height: 40px;
|
||||
left: 20px;
|
||||
line-height: 40px;
|
||||
|
||||
font-size: 22px;
|
||||
color: #646464;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
transition: all 0.3s ease 0s;
|
||||
width: 40px;
|
||||
}
|
||||
.owl-nav{
|
||||
div{
|
||||
&.owl-next{
|
||||
left: auto;
|
||||
right: -30px;
|
||||
i{
|
||||
position: relative;
|
||||
right: 0;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
&.owl-prev{
|
||||
i{
|
||||
position: relative;
|
||||
right: 1px;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
.owl-nav{
|
||||
div{
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
&:hover{
|
||||
color: #fff;
|
||||
background: $theme-color4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
background: $btn_bg;
|
||||
|
||||
padding: 27px 44px;
|
||||
text-transform: capitalize;
|
||||
font-family: $font_2;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
|
||||
-moz-user-select: none;
|
||||
font-weight: 500;
|
||||
letter-spacing: 1px;
|
||||
line-height: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
margin: 10px;
|
||||
cursor: pointer;
|
||||
transition: color 0.4s linear;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
margin:0;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 101%;
|
||||
height: 101%;
|
||||
background:#e44239;
|
||||
z-index: 1;
|
||||
border-radius: 5px;
|
||||
transition: transform 0.5s;
|
||||
transition-timing-function: ease;
|
||||
transform-origin: 0 0;
|
||||
transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7);
|
||||
//
|
||||
transform: scaleX(0);
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
.btn:hover::before {
|
||||
transform: scaleX(1);
|
||||
color: #fff !important;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.btn.focus, .btn:focus {
|
||||
outline: 0;
|
||||
box-shadow:none;
|
||||
}
|
||||
.header-btn{
|
||||
padding: 27px 18px;
|
||||
}
|
||||
.hero-btn{
|
||||
@media #{$xs}{
|
||||
margin-bottom: 20 !important;
|
||||
}
|
||||
}
|
||||
.btn.btn-black.f-right {
|
||||
|
||||
@media #{$xs}{
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
float: left;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
// Custom Btn
|
||||
.submit-btn2 {
|
||||
background: #ec5b53;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
padding: 10px 20px;
|
||||
border: 0;
|
||||
color: #fff;
|
||||
text-transform: capitalize;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.border-btn{
|
||||
border: 1px solid #e3c6c6;
|
||||
color: #464d65;
|
||||
background: none;
|
||||
border-radius: 5px;
|
||||
text-transform: capitalize;
|
||||
|
||||
padding: 25px 57px;
|
||||
-moz-user-select: none;
|
||||
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
transition: color 0.4s linear;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
@media #{$xs}{
|
||||
display: none;
|
||||
}
|
||||
&::before{
|
||||
border: 1px solid transparent;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 101%;
|
||||
height: 101%;
|
||||
background:$theme-color;
|
||||
z-index: -1;
|
||||
transition: transform 0.5s;
|
||||
transition-timing-function: ease;
|
||||
transform-origin: 0 0;
|
||||
transition-timing-function: cubic-bezier(0.5,1.6,0.4,0.7);
|
||||
//
|
||||
transform: scaleY(0);
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
.border-btn:hover::before {
|
||||
transform: scaleY(1);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* button style */
|
||||
.breadcrumb > .active {
|
||||
color: #888;
|
||||
}
|
||||
/* scrollUp */
|
||||
#scrollUp,#back-top {
|
||||
background:$theme-color;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
right: 31px;
|
||||
bottom: 18px;
|
||||
position: fixed;
|
||||
@media #{$xs}{
|
||||
right: 16px;
|
||||
}
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
line-height: 48px;
|
||||
border: 2px solid transparent;
|
||||
box-shadow: 0 0 10px 3px rgba(108, 98, 98, 0.2);
|
||||
a i {
|
||||
display: block;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#scrollUp:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Sticky*/
|
||||
.sticky-bar {
|
||||
left: 0;
|
||||
margin: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
|
||||
box-shadow:0 10px 15px rgba(25, 25, 25, 0.1);
|
||||
z-index: 9999;
|
||||
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
|
||||
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
|
||||
-webkit-box-shadow:0 10px 15px rgba(25, 25, 25, 0.1);
|
||||
background: #fff;
|
||||
}
|
||||
/* Sticky end */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*--- Margin & Padding --*/
|
||||
|
||||
/*-- Margin Top --*/
|
||||
@for $i from 1 through 40 {
|
||||
.mt-#{5 * $i}{margin-top: 5px * $i;}
|
||||
}
|
||||
|
||||
/*-- Margin Bottom --*/
|
||||
@for $i from 1 through 40 {
|
||||
.mb-#{5 * $i}{margin-bottom: 5px *$i;}
|
||||
}
|
||||
/*-- Margin Left --*/
|
||||
@for $i from 1 through 40 {
|
||||
.ml-#{5 * $i}{margin-left: 5px * $i;}
|
||||
}
|
||||
|
||||
/*-- Margin Right --*/
|
||||
@for $i from 1 through 40 {
|
||||
.mr-#{5 * $i}{margin-right: 5px *$i;}
|
||||
}
|
||||
|
||||
/*-- Padding Top --*/
|
||||
@for $i from 1 through 40 {
|
||||
.pt-#{5 * $i}{padding-top: 5px *$i;}
|
||||
}
|
||||
.pt-260{
|
||||
padding-top: 260px;
|
||||
}
|
||||
/*-- Padding Bottom --*/
|
||||
@for $i from 1 through 40 {
|
||||
.pb-#{5 * $i}{padding-bottom: 5px *$i;}
|
||||
}
|
||||
|
||||
/*-- Padding Left --*/
|
||||
@for $i from 1 through 40 {
|
||||
.pl-#{5 * $i}{padding-left: 5px *$i;}
|
||||
}
|
||||
|
||||
/*-- Padding Right --*/
|
||||
@for $i from 1 through 40 {
|
||||
.pr-#{5 * $i}{padding-right: 5px *$i;}
|
||||
}
|
||||
|
||||
|
||||
// others common css here :)
|
||||
|
||||
|
||||
|
||||
/*-- Some Animated CSS -- */
|
||||
|
||||
/* bounce-animate */
|
||||
.bounce-animate{
|
||||
animation-name: float-bob;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: infinite;
|
||||
/* animation-timing-function: linear; */
|
||||
-moz-animation-name: float-bob;
|
||||
-moz-animation-duration: 2s;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-moz-animation-timing-function: linear;
|
||||
-ms-animation-name: float-bob;
|
||||
-ms-animation-duration: 2s;
|
||||
-ms-animation-iteration-count: infinite;
|
||||
-ms-animation-timing-function: linear;
|
||||
-o-animation-name: float-bob;
|
||||
-o-animation-duration: 2s;
|
||||
-o-animation-iteration-count: infinite;
|
||||
-o-animation-timing-function: linear;
|
||||
}
|
||||
@-webkit-keyframes float-bob {
|
||||
0% {
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px); }
|
||||
50% {
|
||||
-webkit-transform: translateY(-10px);
|
||||
transform: translateY(-10px); }
|
||||
100% {
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px); } }
|
||||
|
||||
/* heartbeat */
|
||||
.heartbeat {
|
||||
animation: heartbeat 1s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes heartbeat {
|
||||
to {
|
||||
-webkit-transform: scale(1.03);
|
||||
transform: scale(1.03);
|
||||
}
|
||||
}
|
||||
|
||||
/* rotateme */
|
||||
.rotateme {
|
||||
-webkit-animation-name: rotateme;
|
||||
animation-name: rotateme;
|
||||
-webkit-animation-duration: 30s;
|
||||
animation-duration: 30s;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
@keyframes rotateme {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotateme {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* 20. preloader */
|
||||
.preloader {
|
||||
background-color: #f7f7f7;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 999999;
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.preloader .preloader-circle {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
// border-top-color:$theme-color;
|
||||
border-top-color:$theme-color;
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
z-index: 10;
|
||||
border-radius: 50%;
|
||||
-webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
|
||||
box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
|
||||
background-color: #fff;
|
||||
-webkit-animation: zoom 2000ms infinite ease;
|
||||
animation: zoom 2000ms infinite ease;
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
}
|
||||
.preloader .preloader-circle2 {
|
||||
border-top-color: #0078ff;
|
||||
}
|
||||
.preloader .preloader-img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 200;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
padding-top: 6px;
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
}
|
||||
|
||||
.preloader .preloader-img img {
|
||||
max-width: 55px;
|
||||
}
|
||||
.preloader .pere-text strong{
|
||||
font-weight: 800;
|
||||
color:#dca73a ;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@-webkit-keyframes zoom {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoom {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
-webkit-transition: .6s;
|
||||
-o-transition: .6s;
|
||||
transition: .6s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*-- Section Padding -- */
|
||||
|
||||
.section-padding2{
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
@media #{$laptop}{
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
@media #{$lg}{
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.pb-bottom{
|
||||
padding-bottom: 200px;
|
||||
@media #{$lg}{
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.pb-top{
|
||||
padding-top: 200px;
|
||||
@media #{$md}{
|
||||
padding-top: 70px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 70px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 70px;
|
||||
}
|
||||
}
|
||||
.testimonial-padding{
|
||||
padding-top: 190px;
|
||||
padding-bottom: 170px;
|
||||
@media #{$lg}{
|
||||
padding-top: 190px;
|
||||
padding-bottom: 170px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 70px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
.w-padding2{
|
||||
padding-top: 130px;
|
||||
padding-bottom:125px;
|
||||
@media #{$lg}{
|
||||
padding-top: 130px;
|
||||
padding-bottom:125px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 100px;
|
||||
padding-bottom:100px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 70px;
|
||||
padding-bottom:70px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 70px;
|
||||
padding-bottom:70px;
|
||||
}
|
||||
}
|
||||
.section-padding30{
|
||||
padding-top: 195px;
|
||||
padding-bottom: 140px;
|
||||
@media #{$laptop}{
|
||||
padding-top: 195px;
|
||||
padding-bottom: 140px;
|
||||
}
|
||||
@media #{$lg}{
|
||||
padding-top: 150px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 100px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 65px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 65px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.services-padding{
|
||||
padding-top: 145px;
|
||||
padding-bottom: 170px;
|
||||
@media #{$lg}{
|
||||
padding-top: 145px;
|
||||
padding-bottom: 170px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 100px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 65px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 65px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
}
|
||||
.section-paddingt30{
|
||||
padding-top: 195px;
|
||||
padding-bottom: 90px;
|
||||
@media #{$lg}{
|
||||
padding-top: 150px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 100px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 65px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 65px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.section-padding3{
|
||||
padding-top: 150px;
|
||||
padding-bottom: 0;
|
||||
@media #{$lg}{
|
||||
padding-top: 150px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 60px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 60px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 60px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-padding{
|
||||
padding-top: 150px;
|
||||
padding-bottom: 136px;
|
||||
@media #{$lg}{
|
||||
padding-top: 150px;
|
||||
padding-bottom: 136px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-top: 100px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 80px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-top: 80px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// section Tittle
|
||||
.section-tittle{
|
||||
@media #{$xs}{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 48px;
|
||||
display: block;
|
||||
color: $heading-color;
|
||||
font-weight: 600;
|
||||
@media #{$sm}{
|
||||
font-size: 31px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 24px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section-bg{
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
63
assets/scss/_contact-inof.scss
Executable file
63
assets/scss/_contact-inof.scss
Executable file
@ -0,0 +1,63 @@
|
||||
.contact-info-area{
|
||||
.contact-caption{
|
||||
h3{
|
||||
font-size: 48px;
|
||||
display: block;
|
||||
color: $heading-color;
|
||||
font-weight: 600;
|
||||
margin-bottom: 40px;
|
||||
@media #{$sm}{
|
||||
font-size: 31px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 28px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
}
|
||||
p{
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
img{
|
||||
|
||||
}
|
||||
}
|
||||
.contact-wrapper{
|
||||
input {
|
||||
background:#fff;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
padding: 10px 26px;
|
||||
border: 0;
|
||||
color: #a3a3a3;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
border-radius: 0px;
|
||||
border: 0;
|
||||
margin-bottom: 30px;
|
||||
&::placeholder{
|
||||
color: #9696a7;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
color: #a3a3a3;
|
||||
background:#fff;
|
||||
font-weight: 500;
|
||||
letter-spacing: 2px;
|
||||
text-transform: capitalize;
|
||||
height: 160px;
|
||||
width: 100%;
|
||||
padding: 30px 26px;
|
||||
border: 0;
|
||||
border-radius: 0px;
|
||||
border: 0;
|
||||
margin-bottom: 30px;
|
||||
&::placeholder{
|
||||
color: #9696a7;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
153
assets/scss/_contact.scss
Executable file
153
assets/scss/_contact.scss
Executable file
@ -0,0 +1,153 @@
|
||||
/*=================== contact banner start ====================*/
|
||||
|
||||
.dropdown .dropdown-menu {
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-ms-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.contact-info{
|
||||
margin-bottom: 25px;
|
||||
|
||||
&__icon{
|
||||
margin-right: 20px;
|
||||
|
||||
i,span{
|
||||
color: #8f9195;
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
.media-body{
|
||||
|
||||
h3{
|
||||
font-size: 16px;
|
||||
margin-bottom: 0;
|
||||
font-size: 16px;
|
||||
color: #2a2a2a;
|
||||
a{
|
||||
&:hover{
|
||||
color: $theme-color2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
color: #8a8a8a;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*=================== contact banner end ====================*/
|
||||
|
||||
|
||||
/*=================== contact form start ====================*/
|
||||
.contact-title{
|
||||
font-size: 27px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.form-contact{
|
||||
|
||||
label{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-group{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.form-control{
|
||||
border: 1px solid #e5e6e9;
|
||||
border-radius: 0px;
|
||||
height: 48px;
|
||||
padding-left: 18px;
|
||||
font-size: 13px;
|
||||
background: transparent;
|
||||
|
||||
&:focus{
|
||||
outline: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&::placeholder{
|
||||
font-weight: 300;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
textarea{
|
||||
border-radius: 0px;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
// button{
|
||||
// border: 0;
|
||||
// }
|
||||
}
|
||||
|
||||
/*=================== contact form end ====================*/
|
||||
|
||||
/* Contact Success and error Area css
|
||||
============================================================================================ */
|
||||
|
||||
|
||||
.modal-message {
|
||||
.modal-dialog {
|
||||
position: absolute;
|
||||
top: 36%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%) !important;
|
||||
margin: 0px;
|
||||
max-width: 500px;
|
||||
width: 100%;
|
||||
.modal-content {
|
||||
.modal-header {
|
||||
text-align: center;
|
||||
display: block;
|
||||
border-bottom: none;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
.close {
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
top: -15px;
|
||||
padding: 0px;
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
h2 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
p {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.contact-section{
|
||||
padding: 130px 0 100px;
|
||||
@media #{$tab}{
|
||||
padding: 70px 0 40px;
|
||||
}
|
||||
@media #{$medium_device}{
|
||||
padding: 80px 0 50px;
|
||||
}
|
||||
.btn_2{
|
||||
background-color:#191d34;
|
||||
padding: 18px 60px;
|
||||
border-radius: 50px;
|
||||
margin-top: 0;
|
||||
&:hover{
|
||||
background-color: $theme-color2;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
1069
assets/scss/_elements.scss
Executable file
1069
assets/scss/_elements.scss
Executable file
File diff suppressed because it is too large
Load Diff
50
assets/scss/_extend.scss
Executable file
50
assets/scss/_extend.scss
Executable file
@ -0,0 +1,50 @@
|
||||
.flex-center-start{
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
%overlay{
|
||||
background-image: -moz-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%);
|
||||
background-image: -webkit-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%);
|
||||
background-image: -ms-linear-gradient( 170deg, rgba(34,34,34,0) 0%, rgb(0,0,0) 100%);
|
||||
}
|
||||
|
||||
%btn_gradient{
|
||||
background-image: -moz-linear-gradient( 0deg, rgb(241,68,55) 0%, rgb(237,91,13) 99%);
|
||||
background-image: -webkit-linear-gradient( 0deg, rgb(241,68,55) 0%, rgb(237,91,13) 99%);
|
||||
background-image: -ms-linear-gradient( 0deg, rgb(241,68,55) 0%, rgb(237,91,13) 99%);
|
||||
}
|
||||
|
||||
// Home Page Gradient
|
||||
|
||||
%gradient_team{
|
||||
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#021a47+0,021a47+100&0+0,0.6+100 */
|
||||
background: -moz-linear-gradient(top, rgba(2,26,71,0) 0%, rgba(2,26,71,0.6) 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, rgba(2,26,71,0) 0%,rgba(2,26,71,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, rgba(2,26,71,0) 0%,rgba(2,26,71,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00021a47', endColorstr='#99021a47',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
%gallery{
|
||||
background-image: -moz-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%);
|
||||
background-image: -webkit-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%);
|
||||
background-image: -ms-linear-gradient( 90deg, rgb(1,10,39) 0%, rgb(1,10,39) 0%, rgba(6,31,120,0.3) 70%, rgba(11,52,201,0.01) 100%, rgb(11,52,201) 100%);
|
||||
|
||||
}
|
||||
|
||||
// &::before{
|
||||
// position: absolute;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// bottom: 0;
|
||||
// content: "";
|
||||
// @extend %gallery;
|
||||
|
||||
// }
|
||||
88
assets/scss/_footer.scss
Executable file
88
assets/scss/_footer.scss
Executable file
@ -0,0 +1,88 @@
|
||||
.footer-area{
|
||||
background: #080827;
|
||||
.footer-top{
|
||||
.footer-top-cap{
|
||||
img{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
span{
|
||||
a{
|
||||
font-size: 50px;
|
||||
display: block;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
@media #{$xs}{
|
||||
font-size: 27px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
font-size: 45px;
|
||||
}
|
||||
&:hvoer{
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
p{
|
||||
color: #c5c5dd;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
//copy Right
|
||||
.footer-bottom{
|
||||
// border-top: 1px solid #1c2e4c;
|
||||
padding-bottom: 50px;
|
||||
padding-top: 20px;
|
||||
|
||||
.footer-copy-right{
|
||||
& p{
|
||||
color: #393a50;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 2;
|
||||
margin-bottom: 12px;
|
||||
& i{
|
||||
color:$theme-color;
|
||||
}
|
||||
& a{
|
||||
color: $theme-color;
|
||||
&:hover{
|
||||
// color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Footer SociaL
|
||||
.footer-social {
|
||||
@media #{$md}{
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
float: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
a {
|
||||
color: #848493;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
margin-left: 16px;
|
||||
&:first-child{
|
||||
margin-left: 0px;
|
||||
}
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
315
assets/scss/_h1-hero.scss
Executable file
315
assets/scss/_h1-hero.scss
Executable file
@ -0,0 +1,315 @@
|
||||
// Home Page Heor
|
||||
.slider-area{
|
||||
background-image: url(../img/hero/galaxy.jpeg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
.hero__caption{
|
||||
@media #{$xs}{
|
||||
padding-top: 100px;
|
||||
}
|
||||
text-align: center;
|
||||
& h1{
|
||||
font-size: 78px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 14px;
|
||||
color:#fff;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 13px;
|
||||
@media #{$lg}{
|
||||
font-size: 60px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@media #{$md}{
|
||||
font-size: 50px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
@media #{$sm}{
|
||||
font-size: 51px;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 35px;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
& span{
|
||||
color: #31ff7a;
|
||||
font-size: 60px;
|
||||
line-height: 1.2;
|
||||
font-weight: 400;
|
||||
margin-bottom: 30px;
|
||||
font-family: $font_3;
|
||||
display: block;
|
||||
@media #{$xs}{
|
||||
margin-bottom: 30px;
|
||||
font-size: 56px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Form Style Slider
|
||||
form.search-box{
|
||||
border: 8px solid rgba(255, 255, 255,.2);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border-radius: 50px;
|
||||
@media #{$sm}{
|
||||
border: none;
|
||||
}
|
||||
@media #{$xs}{
|
||||
border: none;
|
||||
}
|
||||
.input-form{
|
||||
width: 45%;
|
||||
position: relative;
|
||||
|
||||
// Border Radius
|
||||
border-top-left-radius: 50px;
|
||||
overflow: hidden;
|
||||
border-bottom-left-radius: 50px;
|
||||
@media #{$sm}{
|
||||
width: 66%;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
width: 100%;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
input{
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
color: #777777;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
padding: 9px 33px 9px 32px;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
@media #{$xs}{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding: 9px 33px 9px 25px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&::placeholder {
|
||||
color: #616875;
|
||||
@media #{$xs}{
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: 60px;
|
||||
background:#e0e4f8;
|
||||
right: 22px;
|
||||
top: 50%;
|
||||
z-index: 1;
|
||||
transform: translateY(-50%);
|
||||
@media #{$sm}{
|
||||
top: 38%;
|
||||
}
|
||||
@media #{$xs}{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-form{
|
||||
width: 34%;
|
||||
@media #{$xs}{
|
||||
width: 100%;
|
||||
}
|
||||
.nice-select {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background: #fff;
|
||||
border-radius: 0px;
|
||||
padding: 11px 19px 11px 10px;
|
||||
color: #616875;
|
||||
line-height: 42px;
|
||||
border: 0;
|
||||
@media #{$xs}{
|
||||
margin-bottom: 20px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
margin-bottom: 20px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.list {
|
||||
width: 100%;
|
||||
}
|
||||
&.open .list {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
}
|
||||
&::after {
|
||||
border-bottom: 1px solid #a9b6cd;
|
||||
border-right: 1px solid #a9b6cd;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin-top: -7px;
|
||||
right: 29px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.search-form{
|
||||
width: 21%;
|
||||
|
||||
// Border Radius
|
||||
border-top-right-radius: 50px;
|
||||
overflow: hidden;
|
||||
border-bottom-right-radius: 50px;
|
||||
@media #{$sm}{
|
||||
width: 100%;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
width: 100%;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
|
||||
a{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background:$btn-bg;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 15px;
|
||||
border-radius: 0px;
|
||||
text-transform: capitalize;
|
||||
font-family: $font_1;
|
||||
line-height: 31px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Home page Hero
|
||||
.slider-height {
|
||||
min-height: 890px;
|
||||
background-repeat:no-repeat ;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
@media #{$lg}{
|
||||
min-height: 680px;
|
||||
}
|
||||
@media #{$md}{
|
||||
min-height: 600px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
min-height: 600px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
min-height:640px;
|
||||
}
|
||||
}
|
||||
|
||||
// Hero Overly
|
||||
.hero-overly {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: rgba(0, 1, 2,.4);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-overly2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color:rgba(0, 0, 50,.7);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
// Transparent Header
|
||||
.header-transparent {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
// Start Other Page Hero
|
||||
.hero-area2 {
|
||||
background-image: url(../img/hero/hero2.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 500px;
|
||||
@media #{$xs}{
|
||||
min-height: 360px;
|
||||
}
|
||||
.hero-cap{
|
||||
& h2{
|
||||
color: #fff;
|
||||
font-size: 55px;
|
||||
font-weight: 700;
|
||||
text-transform: capitalize;
|
||||
padding-top: 65px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hero-area3 {
|
||||
background-image: url(../img/hero/hero2.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 500px;
|
||||
@media #{$xs}{
|
||||
min-height: 550px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
min-height: 550px;
|
||||
}
|
||||
.hero-cap{
|
||||
& h2{
|
||||
color: #fff;
|
||||
font-size: 55px;
|
||||
font-weight: 700;
|
||||
text-transform: capitalize;
|
||||
padding-top: 65px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
153
assets/scss/_headerMenu.scss
Executable file
153
assets/scss/_headerMenu.scss
Executable file
@ -0,0 +1,153 @@
|
||||
// Header left right padding
|
||||
.header-area {
|
||||
.main-header {
|
||||
padding: 0px 100px;
|
||||
@media #{$laptop}{
|
||||
padding: 0px 30px;
|
||||
}
|
||||
@media #{$lg}{
|
||||
padding: 0px 15px;
|
||||
}
|
||||
// mobile menu show
|
||||
@media #{$md}{
|
||||
padding: 22px 50px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding: 22px 20px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding: 22px 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Header Bottom
|
||||
.main-header{
|
||||
.main-menu{
|
||||
@media #{$laptop}{
|
||||
margin-right: 30px;
|
||||
}
|
||||
& ul{
|
||||
& li{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
& a{
|
||||
color: #000019;
|
||||
font-weight: 500;
|
||||
padding: 39px 10px;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
@include transition(.3s);
|
||||
text-transform: capitalize;
|
||||
position: relative;
|
||||
margin: 0 23px;
|
||||
font-family: $font_2;
|
||||
@media #{$lg}{
|
||||
padding: 39px 15px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
@media #{$laptop}{
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
& > a{
|
||||
color:$theme-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
& ul.submenu{
|
||||
position: absolute;
|
||||
width: 170px;
|
||||
background: #fff;
|
||||
left: 0;
|
||||
top: 120%;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
|
||||
padding: 17px 0;
|
||||
// border-top: 5px solid $theme-color;
|
||||
@include transition(.3s);
|
||||
& > li{
|
||||
margin-left: 7px;
|
||||
display: block;
|
||||
& > a{
|
||||
padding: 6px 10px !important;
|
||||
font-size: 16px;
|
||||
text-transform: capitalize;
|
||||
margin: 0;
|
||||
&:hover{
|
||||
color:$theme-color;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.logo{
|
||||
& img{
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu ul li.active > a::before {
|
||||
width: 100%;
|
||||
}
|
||||
.main-menu ul li:hover > a::before {
|
||||
width: 100%;
|
||||
}
|
||||
.main-header .main-menu ul ul.submenu > li > a:hover {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
.main-header .main-menu ul ul.submenu > li > a:hover::before {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
|
||||
.main-header ul > li:hover > ul.submenu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
.main-header .header-sticky.sticky-bar{
|
||||
background: #fff;
|
||||
}
|
||||
.header-sticky.sticky-bar .main-menu ul>li>a {
|
||||
padding:27px 13px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
.header-transparent {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
// Mobile Menu slick Nav
|
||||
.mobile_menu {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
.slicknav_menu {
|
||||
background: transparent;
|
||||
margin-top: 16px !important;
|
||||
}
|
||||
.slicknav_menu .slicknav_nav a:hover {
|
||||
background: transparent;
|
||||
color: $theme-color;
|
||||
}
|
||||
.slicknav_menu .slicknav_icon-bar {
|
||||
background-color: $theme-color !important;
|
||||
}
|
||||
.slicknav_btn {
|
||||
top: -55px;
|
||||
}
|
||||
.slicknav_nav {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
234
assets/scss/_listing-details.scss
Executable file
234
assets/scss/_listing-details.scss
Executable file
@ -0,0 +1,234 @@
|
||||
.listing-details-area{
|
||||
.single-listing{
|
||||
.list-img {
|
||||
overflow: hidden;
|
||||
border-radius: 5px 5px 0 0;
|
||||
img {
|
||||
width: 100%;
|
||||
transform: scale(1);
|
||||
transition: all 0.6s ease-out 0s;
|
||||
}
|
||||
}
|
||||
.list-caption {
|
||||
border: 1px solid #e1ebf7;
|
||||
padding: 31px 24px 18px 24px;
|
||||
border-top: 0;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
span {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: -18px;
|
||||
right: 7px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
width: 96px;
|
||||
height: 35px;
|
||||
background: #ff3d1c;
|
||||
border-radius: 30px;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
}
|
||||
h3 {
|
||||
padding-right: 48px;
|
||||
margin-bottom: 17px;
|
||||
@media #{$md}{
|
||||
padding-right: 0px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-right: 0px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #1c1930;
|
||||
font-weight: 700;
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
p{
|
||||
color:#57667e;
|
||||
@media #{$laptop}{
|
||||
padding-right: 59px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.list-footer{
|
||||
border-top: 1px solid #e1ebf7;
|
||||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
ul{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
li{
|
||||
color: #727272;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Hover
|
||||
&:hover .list-img img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
|
||||
|
||||
// Form Style Slider
|
||||
form.search-box2{
|
||||
border: 8px solid rgba(255, 255, 255,.2);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
border-radius: 50px;
|
||||
@media #{$sm}{
|
||||
border: none;
|
||||
}
|
||||
@media #{$xs}{
|
||||
border: none;
|
||||
}
|
||||
.input-form{
|
||||
width: 45%;
|
||||
position: relative;
|
||||
|
||||
// Border Radius
|
||||
border-top-left-radius: 50px;
|
||||
overflow: hidden;
|
||||
border-bottom-left-radius: 50px;
|
||||
@media #{$sm}{
|
||||
width: 66%;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
width: 100%;
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
input{
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
color: #777777;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
padding: 9px 33px 9px 32px;
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
position: relative;
|
||||
@media #{$xs}{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding: 9px 33px 9px 25px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&::placeholder {
|
||||
color: #616875;
|
||||
@media #{$xs}{
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 1px;
|
||||
height: 60px;
|
||||
background:#e0e4f8;
|
||||
right: 22px;
|
||||
top: 50%;
|
||||
z-index: 1;
|
||||
transform: translateY(-50%);
|
||||
@media #{$sm}{
|
||||
top: 38%;
|
||||
}
|
||||
@media #{$xs}{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.select-form{
|
||||
width: 34%;
|
||||
@media #{$xs}{
|
||||
width: 100%;
|
||||
}
|
||||
.nice-select {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background: #fff;
|
||||
border-radius: 0px;
|
||||
padding: 11px 19px 11px 10px;
|
||||
color: #616875;
|
||||
line-height: 42px;
|
||||
border: 0;
|
||||
@media #{$xs}{
|
||||
margin-bottom: 20px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
margin-bottom: 20px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
.list {
|
||||
width: 100%;
|
||||
}
|
||||
&.open .list {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
}
|
||||
&::after {
|
||||
border-bottom: 1px solid #a9b6cd;
|
||||
border-right: 1px solid #a9b6cd;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin-top: -7px;
|
||||
right: 29px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.search-form{
|
||||
width: 21%;
|
||||
|
||||
// Border Radius
|
||||
border-top-right-radius: 50px;
|
||||
overflow: hidden;
|
||||
border-bottom-right-radius: 50px;
|
||||
@media #{$sm}{
|
||||
width: 100%;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
width: 100%;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
a{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background:$btn-bg;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
display: block;
|
||||
padding: 15px;
|
||||
border-radius: 0px;
|
||||
text-transform: capitalize;
|
||||
font-family: $font_1;
|
||||
line-height: 31px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
222
assets/scss/_listing.scss
Executable file
222
assets/scss/_listing.scss
Executable file
@ -0,0 +1,222 @@
|
||||
.listing-area{
|
||||
@media #{$xs}{
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-top: 70px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.count{
|
||||
span{
|
||||
color:#001d38;
|
||||
font-size: 18px;
|
||||
@media #{$xs}{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.category-listing{
|
||||
border: 1px solid #ededed;
|
||||
padding: 30px 19px 30px 30px;
|
||||
@media #{$lg}{
|
||||
padding: 30px 19px 30px 16px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding: 30px 19px 30px 16px;
|
||||
}
|
||||
.single-listing{
|
||||
// input
|
||||
.input-form input {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background: #fff;
|
||||
color: #777777;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
padding: 9px 33px 9px 18px;
|
||||
border: 1px solid #ededed;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.select-job-items1, .select-job-items2,{
|
||||
.nice-select {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
padding: 11px 19px 11px 18px;
|
||||
color: #616875;
|
||||
line-height: 20px;
|
||||
border: 1px solid #ededed;
|
||||
margin-bottom: 20px;
|
||||
@media #{$xs}{
|
||||
padding-left: 25px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-left: 25px;
|
||||
}
|
||||
.list {
|
||||
width: 100%;
|
||||
}
|
||||
&.open .list {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
}
|
||||
&::after {
|
||||
border-bottom: 1px solid #a9b6cd;
|
||||
border-right: 1px solid #a9b6cd;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin-top: -9px;
|
||||
right: 29px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* check_box Start */
|
||||
.select-Categories{
|
||||
.container {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-left: 35px;
|
||||
margin-bottom: 12px;
|
||||
cursor: pointer;
|
||||
font-size: 22px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
color: #666666;
|
||||
font-size: 16px;
|
||||
@media #{$xs}{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.container input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
.checkmark {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.container input:checked ~ .checkmark {
|
||||
background-color: #ff4357;
|
||||
border: 2px solid transparent;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.checkmark:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
.container input:checked ~ .checkmark:after {
|
||||
display: block;
|
||||
}
|
||||
.container .checkmark::after {
|
||||
left: 8px;
|
||||
top: 1px;
|
||||
width: 6px;
|
||||
height: 14px;
|
||||
border: solid white;
|
||||
border-width: 0px 2px 2px 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
/* check_box Start */
|
||||
}
|
||||
}
|
||||
|
||||
// Range Style Start
|
||||
.range_item{
|
||||
p{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.price_value input {
|
||||
border: 0px;
|
||||
text-align: center;
|
||||
max-width: 50px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.price_value {
|
||||
align-items: center;
|
||||
}
|
||||
.irs-to,
|
||||
.irs-from,
|
||||
.irs-max,
|
||||
.irs-min {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.price_rangs_aside {
|
||||
.l_w_title {
|
||||
h3 {
|
||||
line-height: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.irs-bar {
|
||||
height: 2px;
|
||||
top: 33px;
|
||||
border-top: 1px solid #ff3368;
|
||||
border-bottom: 1px solid #ff3368;
|
||||
background: #ff3368;
|
||||
background: linear-gradient(to top, #ff3368 0%, #ff3368 100%);
|
||||
}
|
||||
.irs-line {
|
||||
height: 2px;
|
||||
top: 33px;
|
||||
/* background: #e8eff1; */
|
||||
background: linear-gradient(to bottom, #ffeaef -50%, #ffeaef 150%);
|
||||
border: 1px solid #ffeaef;
|
||||
border-radius: 16px;
|
||||
-moz-border-radius: 16px;
|
||||
}
|
||||
.irs-slider {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
border: 1px solid #ff3368;
|
||||
background-color: #ff3368;
|
||||
background:#fff;
|
||||
top: 26px;
|
||||
box-shadow: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.product_bar_item{
|
||||
@media #{$tab}{
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
@media #{$tab}{
|
||||
.product_top_bar{
|
||||
margin-top: 70px;
|
||||
h2{
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
.product_bar_single {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.product_bar_single .nice-select {
|
||||
padding-left: 15px;
|
||||
padding-right: 35px;
|
||||
}
|
||||
}
|
||||
// Range Style End
|
||||
13
assets/scss/_mixins.scss
Executable file
13
assets/scss/_mixins.scss
Executable file
@ -0,0 +1,13 @@
|
||||
@mixin transition($time) {
|
||||
-webkit-transition: all $time ease-out 0s;
|
||||
-moz-transition: all $time ease-out 0s;
|
||||
-ms-transition: all $time ease-out 0s;
|
||||
-o-transition: all $time ease-out 0s;
|
||||
transition: all $time ease-out 0s;
|
||||
}
|
||||
|
||||
@mixin transform($value) {
|
||||
-webkit-transform: $value;
|
||||
-ms-transform: $value;
|
||||
transform: $value;
|
||||
}
|
||||
67
assets/scss/_overlay.scss
Executable file
67
assets/scss/_overlay.scss
Executable file
@ -0,0 +1,67 @@
|
||||
/*--
|
||||
- Overlay
|
||||
------------------------------------------*/
|
||||
[data-overlay] {
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
&::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*-- Overlay Opacity --*/
|
||||
[data-opacity="1"] {
|
||||
&::before {
|
||||
opacity: 0.1;
|
||||
}
|
||||
}
|
||||
[data-opacity="2"] {
|
||||
&::before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
[data-opacity="3"] {
|
||||
&::before {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
[data-opacity="4"] {
|
||||
&::before {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
[data-opacity="5"] {
|
||||
&::before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
[data-opacity="6"] {
|
||||
&::before {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
[data-opacity="7"] {
|
||||
&::before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
[data-opacity="8"] {
|
||||
&::before {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
[data-opacity="9"] {
|
||||
&::before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
57
assets/scss/_pagination.scss
Executable file
57
assets/scss/_pagination.scss
Executable file
@ -0,0 +1,57 @@
|
||||
|
||||
// Pagination Area
|
||||
.pagination-area{
|
||||
@media #{$lg}{
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.page-item {
|
||||
margin: 0;
|
||||
}
|
||||
.page-item:first-child {margin: 0;}
|
||||
.page-link {
|
||||
border:0;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
color:#727272;
|
||||
padding:16px 18px;
|
||||
background: #fff;
|
||||
margin: 0 7px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #f0f0f0;
|
||||
}
|
||||
.page-item:first-child .page-link {
|
||||
margin-left: 0;
|
||||
border-top-left-radius: 50%;
|
||||
border-bottom-left-radius: 50%;
|
||||
}
|
||||
.page-item:last-child .page-link {
|
||||
border-top-right-radius: 50%;
|
||||
border-bottom-right-radius: 50%;
|
||||
border: 1px solid $theme-color;
|
||||
}
|
||||
.page-link:hover {
|
||||
color:$theme-color;
|
||||
}
|
||||
.page-item.active .page-link {
|
||||
z-index: 1;
|
||||
border: 0;
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
background:#fff;
|
||||
color:#727272;
|
||||
border: 1px solid #f0f0f0;
|
||||
}
|
||||
}
|
||||
145
assets/scss/_pepole-visit.scss
Executable file
145
assets/scss/_pepole-visit.scss
Executable file
@ -0,0 +1,145 @@
|
||||
.peoples-visit{
|
||||
.single-visit{
|
||||
position: relative;
|
||||
padding: 90px 0;
|
||||
@media #{$md}{
|
||||
padding: 10px 0;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding: 10px 0;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding: 10px 0;
|
||||
}
|
||||
&.left-img{
|
||||
position: relative;
|
||||
&::before{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: "";
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background-image: url(../img/gallery/section_bg03.png);
|
||||
width: 50%;
|
||||
border-radius: 0 5px 0 0;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
@media #{$md}{
|
||||
display: none;
|
||||
}
|
||||
@media #{$sm}{
|
||||
display: none;
|
||||
}
|
||||
@media #{$xs}{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.visit-caption{
|
||||
background:rgba(252, 252, 252,.95);
|
||||
padding: 92px 98px 98px 96px;
|
||||
|
||||
@media #{$md}{
|
||||
padding: 60px 69px 68px 61px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding: 57px 30px 65px 30px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding: 57px 30px 65px 30px;
|
||||
}
|
||||
border-radius: 5px;
|
||||
& span{
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 22px;
|
||||
color:#ff3d1c;
|
||||
display: inline-block;
|
||||
font-family: $font_3;
|
||||
@media #{$xs}{
|
||||
font-size: 29px;
|
||||
}
|
||||
}
|
||||
& h3{
|
||||
color: $heading-color;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 39px;
|
||||
@media #{$sm}{
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
}
|
||||
& p{
|
||||
margin-bottom: 56px;
|
||||
line-height: 1.6;
|
||||
color: #677294;;
|
||||
font-size: 16px;
|
||||
}
|
||||
//
|
||||
.visit-categories{
|
||||
display: flex;
|
||||
@media #{$sm}{
|
||||
display: block;
|
||||
}
|
||||
@media #{$xs}{
|
||||
display: block;
|
||||
}
|
||||
.visit-location{
|
||||
span{
|
||||
color: #eb566c;
|
||||
font-size: 55px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 30px;
|
||||
display: block;
|
||||
@media #{$sm}{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.visit-cap{
|
||||
padding-left: 30px;
|
||||
@media #{$sm}{
|
||||
padding-left: 0em;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-left: 0em;
|
||||
}
|
||||
h4{
|
||||
color: $heading-color;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 11px;
|
||||
@media #{$sm}{
|
||||
font-size: 28px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 19px;
|
||||
}
|
||||
}
|
||||
p{
|
||||
line-height: 1.6;
|
||||
color: #677294;;
|
||||
font-size: 16px;
|
||||
padding-right: 67px;
|
||||
margin-bottom: 0;
|
||||
@media #{$xs}{
|
||||
padding-right: 0px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
35
assets/scss/_portfolio.scss
Executable file
35
assets/scss/_portfolio.scss
Executable file
@ -0,0 +1,35 @@
|
||||
.portfolio-details-area{
|
||||
.details-img{
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.details-caption {
|
||||
@media #{$md}{
|
||||
padding-left: 0;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-left: 0;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-left: 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 23px;
|
||||
|
||||
@media #{$sm}{
|
||||
font-size: 29px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 29px;
|
||||
}
|
||||
}
|
||||
p{
|
||||
color: #677294;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
26
assets/scss/_services.scss
Executable file
26
assets/scss/_services.scss
Executable file
@ -0,0 +1,26 @@
|
||||
.hero-caption{
|
||||
& span{
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
font-weight: 600;
|
||||
padding-left: 95px;
|
||||
position: relative;
|
||||
&::before{
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 75px;
|
||||
height: 3px;
|
||||
background:$theme-color;
|
||||
left: 0;
|
||||
top: 52%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
& h2{
|
||||
color: #fff;
|
||||
font-size: 50px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
89
assets/scss/_services_section.scss
Executable file
89
assets/scss/_services_section.scss
Executable file
@ -0,0 +1,89 @@
|
||||
.services-area{
|
||||
.single-services{
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// Tabs Button Style
|
||||
.properties__button{
|
||||
float: right;
|
||||
@media #{$md}{
|
||||
float: left;
|
||||
}
|
||||
@media #{$sm}{
|
||||
float: left;
|
||||
}
|
||||
@media #{$xs}{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
.nav-tabs .nav-link {
|
||||
border: 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
padding: 10px 20px;
|
||||
@media #{$lg}{
|
||||
padding: 10px 10px;
|
||||
}
|
||||
@media #{$md}{
|
||||
padding: 10px 15px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding: 10px 15px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding: 10px 15px;
|
||||
}
|
||||
}
|
||||
.nav-tabs::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: #e7ebf2;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
@media #{$sm}{
|
||||
display: none;
|
||||
}
|
||||
@media #{$xs}{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
|
||||
// color: $theme-color;
|
||||
background: none;
|
||||
border-bottom: 2px solid #ff5757;
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
}
|
||||
.nav-tabs .nav-item {
|
||||
// padding-bottom: 10px;
|
||||
display: block;
|
||||
color: #161e46;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
font-size: 16px;
|
||||
}
|
||||
.nav-tabs {
|
||||
margin-bottom: 9px;
|
||||
padding-bottom: 0px;
|
||||
position: relative;
|
||||
border: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@media #{$md}{
|
||||
justify-content: start;
|
||||
}
|
||||
@media #{$sm}{
|
||||
justify-content: start;
|
||||
}
|
||||
@media #{$xs}{
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-pane{
|
||||
@include transition(.6s);
|
||||
}
|
||||
139
assets/scss/_testimonial.scss
Executable file
139
assets/scss/_testimonial.scss
Executable file
@ -0,0 +1,139 @@
|
||||
.testimonial-area{
|
||||
position: relative;
|
||||
.testimonial-caption{
|
||||
padding-left: 80px;
|
||||
@media #{$md}{
|
||||
padding-left: 40px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
padding-left: 40px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
padding-left: 40px;
|
||||
}
|
||||
.testimonial-top-cap{
|
||||
& img{
|
||||
margin-bottom: 50px;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
@media #{$md}{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
& p{
|
||||
line-height: 1.5;
|
||||
padding-right: 100px;
|
||||
margin-bottom: 50px;
|
||||
font-size: 20px;
|
||||
@media #{$lg}{
|
||||
font-size: 20px;
|
||||
}
|
||||
@media #{$md}{
|
||||
font-size: 20px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
@media #{$md}{
|
||||
font-size: 18px;
|
||||
padding-right: 30px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
font-size: 18px;
|
||||
padding-right: 30px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 15px;
|
||||
padding-right: 30px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.testimonial-founder{
|
||||
.founder-img{
|
||||
|
||||
}
|
||||
.founder-text{
|
||||
margin-left: 20px;
|
||||
& span{
|
||||
color:$theme-color;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
}
|
||||
& p{
|
||||
color: #57667e;
|
||||
font-weight:500;
|
||||
line-height:1.5 ;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.testimonial-banner{
|
||||
position: relative;
|
||||
right: -55px;
|
||||
@media #{$large1}{
|
||||
left: 0px;
|
||||
}
|
||||
@media #{$lg}{
|
||||
left: 0px;
|
||||
}
|
||||
@media #{$md}{
|
||||
left: 0px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
left: 0px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
left: 0px;
|
||||
}
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// Shape
|
||||
.testimonial-shape{
|
||||
position: absolute;
|
||||
left: 0em;
|
||||
top: 31%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Homepage1 Testimonial */
|
||||
.h1-testimonial-active{
|
||||
button.slick-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
transform: translateY(-50%);
|
||||
border: 0;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
@include transition(.3s);
|
||||
color: $theme-color;
|
||||
background: none;
|
||||
@media #{$sm}{
|
||||
left: -28px;
|
||||
}
|
||||
@media #{$sm}{
|
||||
left: -28px;
|
||||
}
|
||||
}
|
||||
button.slick-next {
|
||||
left: auto;
|
||||
right: 0px;
|
||||
@media #{$sm}{
|
||||
right: -28px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
outline: 0;
|
||||
}
|
||||
91
assets/scss/_variables.scss
Executable file
91
assets/scss/_variables.scss
Executable file
@ -0,0 +1,91 @@
|
||||
@import 'color';
|
||||
|
||||
|
||||
// Font Family
|
||||
$font_1 :'Rufina', serif; //Heading Font
|
||||
$font_2 :'Rubik', sans-serif; //Body Font , Menu
|
||||
|
||||
|
||||
|
||||
/*------------------- Responsive --------------------------*/
|
||||
|
||||
$laptop: 'only screen and (min-width: 1200px) and (max-width: 1600px)';
|
||||
$lg :'only screen and (min-width: 992px) and (max-width: 1199px)';
|
||||
$md:'only screen and (min-width: 768px) and (max-width: 991px)';
|
||||
$xs:'(max-width: 575px)';
|
||||
$sm: 'only screen and (min-width: 576px) and (max-width: 767px)';
|
||||
|
||||
// Extra Responsive
|
||||
|
||||
$medium_device : 'only screen and (min-width: 992px) and (max-width: 1200px)';
|
||||
$tab_device:'only screen and (min-width: 768px) and (max-width: 991px)';
|
||||
$large_mobile: 'only screen and (min-width: 576px) and (max-width: 767px)';
|
||||
$tab: '(max-width: 991px)';
|
||||
$tab2: '(max-width: 1199px)';
|
||||
$small_mobile:'(max-width: 576px)';
|
||||
$xs_mobile:'(max-width: 420px)';
|
||||
$sm_mobile:'only screen and (min-width: 421px) and (max-width: 575px)';
|
||||
$big_screen:'only screen and (min-width: 1200px) and (max-width: 1440px)';
|
||||
$big_screen2:'only screen and (min-width: 1200px) and (max-width: 1300px)';
|
||||
$big_screen3:'only screen and (min-width: 1441px) and (max-width: 1500px)';
|
||||
$big_screen4:'only screen and (min-width: 1501px) and (max-width: 1750px)';
|
||||
$extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)';
|
||||
|
||||
|
||||
// More Extra Responsive
|
||||
$large_device_2:'(min-width: 1501px) and (max-width: 1700px)';
|
||||
$mid_device:'(min-width: 992px) and (max-width: 1200px)';
|
||||
$tablet_device:'(min-width: 768px) and (max-width: 991px)';
|
||||
$mobile_device:'(max-width: 767px)';
|
||||
$large_mobile:'only screen and (min-width: 480px) and (max-width: 767px)';
|
||||
|
||||
// Custom
|
||||
$large1:'only screen and (min-width: 1200px) and (max-width: 1360px)';
|
||||
$large2:'(min-width: 1200px) and (max-width: 1500px)';
|
||||
$large3:'only screen and (min-width: 1601px) and (max-width: 1800px)';
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
@include transition(.4s);
|
||||
color:$theme-color;
|
||||
*/
|
||||
|
||||
|
||||
// Elemet Page btn
|
||||
$heading_color2: #112e41;
|
||||
$white_color:#fff;
|
||||
|
||||
.boxed-btn {
|
||||
background: #fff;
|
||||
color: $theme-color !important;
|
||||
|
||||
display: inline-block;
|
||||
padding: 18px 44px;
|
||||
font-family: $font_1;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
border: 0;
|
||||
border: 1px solid $theme-color;
|
||||
letter-spacing: 3px;
|
||||
|
||||
text-align: center;
|
||||
color: $theme-color;
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
background: $theme-color;
|
||||
color: #fff !important;
|
||||
border: 1px solid $theme-color;
|
||||
}
|
||||
&:focus{
|
||||
outline: none;
|
||||
}
|
||||
&.large-width{
|
||||
width: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
40
assets/scss/_wantTowork.scss
Executable file
40
assets/scss/_wantTowork.scss
Executable file
@ -0,0 +1,40 @@
|
||||
.wantToWork-area{
|
||||
background-image: url(../img/gallery/section_bg02.jpg);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
.wantToWork-caption{
|
||||
h2{
|
||||
color: #ec5b53;
|
||||
font-size: 48px;
|
||||
font-weight:700;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
|
||||
@media #{$md}{
|
||||
font-size: 30px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
font-size: 25px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
& p{
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.wantToWork-btn{
|
||||
|
||||
@media #{$sm}{
|
||||
float: left;
|
||||
margin-top: 30px;
|
||||
}
|
||||
@media #{$xs}{
|
||||
float: left;
|
||||
margin-top: 30px;
|
||||
}
|
||||
@media #{$md}{
|
||||
float: left;
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
65
assets/scss/style.scss
Executable file
65
assets/scss/style.scss
Executable file
@ -0,0 +1,65 @@
|
||||
/* Theme Description
|
||||
-------------------------------------------------
|
||||
|
||||
Theme Name:
|
||||
Author:
|
||||
Support:
|
||||
Description:
|
||||
Version:
|
||||
|
||||
-------------------------------------------------
|
||||
*/
|
||||
|
||||
/* CSS Index
|
||||
-------------------------------------------------
|
||||
|
||||
1. Theme default css
|
||||
2. header
|
||||
3. slider
|
||||
4. about-area
|
||||
5. features-box
|
||||
6. department
|
||||
7. team
|
||||
8. video-area
|
||||
9. counter
|
||||
10. footer
|
||||
|
||||
-------------------------------------------------
|
||||
*/
|
||||
|
||||
// Default
|
||||
@import 'variables';
|
||||
@import 'mixins';
|
||||
@import 'overlay';
|
||||
@import 'common';
|
||||
@import 'color';
|
||||
|
||||
|
||||
// Homepage1
|
||||
@import 'headerMenu';
|
||||
@import 'h1-hero';
|
||||
@import 'about';
|
||||
|
||||
@import 'services_section';
|
||||
@import 'wantTowork';
|
||||
@import 'contact-inof';
|
||||
@import 'portfolio';
|
||||
|
||||
|
||||
@import 'categories';
|
||||
|
||||
|
||||
@import 'footer';
|
||||
|
||||
|
||||
// inner Page
|
||||
@import 'services';
|
||||
// @import 'about-details';
|
||||
|
||||
|
||||
// Default Element Page
|
||||
@import 'blog_page';
|
||||
@import 'contact';
|
||||
@import 'bradcam';
|
||||
@import 'extend';
|
||||
@import 'elements';
|
||||
@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<title>Application UI UX Packages Information Website</title>
|
||||
<title>Organization Algorithm Model Information Website</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
@ -50,8 +50,8 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-6 col-lg-6 col-md-8">
|
||||
<div class="hero_caption">
|
||||
<h1 data-animation="fadeInUp" data-delay=".6s" style="color: white;">Ronaldson Bellande's Organization
|
||||
Instruction </h1>
|
||||
<h1 data-animation="fadeInUp" data-delay=".6s" style="color: white;">Ronaldson Bellande's Algorithm
|
||||
Model Organization Instruction </h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user