Skip to content

M
metroshoes
Commit 0e81344a by Anoop
Options

metroshoes

parents
Showing with 669 additions and 0 deletions
css/font.css 0 → 100644
@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Semibold.woff2") format("woff2"),url("../fonts/lato/Lato-Semibold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Bold.woff2") format("woff2"),url("../fonts/lato/Lato-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Black.woff2") format("woff2"),url("../fonts/lato/Lato-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Thin.woff2") format("woff2"),url("../fonts/lato/Lato-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Regular.woff2") format("woff2"),url("../fonts/lato/Lato-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Medium.woff2") format("woff2"),url("../fonts/lato/Lato-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Lato';src:url("../fonts/lato/Lato-Light.woff2") format("woff2"),url("../fonts/lato/Lato-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'icomoon';src:url("../fonts/icon/icomoon.eot");src:url("../fonts/icon/icomoon.eot?16mttj#iefix") format("embedded-opentype"),url("../fonts/icon/icomoon.ttf?16mttj") format("truetype"),url("../fonts/icon/icomoon.woff?16mttj") format("woff"),url("../fonts/icon/icomoon.svg?16mttj#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}
/*# sourceMappingURL=font.css.map */
\ No newline at end of file
css/font.css.map 0 → 100644
{
"version": 3,
"mappings": "AAAA,UAAU,CACN,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,wCAAwC,CAAC,eAAe,CAAE,uCAAuC,CAAC,cAAc,CACrH,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,oCAAoC,CAAC,eAAe,CAAE,mCAAmC,CAAC,cAAc,CAC7G,WAAW,CAAE,IAAI,CACjB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,qCAAqC,CAAC,eAAe,CAAE,oCAAoC,CAAC,cAAc,CAC/G,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,oCAAoC,CAAC,eAAe,CAAE,mCAAmC,CAAC,cAAc,CAC7G,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,uCAAuC,CAAC,eAAe,CAAE,sCAAsC,CAAC,cAAc,CACnH,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,sCAAsC,CAAC,eAAe,CAAE,qCAAqC,CAAC,cAAc,CACjH,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,MAAM,CACnB,GAAG,CAAE,qCAAqC,CAAC,eAAe,CAAE,oCAAoC,CAAC,cAAc,CAC/G,WAAW,CAAE,GAAG,CAChB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,IAAI,CAEpB,UAAU,CACR,WAAW,CAAE,SAAS,CACtB,GAAG,CAAE,gCAAgC,CACrC,GAAG,CAAE,6CAA6C,CAAC,2BAA2B,CAAE,uCAAuC,CAAC,kBAAkB,CAAE,wCAAwC,CAAC,cAAc,CAAE,+CAA+C,CAAC,aAAa,CAClQ,WAAW,CAAE,MAAM,CACnB,UAAU,CAAE,MAAM,CAClB,YAAY,CAAE,KAAK",
"sources": [
"../scss/font.scss"
],
"names": [],
"file": "font.css"
}
\ No newline at end of file
css/style.css 0 → 100644
This diff is collapsed. Click to expand it.
js/script.js 0 → 100644
(function ($) {
// for sticky Nav
var stickyNavTop = $('.storeLHeader').offset().top;
var stickyNav = function () {
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.storeLHeader').addClass('sticky');
} else {
$('.storeLHeader').removeClass('sticky');
}
};
$(window).scroll(function () {
stickyNav();
});
// for Open Navigation
$(".mobile-burger").click(function () {
$(".storeLHeader .nav").addClass("open");
});
// For Close Navigation
$(".close-btn, .menu_overlay").click(function () {
$(".storeLHeader .nav").removeClass("open");
});
// for menu open close
$(".top-level-link .mega-menu-icon").click(function () {
$(this).parents(".top-level-link").toggleClass("open")
$(this).parents(".top-level-link").siblings(".top-level-link.open").removeClass("open");
});
function menueopener() {
windowwidth = $(window).width();
if (windowwidth < 767) {
$(".sub-menu-block .sub-menu-head a").click(function (event) {
event.preventDefault();
$(this).parents(".sub-menu-head").siblings(".sub-menu-lists").toggleClass("open");
$(this).parents(".sub-menu-head").toggleClass("open")
})
}
}
menueopener();
// For Footer popular searches
$(".show-hide").click(function () {
$(this).toggleClass("open")
$(".popular-search").toggleClass("open")
});
// For Footer Menu
$(".footer-nav .dropdown").click(function () {
$(this).toggleClass("open");
$(this).siblings(".footer-menu").toggleClass("open");
});
// Footer Accorian
})(jQuery);
scss/_reboot.scss 0 → 100644
// @import url(font.css);
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: 0;
}
html{
font-size: 13px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
div {
display: block;
}
body {
font-size: 13px;
font-weight: normal;
font-family: "Lato";
}
a,
img {
text-decoration: none;
outline: none;
transition: 0.4s;
color: inherit;
}
input,
textarea,
button {
font-family: "Lato";
}
menu,
ol,
ul {
list-style: none;
}
[class^="icon-"],
[class*=" icon-"],
[class*="icon"] {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
content: "\e902";
color: #ec1c2f;
}
.icon-wish {
position: relative;
top: 1px;
}
.icon-wish:before {
content: "\e900";
color: #000;
font-size: 22px;
}
.icon-cart {
position: relative;
top: 2px;
}
.icon-cart:before {
content: "\e901";
color: #000;
font-size: 18px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select,
textarea,
input {
font-size: 16px;
}
}
scss/font.scss 0 → 100644
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/lato/Lato-Semibold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Bold.woff2") format("woff2"), url("../fonts/lato/Lato-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Black.woff2") format("woff2"), url("../fonts/lato/Lato-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Thin.woff2") format("woff2"), url("../fonts/lato/Lato-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Regular.woff2") format("woff2"), url("../fonts/lato/Lato-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Medium.woff2") format("woff2"), url("../fonts/lato/Lato-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Lato';
src: url("../fonts/lato/Lato-Light.woff2") format("woff2"), url("../fonts/lato/Lato-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'icomoon';
src: url("../fonts/icon/icomoon.eot");
src: url("../fonts/icon/icomoon.eot?16mttj#iefix") format("embedded-opentype"), url("../fonts/icon/icomoon.ttf?16mttj") format("truetype"), url("../fonts/icon/icomoon.woff?16mttj") format("woff"), url("../fonts/icon/icomoon.svg?16mttj#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
\ No newline at end of file
scss/style.scss 0 → 100644
// @import "reboot";
// @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@import "header";
.storeLFooter {
background: #f9f9f9;
padding: 30px 0 0;
font-family: Lato;
color: #000000;
menu,
ol,
ul,
p {
list-style: none;
margin: 0;
padding: 0;
}
.container {
max-width: 1160px;
box-sizing: border-box;
margin: 0 auto;
}
.container:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.footer-nav .list {
flex: 1 0 auto;
}
.footer-nav .list h5 {
text-align: left;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.92px;
color: #000000;
text-transform: uppercase;
position: relative;
}
.footer-nav .list .footer-menu {
margin-top: 15px;
margin-bottom: 20px;
}
.footer-nav .list .footer-menu li a {
font-size: 13px;
font-weight: 300;
letter-spacing: 0.86px;
color: #000000;
padding: 5px 0;
display: block;
}
.footer-nav {
display: flex;
flex-wrap: wrap;
}
.copy-right {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.copy-right .container {
display: flex;
justify-content: space-between;
}
.copy-right p {
font-size: 12px;
color: #888888;
text-transform: uppercase;
padding: 15px 0;
}
.copy-right .social-link {
display: flex;
margin-left: auto;
}
.copy-right .social-link ul {
display: flex;
margin-left: 15px;
align-items: center;
margin-right: 10px;
}
.copy-right .social-link ul li a {
margin-right: 15px;
}
.copy-right .social-link .show-hide {
position: relative;
padding-left: 20px;
padding-right: 50px;
border-left: 1px solid #cccccc;
cursor: pointer;
}
.copy-right .social-link .show-hide .hide {
display: none;
}
.copy-right .social-link .show-hide.open .hide {
display: block;
}
.copy-right .social-link .show-hide.open .show {
display: none;
}
.copy-right .social-link .show-hide:after {
content: "";
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(-135deg);
top: -5px;
bottom: 0;
right: 26px;
margin: auto;
}
.copy-right .social-link .show-hide.open:after {
transform: rotate(45deg);
top: 5px;
}
.copy-right .social-link .show-hide p {
border-bottom: none;
}
.popular-search {
/* padding: 30px 0; */
visibility: hidden;
height: 0;
overflow: hidden;
}
.popular-search.open {
visibility: visible;
height: auto;
}
.popular-search .container {
padding: 30px 0;
}
.popular-search h5 {
font-size: 13px;
text-transform: uppercase;
}
.popular-search .flex {
margin-top: 15px;
margin-bottom: 25px;
}
.flex {
display: flex;
justify-content: space-between;
}
.popular-search .flex .title {
width: 70px;
padding: 0px 0;
font-size: 14px;
color: #333333;
}
.popular-search .flex .popular-list {
width: calc(100% - 70px);
display: flex;
flex-wrap: wrap;
}
.popular-search .flex .popular-list li a {
padding: 0px 10px;
display: inline-block;
font-size: 14px;
color: #333;
border-right: 1px solid #ccc;
margin-bottom: 5px;
font-weight: normal;
}
.footer-des h5 {
margin-bottom: 12px;
font-weight: bold;
}
.footer-des p {
margin-bottom: 5px;
line-height: 20px;
font-size: 14px;
}
.footer-des .light {
font-size: 14px;
font-weight: normal;
}
}
@media (max-width: 767px) {
.storeLFooter {
.copy-right .container {
flex-direction: column;
}
.footer-nav .list {
width: 100%;
}
.footer-nav .list .dropdown {
cursor: pointer;
}
.footer-nav .list h5 {
padding: 8px 0;
}
.footer-nav .list .dropdown:after {
content: "";
position: absolute;
top: 0;
right: 15px;
bottom: 0;
margin: auto;
content: "";
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
background: transparent;
text-indent: -9999px;
border-top: 1px solid #333;
border-left: 1px solid #333;
transition: all 0.3s ease-in-out;
text-decoration: none;
color: transparent;
transform: rotate(-135deg);
top: -5px;
bottom: 0;
right: 00px;
margin: auto;
}
.footer-nav .list .dropdown.open:after {
transform: rotate(45deg);
top: 5px;
}
.footer-nav .list .footer-menu {
display: none;
}
.footer-nav .list .footer-menu.open {
display: block;
}
}
}
@media (max-width: 1024px) {
.storeLFooter .container {
padding: 0px 20px;
max-width: inherit;
}
}
@media (max-width: 640px) {
.storeLFooter {
padding: 0;
.copy-right .social-link .show-hide:after {
display: none;
}
.container {
padding-right: 0px;
padding-left: 0px;
}
.footer-nav {
display: block;
box-sizing: border-box;
}
.footer-nav .list {
border-bottom: 1px solid #e5e5e5;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
}
.copy-right .container p {
padding: 20px 10px 20px 10px;
border-bottom: 1px solid #e5e5e5;
}
.copy-right .social-link {
flex: 0 0 100%;
margin: 0;
}
.copy-right .social-link .show-hide {
padding-left: 0;
padding-right: 0;
}
.popular-search .container {
padding: 20px;
}
.popular-search .flex {
display: block;
}
.popular-search .flex .title {
width: 100%;
margin-bottom: 10px;
}
.popular-search .flex .popular-list {
width: 100%;
}
.popular-search .flex .popular-list li {
padding-right: 10px;
margin-bottom: 5px;
}
.popular-search .flex .popular-list li a {
padding-left: 0;
font-size: 12px;
font-weight: normal;
}
.footer-des p {
color: #333333;
}
.footer-des .light {
color: #333333;
font-weight: normal;
font-size: 12px;
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment