parent
4e66f2d8c9
commit
09bb0f0ed6
23 changed files with 244 additions and 178 deletions
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 15 KiB |
@ -1,45 +1,41 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> |
||||
<meta |
||||
name="viewport" |
||||
content="width=device-width, initial-scale=1" |
||||
user-scalable="false" |
||||
/> |
||||
<meta name="theme-color" content="#000000" /> |
||||
<meta name="description" content="فروشگاه کتاب دانوین" /> |
||||
<link |
||||
href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" |
||||
rel="stylesheet" |
||||
/> |
||||
<meta name="mobile-web-app-capable" content="yes" /> |
||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> |
||||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> |
||||
|
||||
<title>دانوین</title> |
||||
</head> |
||||
<body> |
||||
<div id="root"></div> |
||||
<script> |
||||
if ("serviceWorker" in navigator) { |
||||
window.addEventListener("load", function () { |
||||
navigator.serviceWorker |
||||
.register("./serviceworker.js") |
||||
.then((registration) => { |
||||
// Registration was successful |
||||
console.log( |
||||
"ServiceWorker registration successful with scope: ", |
||||
registration.scope |
||||
); |
||||
}) |
||||
.catch((err) => { |
||||
console.log(err); |
||||
}); |
||||
}); |
||||
} |
||||
</script> |
||||
</body> |
||||
</html> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="false" /> |
||||
<meta name="theme-color" content="#000000" /> |
||||
<meta name="description" content="دانوین" /> |
||||
<link href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" rel="stylesheet" /> |
||||
<meta name="mobile-web-app-capable" content="yes" /> |
||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> |
||||
<meta name="apple-mobile-web-app-capable" content="yes" /> |
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> |
||||
|
||||
<title>دانوین</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="root"></div> |
||||
<script> |
||||
if ("serviceWorker" in navigator) { |
||||
window.addEventListener("load", function () { |
||||
navigator.serviceWorker |
||||
.register("./serviceworker.js") |
||||
.then((registration) => { |
||||
// Registration was successful |
||||
console.log( |
||||
"ServiceWorker registration successful with scope: ", |
||||
registration.scope |
||||
); |
||||
}) |
||||
.catch((err) => { |
||||
console.log(err); |
||||
}); |
||||
}); |
||||
} |
||||
</script> |
||||
</body> |
||||
|
||||
</html> |
||||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 9.4 KiB After Width: | Height: | Size: 35 KiB |
@ -1,95 +1,93 @@ |
||||
.slider-header{ |
||||
width : 100%; |
||||
.slider-header { |
||||
width: 100%; |
||||
justify-content: flex-end; |
||||
&__right{ |
||||
&__right { |
||||
width: 60%; |
||||
height: 100%; |
||||
& img{ |
||||
|
||||
& img { |
||||
} |
||||
} |
||||
&__left{ |
||||
&__left { |
||||
width: 40%; |
||||
height: 100%; |
||||
justify-content : center; |
||||
justify-content: center; |
||||
align-items: flex-end; |
||||
padding-left: 70px; |
||||
|
||||
h1{ |
||||
|
||||
h1 { |
||||
font-size: calc(100vw / 55); |
||||
color: white; |
||||
font-family: numeralBold; |
||||
letter-spacing: -1px; |
||||
} |
||||
h2{ |
||||
h2 { |
||||
margin-top: 5px; |
||||
font-size: calc(100vw / 78); |
||||
color: white; |
||||
font-family: numeralBold; |
||||
} |
||||
a{ |
||||
a { |
||||
text-decoration: none; |
||||
color: white; |
||||
margin-top: 10px; |
||||
font-size: calc(100vw / 90); |
||||
padding: 6px 10px; |
||||
border : 1px solid white; |
||||
border: 1px solid white; |
||||
border-radius: 5px; |
||||
font-family: numeralMedium; |
||||
&:hover{ |
||||
&:hover { |
||||
color: white; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
.mobile-slider-header{ |
||||
width : 100%; |
||||
.mobile-slider-header { |
||||
width: 100%; |
||||
justify-content: flex-end; |
||||
&__right{ |
||||
width: 50%; |
||||
&__right { |
||||
width: 0%; |
||||
height: 100%; |
||||
justify-content : center; |
||||
justify-content: center; |
||||
align-items: center; |
||||
& img{ |
||||
& img { |
||||
position: relative; |
||||
width: 200%; |
||||
// width: 200%; |
||||
height: 110%; |
||||
right: 40px; |
||||
// right: 40px; |
||||
bottom: 10px; |
||||
} |
||||
} |
||||
&__left{ |
||||
&__left { |
||||
width: 50%; |
||||
height: 100%; |
||||
justify-content : center; |
||||
justify-content: center; |
||||
align-items: flex-end; |
||||
padding-left: 30px; |
||||
|
||||
h1{ |
||||
|
||||
h1 { |
||||
font-size: calc(100vw / 37); |
||||
color: white; |
||||
font-family: numeralBold; |
||||
} |
||||
h2{ |
||||
h2 { |
||||
margin-top: 5px; |
||||
font-size: calc(100vw / 48); |
||||
color: white; |
||||
font-family: numeralBold; |
||||
} |
||||
a{ |
||||
a { |
||||
text-decoration: none; |
||||
color: white; |
||||
margin-top: 10px; |
||||
font-size: calc(100vw / 55); |
||||
padding: 6px 10px; |
||||
border : 1px solid white; |
||||
border: 1px solid white; |
||||
border-radius: 5px; |
||||
font-family: numeralMedium; |
||||
&:hover{ |
||||
&:hover { |
||||
color: white; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
Loading…
Reference in new issue