Initial commit
2284
playarea/assets/main/css/main.css
Normal file
1
playarea/assets/main/css/main.css.map
Normal file
6
playarea/assets/main/css/plugin/bootstrap.css
vendored
Normal file
308
playarea/assets/main/css/plugin/jquery.datepicker2.css
Normal file
@@ -0,0 +1,308 @@
|
||||
.jquery-datepicker {
|
||||
position: relative;
|
||||
outline: none;
|
||||
display: none;
|
||||
box-sizing: border-box;
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
padding: 5px;
|
||||
font-size: 16px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row {
|
||||
display: flex;
|
||||
min-height: 0;
|
||||
flex: 1;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header {
|
||||
flex: none;
|
||||
position: relative;
|
||||
padding-bottom: 5px;
|
||||
padding-right: 60px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
text-align: left;
|
||||
padding: 5px 7px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-actions {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-actions .header-action {
|
||||
display: flex;
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 25px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-actions .header-action:not(:last-child) {
|
||||
margin-right: 3px;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-actions .header-action::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
margin-top: -6px;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-actions .header-action.action-down::after {
|
||||
border-width: 5px 6px 5px 0;
|
||||
border-color: transparent red transparent transparent;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-header .header-actions .header-action.action-up::after {
|
||||
border-width: 5px 0 5px 6px;
|
||||
border-color: transparent transparent transparent red;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-days {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row.row-week {
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box .box-row .box-cell {
|
||||
display: flex;
|
||||
flex: 1 1 0;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
cursor: default;
|
||||
}
|
||||
.jquery-datepicker .datepicker-box.is-active {
|
||||
display: flex;
|
||||
}
|
||||
.jquery-datepicker.is-2x {
|
||||
width: 480px;
|
||||
height: 480px;
|
||||
font-size: 21px;
|
||||
}
|
||||
.jquery-datepicker.is-2x .datepicker-box .box-row.row-days {
|
||||
font-size: 16px;
|
||||
}
|
||||
.jquery-datepicker.is-2x .datepicker-box .box-row.row-week {
|
||||
font-size: 18px;
|
||||
}
|
||||
.jquery-datepicker.is-open {
|
||||
display: block;
|
||||
}
|
||||
.jquery-datepicker.is-popup {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 50px;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
|
||||
z-index: 999;
|
||||
}
|
||||
.jquery-datepicker.is-popup::before,
|
||||
.jquery-datepicker.is-popup::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
}
|
||||
.jquery-datepicker.is-popup.tip-below::before,
|
||||
.jquery-datepicker.is-popup.tip-below::after {
|
||||
bottom: -10px;
|
||||
border-width: 10px 10px 0 10px;
|
||||
border-color: red transparent transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.is-popup.tip-below::before {
|
||||
bottom: -11px;
|
||||
}
|
||||
.jquery-datepicker.is-popup.tip-above::before,
|
||||
.jquery-datepicker.is-popup.tip-above::after {
|
||||
top: -10px;
|
||||
border-width: 0 10px 10px 10px;
|
||||
border-color: transparent transparent red transparent;
|
||||
}
|
||||
.jquery-datepicker.is-popup.tip-above::before {
|
||||
top: -11px;
|
||||
}
|
||||
.jquery-datepicker.is-popup.tip-right::before,
|
||||
.jquery-datepicker.is-popup.tip-right::after {
|
||||
right: 20px;
|
||||
}
|
||||
.jquery-datepicker.is-popup.tip-left::before,
|
||||
.jquery-datepicker.is-popup.tip-left::after {
|
||||
left: 20px;
|
||||
}
|
||||
.jquery-datepicker.theme-light {
|
||||
border: 1px solid #CCCCCC;
|
||||
background: #FFFFFF;
|
||||
color: #222222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-header {
|
||||
color: #626262;
|
||||
border-bottom: 1px solid rgba(204, 204, 204, 0.5);
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-header .header-title:hover {
|
||||
color: #222222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-header .header-actions .header-action.action-down::after {
|
||||
border-color: transparent #CCCCCC transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-header .header-actions .header-action.action-up::after {
|
||||
border-color: transparent transparent transparent #CCCCCC;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-header .header-actions .header-action.action-down:hover::after {
|
||||
border-color: transparent #222222 transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-header .header-actions .header-action.action-up:hover::after {
|
||||
border-color: transparent transparent transparent #222222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-days {
|
||||
color: #7b7b7b;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell:hover {
|
||||
background: #43C56F;
|
||||
color: #222222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-grayed {
|
||||
background: transparent;
|
||||
color: #CCCCCC;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-today {
|
||||
background: #FFFFFF;
|
||||
color: #12AFCB;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-today:hover {
|
||||
background: #EEEEEE;
|
||||
color: #222222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-marked {
|
||||
background: rgba(255, 213, 79, 0.2);
|
||||
color: #cf9d00;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-marked:hover {
|
||||
background: #EEEEEE;
|
||||
color: #222222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-forbidden {
|
||||
background: rgba(229, 115, 115, 0.2);
|
||||
color: #b72222;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-selected {
|
||||
background: #43C56F;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-light .datepicker-box .box-row.row-week .box-cell.cell-selected:hover {
|
||||
background: #43C56F;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-light.tip-below::before {
|
||||
border-color: #CCCCCC transparent transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-light.tip-above::before {
|
||||
border-color: transparent transparent #CCCCCC transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-light.tip-below::after {
|
||||
border-color: #FFFFFF transparent transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-light.tip-above::after {
|
||||
border-color: transparent transparent #FFFFFF transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-dark {
|
||||
border: 1px solid #323232;
|
||||
background: #1B1B1B;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box {
|
||||
background: #1B1B1B;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-header {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
border-bottom: 1px solid rgba(50, 50, 50, 0.75);
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-header .header-title:hover {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-header .header-actions .header-action.action-down::after {
|
||||
border-color: transparent #323232 transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-header .header-actions .header-action.action-up::after {
|
||||
border-color: transparent transparent transparent #323232;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-header .header-actions .header-action.action-down:hover::after {
|
||||
border-color: transparent #FFFFFF transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-header .header-actions .header-action.action-up:hover::after {
|
||||
border-color: transparent transparent transparent #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-days {
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell:hover {
|
||||
background: #323232;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-grayed {
|
||||
background: transparent;
|
||||
color: #323232;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-today {
|
||||
background: #1B1B1B;
|
||||
color: #12AFCB;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-today:hover {
|
||||
background: #323232;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-marked {
|
||||
background: rgba(255, 213, 79, 0.05);
|
||||
color: #cf9d00;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-marked:hover {
|
||||
background: #323232;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-forbidden {
|
||||
background: rgba(229, 115, 115, 0.05);
|
||||
color: #b72222;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-selected {
|
||||
background: #12AFCB;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark .datepicker-box .box-row.row-week .box-cell.cell-selected:hover {
|
||||
background: #12AFCB;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.jquery-datepicker.theme-dark.tip-below::before {
|
||||
border-color: #323232 transparent transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-dark.tip-above::before {
|
||||
border-color: transparent transparent #323232 transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-dark.tip-below::after {
|
||||
border-color: #1B1B1B transparent transparent transparent;
|
||||
}
|
||||
.jquery-datepicker.theme-dark.tip-above::after {
|
||||
border-color: transparent transparent #1B1B1B transparent;
|
||||
}
|
||||
13
playarea/assets/main/css/plugin/swiper.css
Normal file
1679
playarea/assets/main/css/plugin/video.css
Normal file
BIN
playarea/assets/main/font/SFProText-Bold.ttf
Normal file
BIN
playarea/assets/main/font/SFProText-Medium.ttf
Normal file
BIN
playarea/assets/main/font/SFProText-Regular.ttf
Normal file
BIN
playarea/assets/main/font/SFProText-Semibold.ttf
Normal file
BIN
playarea/assets/main/img/logo.ico
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
BIN
playarea/assets/main/img/png/avatar.png
Normal file
|
After Width: | Height: | Size: 947 B |
BIN
playarea/assets/main/img/png/block1-mob.png
Normal file
|
After Width: | Height: | Size: 55 KiB |
BIN
playarea/assets/main/img/png/block1.1.jpg
Normal file
|
After Width: | Height: | Size: 277 KiB |
BIN
playarea/assets/main/img/png/block1.2.jpg
Normal file
|
After Width: | Height: | Size: 259 KiB |
BIN
playarea/assets/main/img/png/block1.png
Normal file
|
After Width: | Height: | Size: 514 KiB |
BIN
playarea/assets/main/img/png/block3.png
Normal file
|
After Width: | Height: | Size: 359 KiB |
BIN
playarea/assets/main/img/png/dog1.png
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
playarea/assets/main/img/png/dog2.png
Normal file
|
After Width: | Height: | Size: 343 KiB |
BIN
playarea/assets/main/img/png/dog3.png
Normal file
|
After Width: | Height: | Size: 138 KiB |
BIN
playarea/assets/main/img/png/dog4.png
Normal file
|
After Width: | Height: | Size: 2.4 MiB |
BIN
playarea/assets/main/img/png/landshaft.png
Normal file
|
After Width: | Height: | Size: 60 KiB |
BIN
playarea/assets/main/img/png/product.png
Normal file
|
After Width: | Height: | Size: 177 KiB |
3
playarea/assets/main/img/svg/arrow-down.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6 9L12 15L18 9" stroke="#717171" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 212 B |
6
playarea/assets/main/img/svg/arrow-up.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="28" height="40" viewBox="0 0 28 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<line x1="14" y1="40" x2="14" y2="4" stroke="#717171" stroke-width="4"/>
|
||||
<line y1="38" x2="28" y2="38" stroke="#717171" stroke-width="4"/>
|
||||
<line x1="12.4142" y1="1.58579" x2="26.4371" y2="15.6087" stroke="#717171" stroke-width="4"/>
|
||||
<line x1="1.58579" y1="15.3456" x2="14.3137" y2="2.61763" stroke="#717171" stroke-width="4"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 430 B |
3
playarea/assets/main/img/svg/arrow.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="19" height="10" viewBox="0 0 19 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18 9L9.5 1L1 9" stroke="#717171"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 148 B |
3
playarea/assets/main/img/svg/basket.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="34" height="31" viewBox="0 0 34 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 11.9142H33M1 11.9142L4.55556 30.0392H29.4444L33 11.9142M1 11.9142L11.6667 1.03922M33 11.9142L22.3333 1.03922" stroke="black" stroke-width="1.34641" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 312 B |
3
playarea/assets/main/img/svg/basket2.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 7.37476H20M1 7.37476L3.11111 17.9998H17.8889L20 7.37476M1 7.37476L7.33333 0.999756M20 7.37476L13.6667 0.999756" stroke="white" stroke-width="1.34641" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 314 B |
9
playarea/assets/main/img/svg/blik.svg
Normal file
|
After Width: | Height: | Size: 81 KiB |
5
playarea/assets/main/img/svg/burger.svg
Normal file
@@ -0,0 +1,5 @@
|
||||
<svg width="34" height="26" viewBox="0 0 34 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 1H34" stroke="black"/>
|
||||
<path d="M0 13H34" stroke="black"/>
|
||||
<path d="M0 25H34" stroke="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 210 B |
20
playarea/assets/main/img/svg/chat.svg
Normal file
@@ -0,0 +1,20 @@
|
||||
<svg width="97" height="105" viewBox="0 0 97 105" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_261_96)">
|
||||
<circle cx="44.5" cy="44.5" r="33.5" fill="#2C9A33"/>
|
||||
<path d="M71.0454 58.7755L73.4348 86.3851L48.3295 74.6496L71.0454 58.7755Z" fill="#2C9A33"/>
|
||||
</g>
|
||||
<path d="M36 36H52C53.1 36 54 36.9 54 38V50C54 51.1 53.1 52 52 52H36C34.9 52 34 51.1 34 50V38C34 36.9 34.9 36 36 36Z" stroke="#F5F5F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M54 38L44 45L34 38" stroke="#F5F5F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_261_96" x="0.5" y="0.5" width="102.54" height="111.54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="4" dy="4"/>
|
||||
<feGaussianBlur stdDeviation="7.25"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_261_96"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_261_96" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
3
playarea/assets/main/img/svg/check-circle.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="10" cy="10" r="9.5" stroke="#2C9A33"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 154 B |
4
playarea/assets/main/img/svg/check-circle2.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="10" cy="10" r="10" fill="#2C9A33"/>
|
||||
<path d="M5.45459 9.65907L8.72732 12.7273L14.5455 7.27271" stroke="white" stroke-width="0.909091" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 274 B |
3
playarea/assets/main/img/svg/check.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.5" y="0.5" width="14" height="14" rx="4.5" stroke="#717171"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 176 B |
11
playarea/assets/main/img/svg/check2.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.5" y="0.5" width="23" height="23" rx="3.5" stroke="#2C9A33"/>
|
||||
<g clip-path="url(#clip0_8_5674)">
|
||||
<path d="M18.6747 7.28809C18.2415 6.85435 17.5381 6.85463 17.1044 7.28809L10.037 14.3558L6.89587 11.2146C6.46213 10.7809 5.75904 10.7809 5.3253 11.2146C4.89157 11.6484 4.89157 12.3515 5.3253 12.7852L9.25157 16.7115C9.46831 16.9282 9.7525 17.0368 10.0367 17.0368C10.3209 17.0368 10.6054 16.9285 10.8221 16.7115L18.6747 8.85863C19.1084 8.42519 19.1084 7.7218 18.6747 7.28809Z" fill="#2C9A33"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_8_5674">
|
||||
<rect width="14" height="14" fill="white" transform="translate(5 5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 735 B |
3
playarea/assets/main/img/svg/checked.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 3.625L4.6 7L11 1" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 173 B |
3
playarea/assets/main/img/svg/down.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1L6.5 6L12 1" stroke="#717171"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 146 B |
3
playarea/assets/main/img/svg/down1.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.00098 1L11.0019 13.9994L21.0047 1.00138" stroke="#717171"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 175 B |
3
playarea/assets/main/img/svg/eyes-c.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none">
|
||||
<path stroke="#717171" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5l16 16M11.148 9.123a3 3 0 013.722 3.752M8.41 6.878C12.674 4.762 17.267 6.47 21 12c-1.027 1.521-2.119 2.753-3.251 3.696m-2.509 1.59C11.076 19.142 6.631 17.38 3 12c1.01-1.496 2.083-2.713 3.196-3.65"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 401 B |
3
playarea/assets/main/img/svg/eyes-o.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 4.50037C9 5.36074 8.32875 6.0575 7.5 6.0575C6.67125 6.0575 6 5.36074 6 4.50037C6 3.64 6.67125 2.94324 7.5 2.94324C8.32875 2.94324 9 3.64 9 4.50037ZM7.5 7.44287C5.25825 7.44287 3.14625 6.33556 1.79925 4.50037C3.14625 2.66517 5.25825 1.55713 7.5 1.55713C9.74175 1.55713 11.8537 2.66517 13.2007 4.50037C11.8537 6.33556 9.74175 7.44287 7.5 7.44287ZM7.5 0C4.293 0 1.49925 1.81259 0 4.50037C1.49925 7.18814 4.293 9 7.5 9C10.707 9 13.5007 7.18814 15 4.50037C13.5007 1.81259 10.707 0 7.5 0Z" fill="#717171"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 654 B |
4
playarea/assets/main/img/svg/facebook.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 5C18.9609 5 14.1282 7.00178 10.565 10.565C7.00178 14.1282 5 18.9609 5 24C5 29.0391 7.00178 33.8718 10.565 37.435C14.1282 40.9982 18.9609 43 24 43C29.0391 43 33.8718 40.9982 37.435 37.435C40.9982 33.8718 43 29.0391 43 24C43 18.9609 40.9982 14.1282 37.435 10.565C33.8718 7.00178 29.0391 5 24 5Z" fill="white"/>
|
||||
<path d="M26.572 29.036H31.489L32.261 24.041H26.571V21.311C26.571 19.236 27.249 17.396 29.19 17.396H32.309V13.037C31.761 12.963 30.602 12.801 28.412 12.801C23.839 12.801 21.158 15.216 21.158 20.718V24.041H16.457V29.036H21.158V42.765C22.089 42.905 23.032 43 24 43C24.875 43 25.729 42.92 26.572 42.806V29.036Z" fill="#2C9A33"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 751 B |
4
playarea/assets/main/img/svg/fm.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 4C13.5 4 5 12.1 5 22C5 27.2 7.3 31.8 11 35.1V44L18.8 39.3C20.4 39.7 22.2 40 24 40C34.5 40 43 31.9 43 22C43 12.1 34.5 4 24 4Z" fill="white"/>
|
||||
<path d="M12 28L22 17L27 22L36 17L26 28L21 23L12 28Z" fill="#2C9A33"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 328 B |
21
playarea/assets/main/img/svg/instagram.svg
Normal file
@@ -0,0 +1,21 @@
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M41.67 13.48C41.27 13.74 40.7 13.98 40.46 14.25C40.37 14.34 40.32 14.44 40.34 14.54V15.57L40.04 16.58L39.74 17.58L39.41 18.68L38.73 20.93L38.07 23.15L37.57 24.82C37.57 25.08 37.56 25.34 37.54 25.59C37.47 26.55 37.27 27.47 36.95 28.33C36.76 28.86 36.53 29.37 36.25 29.85C36.15 30.04 36.03 30.23 35.91 30.41C35.51 31.04 35.03 31.62 34.5 32.13C34.09 32.54 33.64 32.92 33.15 33.24C33.15 33.24 33.15 33.24 33.14 33.24C33.06 33.31 32.97 33.37 32.87 33.42C32.56 33.63 32.23 33.81 31.89 33.97C31.66 34.09 31.43 34.19 31.19 34.28C31.14 34.31 31.08 34.33 31.03 34.35C30.46 34.62 29.8 34.8 29.14 34.89C29.1 34.9 29.07 34.9 29.03 34.91C28.63 34.98 28.24 35.04 27.84 35.07C27.66 35.09 27.47 35.1 27.29 35.1L26.58 35.06L23.16 34.88C23.16 34.87 23.15 34.88 23.15 34.88L21.43 34.79C21.3 34.79 21.16 34.79 21.03 34.78C20.49 34.76 19.97 34.7 19.45 34.59C19.44 34.59 19.44 34.59 19.44 34.59C18.49 34.41 17.58 34.09 16.73 33.66C16.26 33.42 15.8 33.15 15.37 32.84C15.19 32.71 15.02 32.57 14.85 32.42C14.37 32.02 13.94 31.59 13.54 31.15C13.48 31.09 13.43 31.03 13.38 30.97C13.32 30.91 13.26 30.84 13.21 30.78C12.83 30.3 12.51 29.81 12.25 29.29C12.01 28.83 11.82 28.34 11.67 27.8C11.61 27.61 11.56 27.43 11.52 27.23C11.51 27.22 11.5 27.2 11.5 27.18C11.4 26.77 11.31 26.34 11.26 25.91C11.2 25.58 11.17 25.25 11.17 24.91C11.15 24.78 11.15 24.64 11.15 24.51L13.06 21.56L14.93 18.68L15.78 17.37L16.55 16.19L16.81 15.78V14.75C16.83 14.52 16.84 14.28 16.83 14.06C16.82 13.36 16.68 12.68 16.45 12.03C16.23 11.34 15.92 10.69 15.6 10.09C15.22 9.4 14.82 8.78 14.49 8.22C14 7.4 13.66 6.73 13.75 6.26C14.47 6.09 15.23 6 16 6H32C36.18 6 39.78 8.6 41.27 12.26C41.43 12.65 41.57 13.06 41.67 13.48Z" fill="white"/>
|
||||
<path d="M42 16V16.27L40.62 17.07L39.74 17.58L38.77 18.14L36.83 19.27L34.93 20.37L32.99 21.49L32.22 21.94C32.22 22.42 32.1 22.86 31.88 23.26C31.57 23.84 31.05 24.32 30.39 24.73C29.72 25.14 28.9 25.47 27.98 25.71C27.98 25.71 27.98 25.7 27.97 25.71C24.41 26.63 19.55 26.21 17.19 24.45C16.53 23.96 16.07 23.36 15.87 22.67C15.81 22.44 15.78 22.19 15.78 21.94V14.75C15.79 14.6 15.69 14.45 15.51 14.3C14.97 13.87 13.7 13.46 12.28 13.05C11.17 12.74 9.97999 12.43 8.97999 12.13C8.18999 11.89 7.52 11.65 7.12 11.42C7.3 11.07 7.51 10.72 7.73 10.39C9.13 8.34 11.27 6.83 13.75 6.26C14.47 6.09 15.23 6 16 6H26.8C32.17 6.94 37.12 9.13 41.27 12.26C41.43 12.65 41.57 13.06 41.67 13.48C41.85 14.14 41.96 14.82 41.99 15.53C42 15.68 42 15.84 42 16Z" fill="white"/>
|
||||
<path d="M42 16.0001V20.4101L41.78 21.0901L41.03 23.4201L40.25 25.8201L39.84 27.1001L39.46 28.2901L39.09 29.4201L38.73 30.5401L38.54 31.1301L38.29 31.9101C38.29 32.6701 38.27 33.3401 38.22 33.9101C38.21 33.9701 38.2 34.0301 38.2 34.0901C38.14 34.6201 38.06 35.0701 37.93 35.4501C37.92 35.5101 37.9 35.5701 37.88 35.6201C37.62 36.3401 37.23 36.8001 36.65 37.1001C36.51 37.1801 36.35 37.2401 36.18 37.3001C35.65 37.4801 34.98 37.5701 34.16 37.6201C33.56 37.6601 32.87 37.6701 32.09 37.6701H31.4L30.21 37.6201L30 37.6101L27.83 37.5201L25.63 37.4301L18.38 37.1301L16.5 37.0501H16.24C15.46 37.0401 14.79 36.9901 14.21 36.9101C13.37 36.7801 12.72 36.5601 12.23 36.2301C11.53 35.7801 11.12 35.1201 10.88 34.2001C10.82 33.9801 10.77 33.7501 10.74 33.5001C10.64 32.9201 10.59 32.2501 10.56 31.5001C10.56 31.3501 10.56 31.2001 10.55 31.0401C10.54 31.0301 10.55 31.0301 10.55 31.0301V30.4501C10.54 30.1601 10.54 29.8601 10.54 29.5501L10.59 27.9401L10.62 26.7901L10.66 25.4501V25.2601L10.73 22.8001L10.8 20.3401L10.87 18.0301L10.93 15.7601L10.95 15.1601C10.95 14.8501 9.90004 14.6701 8.73004 14.5201C7.80004 14.4001 6.78004 14.2901 6.17004 14.1501C6.22004 13.9201 6.27004 13.6901 6.33004 13.4701C6.51004 12.7501 6.78004 12.0701 7.12004 11.4201C7.30004 11.0701 7.51004 10.7201 7.73004 10.3901C9.89004 9.44006 12.14 8.70006 14.49 8.22006C16.55 7.79006 18.7 7.56006 20.92 7.56006C28.28 7.56006 35.08 10.0501 40.46 14.2501C40.98 14.6501 41.49 15.0801 41.99 15.5301C42 15.6801 42 15.8401 42 16.0001Z" fill="white"/>
|
||||
<path d="M42 18.3701V22.9101L41.45 23.9701L40.4 26.0201L39.84 27.1001L39.33 28.0901L39.11 28.5201C39.11 28.8301 39.11 29.1301 39.09 29.4201C39.09 29.8501 39.07 30.2601 39.04 30.6401C39 31.0901 38.94 31.5001 38.88 31.8801C38.73 32.6701 38.52 33.3501 38.22 33.9101C38.18 33.9801 38.14 34.0501 38.1 34.1101C37.99 34.2901 37.86 34.4601 37.72 34.6201C37.54 34.8401 37.34 35.0301 37.11 35.1901C36.77 35.4501 36.37 35.6601 35.91 35.8201C35.34 36.0301 34.68 36.1701 33.9 36.2501C33.39 36.3001 32.83 36.3301 32.22 36.3301L31.8 36.3501L29.72 36.4701H29.71L27.5 36.6001L25.25 36.7301L22.15 36.9101L18.38 37.1301L17.83 37.1601C17.32 37.1601 16.84 37.1301 16.38 37.0701C16.33 37.0601 16.29 37.0501 16.24 37.0501C15.56 36.9401 14.94 36.7601 14.38 36.5101C13.7 36.2101 13.11 35.8101 12.61 35.3301C12.17 34.9001 11.79 34.4101 11.48 33.8601C11.41 33.7301 11.34 33.6101 11.28 33.4701C10.98 32.8801 10.74 32.2201 10.56 31.5001C10.53 31.3801 10.5 31.2501 10.48 31.1201C10.42 30.8901 10.37 30.6501 10.34 30.4001C10.23 29.7601 10.17 29.0801 10.14 28.3701V28.3601C10.13 28.0701 10.12 27.7901 10.12 27.4901L9.63 26.3201L9.56 26.1401L9.5 25.9901L8.75 24.2001L8.63 23.9101L7.91 22.1801L7.11 20.2501C7.11 20.2501 7.11 20.2501 7.1 20.2501L6.29 18.3001L6 17.5901V16.0001C6 15.3701 6.06 14.7501 6.17 14.1501C6.22 13.9201 6.27 13.6901 6.33 13.4701C7.18 12.9801 8.07 12.5301 8.98 12.1301C11.06 11.2001 13.29 10.5101 15.6 10.0901C17.32 9.78011 19.11 9.61011 20.92 9.61011C28.23 9.61011 34.86 12.2601 40.04 16.5801C40.24 16.7401 40.43 16.9001 40.62 17.0701C41.09 17.4801 41.55 17.9101 42 18.3701Z" fill="white"/>
|
||||
<path d="M42 21.3499V26.4899L41.43 27.6799L40.35 29.9299L40.34 29.9599C40.34 30.3899 40.32 30.7799 40.29 31.1299C40.19 32.2799 39.91 33.0099 39.45 33.4599C39.12 33.7999 38.71 33.9899 38.2 34.0899C38.17 34.0999 38.13 34.0999 38.1 34.1099C37.94 34.1399 37.77 34.1599 37.59 34.1599C36.97 34.2199 36.24 34.1799 35.4 34.1199C35.31 34.1199 35.21 34.1099 35.11 34.0999C34.5 34.0599 33.85 34.0199 33.13 33.9899C32.74 33.9799 32.33 33.9699 31.91 33.9699H31.89L30.88 34.0499H30.87L28.6 34.2099L26.01 34.4099L25.63 34.4399L22.6 34.6599L21.03 34.7799L19.48 34.8899C19.21 34.8899 18.95 34.8899 18.69 34.8799C18.69 34.8799 18.68 34.8699 18.68 34.8799C17.55 34.8599 16.54 34.7899 15.64 34.6199C14.81 34.4799 14.08 34.2599 13.46 33.9299C12.82 33.6199 12.29 33.1799 11.86 32.6199C11.45 32.0699 11.15 31.3799 10.96 30.5499C10.96 30.5399 10.96 30.5399 10.96 30.5399C10.82 29.8699 10.74 29.0899 10.74 28.2099L10.59 27.9399L9.7 26.3499L9.57 26.1299L9.5 25.9899L8.57 24.3399L8.11 23.5099L7.53 22.4799L6.53 20.6899L6 19.7499V16.0699C6.88 15.4899 7.79 14.9799 8.73 14.5199C9.87 13.9399 11.05 13.4499 12.28 13.0499C13.62 12.6099 15.02 12.2599 16.45 12.0299C17.9 11.7899 19.39 11.6699 20.92 11.6699C27.72 11.6699 33.96 14.0999 38.77 18.1399C38.99 18.3099 39.2 18.4999 39.41 18.6799C40.25 19.4299 41.05 20.2399 41.78 21.0899C41.86 21.1799 41.94 21.2599 42 21.3499Z" fill="white"/>
|
||||
<path d="M42 24.71V31.94C41.76 31.8 41.43 31.63 41.02 31.45C40.8 31.34 40.55 31.23 40.29 31.13C39.91 30.96 39.5 30.8 39.04 30.64C38.94 30.6 38.84 30.57 38.73 30.54C38.55 30.47 38.36 30.41 38.17 30.35C37.58 30.17 36.93 30 36.25 29.85C35.99 29.8 35.72 29.75 35.45 29.71C34.58 29.56 33.65 29.47 32.68 29.46C32.6 29.45 32.51 29.45 32.43 29.45L29.86 29.47L26.36 29.49H26.35L18.86 29.55C16.48 29.55 15.02 30.12 14.14 30.35C14.14 30.35 14.13 30.35 14.13 30.36C13.2 30.6 12.91 30.45 12.83 28.82C12.81 28.37 12.8 27.79 12.8 27.08L12.24 26.65L11.26 25.91L10.66 25.45L10.54 25.36L8.88 24.1L8.63 23.91L8.11 23.51L7.15 22.79L6 21.91V18.51C6.1 18.43 6.19 18.36 6.29 18.3C7.74 17.3 9.29 16.45 10.93 15.76C12.39 15.14 13.93 14.65 15.51 14.3C15.94 14.21 16.38 14.12 16.83 14.06C18.16 13.83 19.53 13.72 20.92 13.72C26.93 13.72 32.45 15.81 36.83 19.27C37.49 19.79 38.13 20.34 38.73 20.93C39.55 21.71 40.32 22.54 41.03 23.42C41.17 23.6 41.31 23.78 41.45 23.97C41.64 24.21 41.82 24.46 42 24.71Z" fill="white"/>
|
||||
<path d="M42 28.72V32C42 32.65 41.94 33.29 41.82 33.91C41.64 34.83 41.33 35.71 40.91 36.53C40.69 36.58 40.44 36.58 40.16 36.54C39.53 36.43 38.79 36.1 37.99 35.67C37.95 35.66 37.91 35.64 37.88 35.62C37.63 35.49 37.37 35.35 37.11 35.19C36.58 34.9 36.02 34.58 35.46 34.28C35.34 34.22 35.22 34.16 35.11 34.1C34.47 33.77 33.81 33.47 33.15 33.24C33.15 33.24 33.15 33.24 33.14 33.24C33 33.19 32.85 33.14 32.7 33.1C32.13 32.94 31.55 32.84 30.99 32.84L29.89 32.52L25.02 31.11C25.02 31.11 25.02 31.11 25.01 31.11L22.02 30.24H22.01L20.71 29.86C16.95 29.86 14.64 31.46 13.52 30.85C13.08 30.62 12.82 30.04 12.73 28.9C12.7 28.58 12.69 28.22 12.69 27.8L11.52 27.23L11.47 27.21H11.46L10.62 26.79L9.7 26.35L9.63 26.32L9.46 26.23L7.5 25.28L6 24.55V21.12C6.17 20.97 6.35 20.83 6.53 20.69C6.72 20.54 6.91 20.4 7.1 20.25C7.11 20.25 7.11 20.25 7.11 20.25C8.29 19.4 9.54 18.65 10.87 18.03C12.42 17.29 14.07 16.72 15.78 16.35C16.03 16.29 16.29 16.23 16.55 16.19C17.97 15.92 19.43 15.78 20.92 15.78C26.19 15.78 31.03 17.49 34.93 20.37C36.06 21.21 37.11 22.14 38.07 23.15C38.86 23.98 39.59 24.88 40.25 25.82C40.3 25.89 40.35 25.96 40.4 26.02C40.77 26.56 41.11 27.11 41.43 27.68C41.64 28.02 41.82 28.37 42 28.72Z" fill="white"/>
|
||||
<path d="M41.82 33.9101C41.64 34.8301 41.33 35.7101 40.91 36.5301C40.72 36.9001 40.51 37.2501 40.28 37.5901C40.14 37.8001 39.99 38.0001 39.84 38.1901C39.48 38.0501 38.95 37.8501 38.3 37.6301C38.3 37.6301 38.3 37.6301 38.3 37.6201C37.81 37.4501 37.25 37.2701 36.65 37.1001C36.48 37.0501 36.31 37.0001 36.13 36.9501C35.42 36.7601 34.68 36.5901 33.96 36.4901C33.36 36.3901 32.77 36.3301 32.22 36.3301L31.76 36.2001H31.75L29.33 35.5001L27.84 35.0701L26.18 34.5901H26.17L25.63 34.4401L19.1 32.5601L17.22 32.0201L15.82 31.6901L13.54 31.1501L13.26 31.0801C13.26 31.0801 13.26 31.0801 13.25 31.0801L10.96 30.5501C10.96 30.5401 10.96 30.5401 10.96 30.5401L10.55 30.4501L10.34 30.4001L8.67 30.0101L8.48 29.9601L7.06 28.7901L6 27.9001V23.8201C6.37 23.4601 6.75 23.1201 7.15 22.7901C7.27 22.6801 7.4 22.5801 7.53 22.4801C7.65 22.3801 7.78 22.2801 7.91 22.1801C8.82 21.4901 9.78 20.8701 10.8 20.3401C12.1 19.6401 13.48 19.0801 14.93 18.6801C15.21 18.5901 15.49 18.5101 15.78 18.4501C17.42 18.0401 19.14 17.8301 20.92 17.8301C25.39 17.8301 29.55 19.1801 32.99 21.4901C34.7 22.6401 36.24 24.0201 37.54 25.5901C38.2 26.3801 38.8 27.2101 39.33 28.0901C39.38 28.1601 39.42 28.2201 39.46 28.2901C39.78 28.8201 40.08 29.3701 40.35 29.9301C40.6 30.4301 40.82 30.9301 41.02 31.4501C41.34 32.2501 41.6 33.0701 41.82 33.9101Z" fill="white"/>
|
||||
<path d="M40.28 37.5899C40.14 37.7999 39.99 37.9999 39.84 38.1899C39.4 38.7399 38.92 39.2399 38.38 39.6799C37.91 40.0699 37.41 40.4199 36.88 40.7199C36.68 40.6699 36.48 40.6099 36.27 40.5299C35.61 40.2999 34.92 39.9199 34.28 39.5199C33.32 38.9099 32.49 38.2499 32.12 37.9499C31.98 37.8299 31.91 37.7699 31.91 37.7699L30.21 37.6199L30 37.5999L27.8 37.4099L25.52 37.2099L22.15 36.9099L16.81 36.4399L16.79 36.4299L14.91 35.5199L13.01 34.5999L11.48 33.8599L11.15 33.6999L10.74 33.4999L9.32 32.8099L7.43 31.8999L6.84 31.6099L6 31.3499V26.8799C6.47 26.3199 6.97 25.7899 7.5 25.2799C7.84 24.9599 8.2 24.6399 8.57 24.3399C8.63 24.2899 8.69 24.2399 8.75 24.1999C8.79 24.1499 8.84 24.1199 8.88 24.0999C9.47 23.6199 10.09 23.1899 10.73 22.7999C11.47 22.3299 12.25 21.9099 13.06 21.5599C13.93 21.1699 14.84 20.8399 15.78 20.5899C17.41 20.1299 19.14 19.8899 20.92 19.8899C25 19.8899 28.77 21.1299 31.88 23.2599C33.87 24.6199 35.59 26.3399 36.95 28.3299C37.4 28.9699 37.8 29.6499 38.17 30.3499C38.3 30.6099 38.43 30.8699 38.54 31.1299C38.66 31.3799 38.77 31.6299 38.88 31.8799C39.09 32.3999 39.28 32.9199 39.45 33.4599C39.77 34.4599 40.01 35.4799 40.16 36.5399C40.21 36.8899 40.25 37.2399 40.28 37.5899Z" fill="white"/>
|
||||
<path d="M38.39 39.4199C38.39 39.4999 38.39 39.5899 38.38 39.6799C37.91 40.0699 37.41 40.4199 36.88 40.7199C36.66 40.8399 36.44 40.9599 36.21 41.0599C35.98 41.1699 35.75 41.2699 35.51 41.3599C35.17 41.1799 34.71 40.9599 34.22 40.7499C33.53 40.4399 32.78 40.1599 32.2 40.0699C32.06 40.0399 31.93 40.0299 31.81 40.0299L30.17 39.8199H30.15L28.11 39.5499L26.05 39.2799L25.09 39.1599L17.53 38.1799C17.04 38.1799 16.52 38.1499 15.98 38.0799C15.32 38.0199 14.63 37.9199 13.94 37.7799C13.26 37.6599 12.57 37.4999 11.91 37.3299C11.22 37.1699 10.54 36.9799 9.91 36.7999C9.18 36.5799 8.5 36.3699 7.93 36.1799C7.46 36.0299 7.06 35.8899 6.75 35.7799C6.57 35.3499 6.42 34.8999 6.31 34.4399C6.1 33.6599 6 32.8399 6 31.9999V30.3299C6.32 29.7999 6.67 29.2799 7.06 28.7899C7.77 27.8499 8.58 26.9899 9.46 26.2299C9.49 26.1899 9.53 26.1599 9.56 26.1399L9.57 26.1299C9.88 25.8499 10.2 25.5999 10.54 25.3599C10.58 25.3199 10.62 25.2899 10.66 25.2599C10.82 25.1399 10.99 25.0199 11.17 24.9099C12.6 23.9399 14.18 23.1799 15.87 22.6699C17.47 22.1899 19.16 21.9399 20.92 21.9399C24.41 21.9399 27.67 22.9699 30.39 24.7299C32.4 26.0199 34.13 27.7199 35.45 29.7099C35.61 29.9399 35.76 30.1699 35.91 30.4099C36.6 31.5799 37.17 32.8399 37.59 34.1599C37.64 34.3099 37.68 34.4599 37.72 34.6199C37.8 34.8899 37.87 35.1699 37.93 35.4499C37.95 35.5199 37.97 35.5899 37.99 35.6699C38.13 36.2999 38.23 36.9599 38.3 37.6199C38.3 37.6299 38.3 37.6299 38.3 37.6299C38.36 38.2199 38.39 38.8199 38.39 39.4199Z" fill="white"/>
|
||||
<path d="M36.3301 39.42C36.3301 39.77 36.3101 40.15 36.2701 40.53C36.2501 40.71 36.2301 40.89 36.2101 41.06C35.9801 41.17 35.7501 41.27 35.5101 41.36C35.0601 41.53 34.6001 41.67 34.1301 41.77C33.8101 41.84 33.4801 41.9 33.1501 41.93H33.1401C32.8301 41.74 32.4701 41.51 32.1001 41.25C31.4301 40.78 30.7301 40.25 30.1701 39.82C30.1601 39.81 30.1601 39.81 30.1501 39.8C29.5601 39.35 29.1401 39.01 29.1401 39.01L28.0801 39.05L26.0401 39.12L25.0901 39.16L21.2701 39.3L18.0401 39.42C17.8301 39.43 17.5801 39.43 17.2701 39.42H17.2601C16.8401 39.41 16.3401 39.38 15.7901 39.33C15.1501 39.28 14.4501 39.22 13.7401 39.15C13.0501 39.07 12.3501 38.99 11.6801 38.91C10.9401 38.83 10.2401 38.74 9.64006 38.66C9.17006 38.6 8.76006 38.55 8.43006 38.51C8.15006 38.19 7.90006 37.86 7.66006 37.5C7.30006 36.96 6.99006 36.39 6.75006 35.78C6.57006 35.35 6.42006 34.9 6.31006 34.44C6.60006 33.55 6.98006 32.71 7.43006 31.9C7.79006 31.24 8.21006 30.61 8.67006 30.01C9.12006 29.42 9.61006 28.87 10.1401 28.37V28.36C10.2901 28.21 10.4401 28.07 10.5901 27.94C10.8701 27.68 11.1601 27.44 11.4601 27.21H11.4701C11.4801 27.19 11.4901 27.19 11.5001 27.18C11.7401 26.99 11.9901 26.82 12.2401 26.65C13.7201 25.64 15.3901 24.89 17.1901 24.45C18.3801 24.16 19.6301 24 20.9201 24C23.4601 24 25.8601 24.61 27.9701 25.71H27.9801C29.7901 26.64 31.3901 27.92 32.6801 29.46C33.3901 30.28 34.0001 31.18 34.5001 32.13C34.8501 32.77 35.1501 33.44 35.4001 34.12C35.4201 34.18 35.4401 34.23 35.4601 34.28C35.6301 34.78 35.7801 35.3 35.9101 35.82C36.0001 36.19 36.0701 36.57 36.1301 36.95C36.1501 37.07 36.1701 37.18 36.1801 37.3C36.2801 37.99 36.3301 38.7 36.3301 39.42Z" fill="white"/>
|
||||
<path d="M34.28 39.4201V39.5201C34.28 39.8601 34.25 40.2901 34.22 40.7501C34.19 41.0901 34.16 41.4401 34.13 41.7701C33.81 41.8401 33.48 41.9001 33.15 41.9301H33.14C32.76 41.9801 32.39 42.0001 32 42.0001H30.25L29.87 41.8901L27.9 41.2901L25.9 40.6901L21.27 39.3001L19.27 38.7001C19.27 38.7001 18.44 39.0301 17.27 39.4201H17.26C16.81 39.5701 16.32 39.7301 15.8 39.8901C15.15 40.0801 14.46 40.2701 13.78 40.4201C13.08 40.5801 12.39 40.7001 11.77 40.7501C11.58 40.7701 11.39 40.7801 11.22 40.7801C10.66 40.4701 10.12 40.1001 9.63003 39.6901C9.20003 39.3301 8.80003 38.9401 8.43003 38.5101C8.15003 38.1901 7.90003 37.8601 7.66003 37.5001C7.73003 37.0501 7.81003 36.6101 7.93003 36.1801C8.23003 34.9901 8.70003 33.8501 9.32003 32.8101C9.66003 32.2201 10.04 31.6501 10.48 31.1201C10.49 31.0901 10.52 31.0601 10.55 31.0401C10.54 31.0301 10.55 31.0301 10.55 31.0301C10.68 30.8601 10.82 30.7001 10.96 30.5501C10.96 30.5401 10.96 30.5401 10.96 30.5401C11.37 30.1001 11.79 29.6801 12.25 29.2901C12.41 29.1601 12.56 29.0301 12.73 28.9001C12.76 28.8701 12.79 28.8501 12.83 28.8201C15.08 27.1001 17.89 26.0601 20.92 26.0601C24.36 26.0601 27.49 27.3501 29.86 29.4701C31 30.5001 31.97 31.7301 32.7 33.1001C32.76 33.2001 32.82 33.3101 32.87 33.4201C32.96 33.6001 33.05 33.7901 33.13 33.9901C33.46 34.7101 33.72 35.4701 33.9 36.2501C33.92 36.3301 33.94 36.4101 33.96 36.4901C34.04 36.8601 34.11 37.2401 34.16 37.6201C34.24 38.2101 34.28 38.8101 34.28 39.4201Z" fill="white"/>
|
||||
<path d="M32.22 39.4201C32.22 39.6201 32.21 39.8401 32.2 40.0701C32.18 40.4401 32.15 40.8401 32.1 41.2501C32.08 41.5001 32.04 41.7501 32 42.0001H26.52L25.46 41.8301L21.32 41.1701L20.73 41.0801L19.38 40.8601C18.79 40.8601 17.51 41.1201 16.16 41.3701C15.45 41.5001 14.73 41.6401 14.08 41.7301C14 41.7401 13.92 41.7501 13.85 41.7601H13.84C13.14 41.6101 12.46 41.3801 11.82 41.0801C11.62 40.9901 11.42 40.8901 11.22 40.7801C10.66 40.4701 10.12 40.1001 9.62999 39.6901C9.61999 39.5701 9.60999 39.4701 9.60999 39.4201C9.60999 39.1601 9.61999 38.9101 9.63999 38.6601C9.67999 38.0201 9.76999 37.4001 9.90999 36.8001C10.13 35.8901 10.45 35.0101 10.88 34.2001C10.96 34.0301 11.05 33.8601 11.15 33.7001C11.19 33.6201 11.24 33.5501 11.28 33.4701C11.46 33.1801 11.66 32.9001 11.86 32.6201C12.28 32.0701 12.75 31.5501 13.25 31.0801C13.26 31.0801 13.26 31.0801 13.26 31.0801C13.3 31.0401 13.34 31.0001 13.38 30.9701C13.43 30.9301 13.47 30.8801 13.52 30.8501C13.72 30.6701 13.92 30.5101 14.13 30.3601C14.13 30.3501 14.14 30.3501 14.14 30.3501C16.03 28.9401 18.37 28.1101 20.92 28.1101C22.9 28.1101 24.74 28.6101 26.35 29.4901H26.36C27.74 30.2501 28.94 31.2801 29.89 32.5201C30.26 33.0001 30.59 33.5101 30.87 34.0501H30.88C30.93 34.1501 30.98 34.2501 31.03 34.3501C31.33 34.9401 31.57 35.5601 31.75 36.2001H31.76C31.77 36.2501 31.79 36.3001 31.8 36.3501C31.92 36.7801 32.02 37.2201 32.09 37.6701C32.1 37.7601 32.11 37.8601 32.12 37.9501C32.19 38.4301 32.22 38.9201 32.22 39.4201Z" fill="white"/>
|
||||
<path d="M30.17 39.3099C30.17 39.4699 30.17 39.6399 30.15 39.7999V39.8099C30.15 39.8199 30.15 39.8199 30.15 39.8199C30.13 40.5399 30.03 41.2499 29.87 41.8899C29.87 41.9299 29.86 41.9599 29.84 41.9999H25.17L21.32 41.1699L20.81 41.0599L20.73 41.0799L16.46 41.9599L16.27 41.9999H16C15.36 41.9999 14.73 41.9399 14.12 41.8199C14.03 41.7999 13.94 41.7799 13.85 41.7599H13.84C13.14 41.6099 12.46 41.3799 11.82 41.0799C11.8 40.9699 11.78 40.8599 11.77 40.7499C11.7 40.3199 11.67 39.8699 11.67 39.4199C11.67 39.2499 11.67 39.0799 11.68 38.9099C11.71 38.3699 11.79 37.8399 11.91 37.3299C11.99 36.9499 12.1 36.5799 12.23 36.2299C12.34 35.9199 12.47 35.6199 12.61 35.3299C12.73 35.0799 12.87 34.8399 13.01 34.5999C13.15 34.3699 13.3 34.1499 13.46 33.9299C13.86 33.3799 14.33 32.8699 14.85 32.4199C15.15 32.1599 15.48 31.9099 15.82 31.6899C17.28 30.7299 19.03 30.1699 20.92 30.1699C21.29 30.1699 21.65 30.1899 22 30.2399H22.02C23.09 30.3599 24.09 30.6599 25.01 31.1099C25.02 31.1099 25.02 31.1099 25.02 31.1099C26.47 31.8199 27.7 32.8899 28.6 34.2099C28.75 34.4299 28.9 34.6699 29.03 34.9099C29.14 35.0999 29.24 35.2999 29.33 35.4999C29.47 35.8099 29.6 36.1399 29.71 36.4699H29.72C29.83 36.8399 29.93 37.2099 30 37.5999V37.6099C30.11 38.1599 30.17 38.7299 30.17 39.3099Z" fill="white"/>
|
||||
<path d="M28.11 39.5201V39.5501C28.11 40.1401 28.04 40.7201 27.9 41.2901C27.85 41.5301 27.78 41.7701 27.69 42.0001H23.21L20.92 41.3701L18.63 42.0001H16C15.36 42.0001 14.73 41.9401 14.12 41.8201C14.1 41.7901 14.09 41.7601 14.08 41.7301C13.94 41.3001 13.83 40.8701 13.78 40.4201C13.74 40.1301 13.72 39.8301 13.72 39.5201C13.72 39.4001 13.72 39.2701 13.74 39.1501C13.75 38.6801 13.82 38.2201 13.94 37.7801C14 37.4801 14.09 37.1901 14.21 36.9101C14.25 36.7701 14.31 36.6401 14.38 36.5101C14.53 36.1701 14.71 35.8401 14.91 35.5201C15.13 35.2001 15.37 34.9001 15.64 34.6201C15.96 34.2601 16.32 33.9301 16.73 33.6601C17.43 33.1501 18.23 32.7701 19.1 32.5601C19.68 32.4001 20.29 32.3201 20.92 32.3201C22.92 32.3201 24.71 33.1201 26.01 34.4101C26.06 34.4601 26.12 34.5201 26.17 34.5901H26.18C26.32 34.7401 26.45 34.8901 26.58 35.0601C26.95 35.5301 27.26 36.0401 27.5 36.6001C27.62 36.8601 27.72 37.1301 27.8 37.4101C27.81 37.4501 27.82 37.4801 27.83 37.5201C27.97 38.0101 28.06 38.5201 28.08 39.0501C28.1 39.2001 28.11 39.3601 28.11 39.5201Z" fill="white"/>
|
||||
<path d="M26.06 39.5199C26.06 39.9299 26.01 40.3199 25.9 40.6899C25.8 41.0899 25.65 41.4699 25.46 41.8299C25.43 41.8899 25.36 41.9999 25.36 41.9999H16.48C16.47 41.9899 16.46 41.9699 16.46 41.9599C16.34 41.7699 16.24 41.5799 16.16 41.3699C15.96 40.9099 15.84 40.4099 15.8 39.8899C15.78 39.7699 15.78 39.6399 15.78 39.5199C15.78 39.4599 15.78 39.3899 15.79 39.3299C15.8 38.8899 15.86 38.4699 15.98 38.0799C16.08 37.7199 16.21 37.3899 16.38 37.0699C16.38 37.0699 16.39 37.0599 16.39 37.0499C16.51 36.8399 16.64 36.6299 16.79 36.4299C17.28 35.7699 17.93 35.2299 18.68 34.8799C18.69 34.8799 18.69 34.8799 18.69 34.8799C18.93 34.7599 19.18 34.6599 19.44 34.5899C19.44 34.5899 19.44 34.5899 19.45 34.5899C19.91 34.4499 20.41 34.3799 20.92 34.3799C21.51 34.3799 22.08 34.4699 22.6 34.6599C22.79 34.7099 22.97 34.7899 23.15 34.8799C23.15 34.8799 23.15 34.8799 23.16 34.8799C24.02 35.2899 24.75 35.9299 25.25 36.7299C25.35 36.8799 25.44 37.0399 25.52 37.2099C25.56 37.2799 25.6 37.3599 25.63 37.4299C25.86 37.9499 26 38.5199 26.04 39.1199C26.05 39.1699 26.05 39.2199 26.05 39.2799C26.06 39.3599 26.06 39.4399 26.06 39.5199Z" fill="white"/>
|
||||
<path d="M30 11H18C14.1 11 11 14.1 11 18V30C11 33.9 14.1 37 18 37H30C33.9 37 37 33.9 37 30V18C37 14.1 33.9 11 30 11Z" stroke="#2C9A33" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31 17C31.5523 17 32 16.5523 32 16C32 15.4477 31.5523 15 31 15C30.4477 15 30 15.4477 30 16C30 16.5523 30.4477 17 31 17Z" fill="#2C9A33"/>
|
||||
<path d="M24 30C27.3137 30 30 27.3137 30 24C30 20.6863 27.3137 18 24 18C20.6863 18 18 20.6863 18 24C18 27.3137 20.6863 30 24 30Z" stroke="#2C9A33" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 21 KiB |
9
playarea/assets/main/img/svg/logo-mini.svg
Normal file
|
After Width: | Height: | Size: 141 KiB |
9
playarea/assets/main/img/svg/logo.svg
Normal file
|
After Width: | Height: | Size: 140 KiB |
9
playarea/assets/main/img/svg/logo2.svg
Normal file
|
After Width: | Height: | Size: 141 KiB |
4
playarea/assets/main/img/svg/mail.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" stroke="#F5F5F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22 6L12 13L2 6" stroke="#F5F5F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 397 B |
9
playarea/assets/main/img/svg/mastercard.svg
Normal file
|
After Width: | Height: | Size: 338 KiB |
3
playarea/assets/main/img/svg/minus.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 160 B |
3
playarea/assets/main/img/svg/next.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="28" height="54" viewBox="0 0 28 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1L27 27L1 53" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 171 B |
3
playarea/assets/main/img/svg/plus.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 1V9M1 4.82609H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 174 B |
3
playarea/assets/main/img/svg/prev.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="28" height="54" viewBox="0 0 28 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M27 53L1 27L27 1" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 172 B |
11
playarea/assets/main/img/svg/send.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_261_117)">
|
||||
<path d="M31.1129 16.9706H15.5565" stroke="#F5F5F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.1128 16.9705L12.021 26.1629L15.5565 16.9705L12.021 7.77812L31.1128 16.9705Z" stroke="#F5F5F5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_261_117">
|
||||
<rect width="24" height="24" fill="white" transform="translate(16.9707) rotate(45)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
3
playarea/assets/main/img/svg/star-dis.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.0185 2.12856C14.3188 1.20936 15.6192 1.20936 15.9195 2.12856L17.8579 8.06048C18.261 9.29412 19.4116 10.1287 20.7095 10.1287H26.9579C27.928 10.1287 28.3298 11.3712 27.5435 11.9393L22.5079 15.5772C21.4505 16.3411 21.008 17.7008 21.4131 18.9408L23.3411 24.8411C23.6419 25.7615 22.5898 26.5293 21.805 25.9623L16.7258 22.2929C15.6771 21.5353 14.2609 21.5353 13.2122 22.2929L8.13303 25.9623C7.34821 26.5293 6.29615 25.7615 6.59688 24.8411L8.52488 18.9408C8.93005 17.7008 8.4875 16.3411 7.43009 15.5772L2.39451 11.9393C1.60817 11.3712 2.01003 10.1287 2.98013 10.1287H9.22852C10.5264 10.1287 11.677 9.29413 12.0801 8.06048L14.0185 2.12856Z" stroke="#FFD600" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 785 B |
3
playarea/assets/main/img/svg/star.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.2066 1.81796C12.8073 -0.0204434 15.408 -0.0204437 16.0088 1.81796L17.9471 7.74988C18.2158 8.57231 18.9829 9.12868 19.8482 9.12868H26.0966C28.0367 9.12868 28.8405 11.6137 27.2678 12.7499L22.2322 16.3878C21.5273 16.8971 21.2322 17.8035 21.5023 18.6302L23.4303 24.5305C24.0318 26.3712 21.9277 27.9069 20.358 26.7729L15.2789 23.1035C14.5798 22.5984 13.6356 22.5984 12.9365 23.1035L7.85731 26.7729C6.28767 27.9069 4.18356 26.3712 4.78501 24.5305L6.71301 18.6302C6.98313 17.8035 6.68809 16.8971 5.98315 16.3878L0.947575 12.7499C-0.625123 11.6137 0.178615 9.12868 2.1188 9.12868H8.36719C9.23242 9.12868 9.99953 8.57231 10.2683 7.74988L12.2066 1.81796Z" fill="#FFD600"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 779 B |
6
playarea/assets/main/img/svg/tiktok.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.904 6H37.095C39.804 6 42 8.196 42 10.904V37.095C42 39.804 39.804 42 37.096 42H10.904C8.196 42 6 39.804 6 37.096V10.904C6 8.196 8.196 6 10.904 6Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.208 20.607C30.784 21.733 32.715 22.395 34.8 22.395V18.384C34.405 18.384 34.012 18.343 33.626 18.261V21.418C31.541 21.418 29.611 20.755 28.034 19.63V27.814C28.034 31.908 24.713 35.227 20.617 35.227C19.089 35.227 17.668 34.765 16.488 33.973C17.835 35.349 19.713 36.203 21.791 36.203C25.887 36.203 29.208 32.884 29.208 28.79V20.607ZM30.657 16.561C29.852 15.682 29.323 14.545 29.208 13.288V12.772H28.095C28.375 14.369 29.331 15.734 30.657 16.561ZM19.079 30.832C18.629 30.242 18.386 29.521 18.387 28.779C18.387 26.906 19.906 25.388 21.78 25.388C22.129 25.388 22.476 25.441 22.809 25.547V21.447C22.42 21.394 22.028 21.371 21.635 21.379V24.57C21.302 24.464 20.955 24.411 20.605 24.411C18.731 24.411 17.212 25.929 17.212 27.802C17.213 29.127 17.972 30.274 19.079 30.832Z" fill="#2C9A33" fill-opacity="0.75"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.034 19.63C29.61 20.756 31.541 21.418 33.626 21.418V18.261C32.462 18.013 31.432 17.405 30.657 16.56C29.331 15.733 28.376 14.369 28.096 12.772H25.173V28.79C25.166 30.657 23.65 32.169 21.78 32.169C20.678 32.169 19.699 31.644 19.079 30.831C17.972 30.273 17.213 29.126 17.213 27.802C17.213 25.929 18.732 24.411 20.606 24.411C20.965 24.411 21.311 24.467 21.636 24.57V21.38C17.612 21.463 14.376 24.749 14.376 28.791C14.376 30.809 15.182 32.638 16.49 33.974C17.67 34.766 19.091 35.228 20.619 35.228C24.715 35.228 28.036 31.909 28.036 27.815L28.034 19.63Z" fill="#2C9A33"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.6259 18.2619V17.4079C32.576 17.4099 31.548 17.1159 30.657 16.5599C31.445 17.4229 32.483 18.0179 33.6259 18.2619ZM28.095 12.7719C28.068 12.6189 28.048 12.4659 28.034 12.3109V11.7949H23.998V27.8139C23.992 29.6809 22.475 31.1929 20.605 31.1929C20.056 31.1929 19.538 31.0629 19.079 30.8309C19.699 31.6439 20.678 32.1689 21.78 32.1689C23.65 32.1689 25.166 30.6569 25.173 28.7899V12.7719H28.095ZM21.635 21.3799V20.4709C21.298 20.4249 20.958 20.4019 20.617 20.4019C16.52 20.4019 13.2 23.7209 13.2 27.8149C13.2 30.3819 14.505 32.6439 16.488 33.9739C15.18 32.6379 14.374 30.8089 14.374 28.7909C14.374 24.7489 17.611 21.4629 21.635 21.3799Z" fill="#2C9A33" fill-opacity="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
3
playarea/assets/main/img/svg/up.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="22" height="15" viewBox="0 0 22 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.0046 13.9988L11.002 1.00068L1.00096 14" stroke="#717171"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 175 B |
3
playarea/assets/main/img/svg/user.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="25" height="33" viewBox="0 0 25 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.5 0.850006C11.0364 0.850006 9.60566 1.28401 8.38874 2.09713C7.17181 2.91025 6.22334 4.06597 5.66325 5.41815C5.10316 6.77032 4.95662 8.25821 5.24215 9.69367C5.52768 11.1291 6.23246 12.4477 7.26737 13.4826C8.30228 14.5175 9.62083 15.2223 11.0563 15.5078C12.4917 15.7933 13.9796 15.6468 15.3318 15.0867C16.684 14.5266 17.8397 13.5781 18.6528 12.3612C19.466 11.1443 19.9 9.71359 19.9 8.25001C19.8979 6.28803 19.1176 4.407 17.7303 3.01967C16.343 1.63234 14.4619 0.852047 12.5 0.850006ZM12.5 14.1083C11.3413 14.1083 10.2086 13.7648 9.24524 13.121C8.28185 12.4773 7.53097 11.5624 7.08756 10.4919C6.64416 9.42142 6.52815 8.24351 6.75419 7.1071C6.98024 5.9707 7.53819 4.92684 8.35749 4.10754C9.17679 3.28824 10.2206 2.73028 11.3571 2.50424C12.4935 2.27819 13.6714 2.39421 14.7418 2.83761C15.8123 3.28102 16.7273 4.03189 17.371 4.99529C18.0147 5.95869 18.3583 7.09134 18.3583 8.25001C18.3567 9.80323 17.7389 11.2924 16.6406 12.3907C15.5423 13.489 14.0532 14.1067 12.5 14.1083ZM24.8333 32.9167H0.166626V25.9792C0.169074 23.7311 1.0632 21.5758 2.65282 19.9862C4.24244 18.3966 6.39773 17.5025 8.64579 17.5H16.3541C18.6022 17.5025 20.7575 18.3966 22.3471 19.9862C23.9367 21.5758 24.8308 23.7311 24.8333 25.9792V32.9167ZM1.70829 31.375H23.2916V25.9792C23.2896 24.1399 22.558 22.3765 21.2574 21.0759C19.9568 19.7753 18.1934 19.0437 16.3541 19.0417H8.64579C6.80648 19.0437 5.04308 19.7753 3.74249 21.0759C2.4419 22.3765 1.71033 24.1399 1.70829 25.9792V31.375Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
9
playarea/assets/main/img/svg/visa.svg
Normal file
|
After Width: | Height: | Size: 117 KiB |
27
playarea/assets/main/js/basket.js
Normal file
@@ -0,0 +1,27 @@
|
||||
const addProducts = document.querySelectorAll('.amount-plus'),
|
||||
removeProducts = document.querySelectorAll('.amount-minus'),
|
||||
amountNum = document.querySelector('.amount-val');
|
||||
|
||||
let count = 1;
|
||||
addProducts.forEach(add => {
|
||||
add.addEventListener('click', () => {
|
||||
count++
|
||||
add.previousElementSibling.innerHTML = count;
|
||||
});
|
||||
})
|
||||
|
||||
removeProducts.forEach(rem => {
|
||||
rem.addEventListener('click', () => {
|
||||
if(count > 1) {
|
||||
count--
|
||||
rem.nextElementSibling.innerHTML = count;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
// input mask
|
||||
$("#phone").inputmask({"mask": "+48999 999 999"});
|
||||
$("#zip-code").inputmask({"mask": "__-___"});
|
||||
16
playarea/assets/main/js/btnAnim.js
Normal file
@@ -0,0 +1,16 @@
|
||||
const btn_anim = document.querySelectorAll('.btn-anim');
|
||||
|
||||
btn_anim.forEach(btn => {
|
||||
btn.addEventListener('mouseover', () => {
|
||||
setTimeout(() => {
|
||||
btn.classList.add('addBorder')
|
||||
}, 800);
|
||||
|
||||
|
||||
})
|
||||
btn.addEventListener('mouseout', () => {
|
||||
setTimeout(() => {
|
||||
btn.classList.remove('addBorder')
|
||||
}, 800);
|
||||
})
|
||||
})
|
||||
56
playarea/assets/main/js/card.js
Normal file
@@ -0,0 +1,56 @@
|
||||
|
||||
var productSlider = new Swiper('.big-card', {
|
||||
spaceBetween: 0,
|
||||
centeredSlides: false,
|
||||
loop:true,
|
||||
loopedSlides: 4,
|
||||
resizeObserver:true,
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-product-next',
|
||||
prevEl: '.swiper-product-prev',
|
||||
},
|
||||
});
|
||||
var productThumbs = new Swiper('.small-card', {
|
||||
spaceBetween: 12,
|
||||
loop: true,
|
||||
slideToClickedSlide: true,
|
||||
slidesPerView: 4,
|
||||
});
|
||||
productSlider.controller.control = productThumbs;
|
||||
productThumbs.controller.control = productSlider;
|
||||
|
||||
|
||||
|
||||
const select = document.querySelector('.select-head');
|
||||
const options = document.querySelectorAll('.option');
|
||||
|
||||
select.addEventListener('click', () => {
|
||||
select.parentElement.classList.toggle('showSelect')
|
||||
});
|
||||
|
||||
options.forEach(option => {
|
||||
let active = option.parentElement.previousElementSibling.children[0];
|
||||
option.addEventListener('click', () => {
|
||||
option.parentElement.parentElement.classList.remove('showSelect');
|
||||
active.textContent = option.textContent;
|
||||
if(active.textContent == 'Co 1 tydzień') {
|
||||
options[0].textContent = 'Co 2 tydzień';
|
||||
options[1].textContent = 'Co 3 tydzień';
|
||||
}
|
||||
else if(active.textContent == 'Co 2 tydzień') {
|
||||
options[0].textContent = 'Co 1 tydzień';
|
||||
options[1].textContent = 'Co 3 tydzień';
|
||||
}
|
||||
else if(active.textContent == 'Co 3 tydzień') {
|
||||
options[0].textContent = 'Co 1 tydzień';
|
||||
options[1].textContent = 'Co 2 tydzień';
|
||||
}
|
||||
console.dir( options[1].textContent)
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
select.parentElement.contains(e.target) || select.parentElement.classList.remove('showSelect')
|
||||
})
|
||||
7
playarea/assets/main/js/faqs.js
Normal file
@@ -0,0 +1,7 @@
|
||||
const showBtns = document.querySelectorAll('.show-btn');
|
||||
|
||||
showBtns.forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
btn.parentElement.parentElement.classList.toggle('hideItem')
|
||||
})
|
||||
})
|
||||
165
playarea/assets/main/js/form.js
Normal file
@@ -0,0 +1,165 @@
|
||||
// form login
|
||||
const log_email = document.getElementById('log-email'),
|
||||
log_pass = document.getElementById('log-pass'),
|
||||
log_submit = document.querySelector('.log-submit');
|
||||
|
||||
log_submit.addEventListener('click', () => {
|
||||
checkInputsLogin();
|
||||
let success_log_email = log_email.nextElementSibling.classList,
|
||||
success_log_pass = log_pass.nextElementSibling.classList;
|
||||
|
||||
if(success_log_email == 'success' && success_log_pass == 'success') {
|
||||
log_submit.type = 'submit'
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
|
||||
function checkInputsLogin() {
|
||||
let log_email_value = log_email.value.trim(),
|
||||
log_pass_value = log_pass.value.trim();
|
||||
|
||||
if(log_pass_value === '') {
|
||||
setErrorFor(log_pass, '1px solid #E47169')
|
||||
} else {
|
||||
setSuccesFor(log_pass)
|
||||
log_pass.nextElementSibling.classList.add('success');
|
||||
}
|
||||
if(log_email_value === '') {
|
||||
setErrorFor(log_email, '1px solid #E47169')
|
||||
}
|
||||
else if(!isEmail(log_email_value)) {
|
||||
setErrorFor(log_email, '1px solid #E47169')
|
||||
}
|
||||
else {
|
||||
setSuccesFor(log_email)
|
||||
log_email.nextElementSibling.classList.add('success');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// form regis
|
||||
const regis_email = document.getElementById('regis-email'),
|
||||
regis_pass = document.getElementById('regis-pass'),
|
||||
regis_name = document.getElementById('regis-name'),
|
||||
regis_lastName = document.getElementById('regis-lastName'),
|
||||
regis_submit = document.querySelector('.regis-submit');
|
||||
|
||||
regis_submit.addEventListener('click', () => {
|
||||
checkInputsRegis();
|
||||
let success_regis_email = regis_email.nextElementSibling.classList,
|
||||
success_regis_pass = regis_pass.nextElementSibling.classList,
|
||||
success_regis_name = regis_name.nextElementSibling.classList,
|
||||
success_regis_lastName = regis_lastName.nextElementSibling.classList;
|
||||
|
||||
if(success_regis_email == 'success' && success_regis_pass == 'success' && success_regis_name == 'success' && success_regis_lastName == 'success') {
|
||||
regis_submit.type = 'submit'
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
|
||||
function checkInputsRegis() {
|
||||
let regis_email_value = regis_email.value.trim(),
|
||||
regis_pass_value = regis_pass.value.trim(),
|
||||
regis_name_value = regis_name.value.trim(),
|
||||
regis_lastName_value = regis_lastName.value.trim();
|
||||
|
||||
if(regis_name_value === '') {
|
||||
setErrorFor(regis_name, '1px solid #E47169')
|
||||
} else {
|
||||
setSuccesFor(regis_name)
|
||||
regis_name.nextElementSibling.classList.add('success');
|
||||
}
|
||||
if(regis_lastName_value === '') {
|
||||
setErrorFor(regis_lastName, '1px solid #E47169')
|
||||
} else {
|
||||
setSuccesFor(regis_lastName)
|
||||
regis_lastName.nextElementSibling.classList.add('success');
|
||||
}
|
||||
if(regis_pass_value === '') {
|
||||
setErrorFor(regis_pass, '1px solid #E47169')
|
||||
} else {
|
||||
setSuccesFor(regis_pass)
|
||||
regis_pass.nextElementSibling.classList.add('success');
|
||||
}
|
||||
if(regis_email_value === '') {
|
||||
setErrorFor(regis_email, '1px solid #E47169')
|
||||
}
|
||||
else if(!isEmail(regis_email_value)) {
|
||||
setErrorFor(regis_email, '1px solid #E47169')
|
||||
}
|
||||
else {
|
||||
setSuccesFor(regis_email)
|
||||
regis_email.nextElementSibling.classList.add('success');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// validate
|
||||
function setErrorFor(input, border) {
|
||||
input.style.border = border
|
||||
}
|
||||
|
||||
function setSuccesFor(input) {
|
||||
input.style.border = `1px solid #2C9A33`;
|
||||
}
|
||||
|
||||
function isEmail(email) {
|
||||
return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email);
|
||||
}
|
||||
|
||||
|
||||
// show password
|
||||
const show_pass = document.querySelectorAll('.show-pass');
|
||||
|
||||
show_pass.forEach(btn => {
|
||||
let x = btn.parentElement.children[0]
|
||||
btn.addEventListener('click', () => {
|
||||
if (x.type === "password") {
|
||||
x.type = "text";
|
||||
btn.classList.add('hide-pass')
|
||||
} else {
|
||||
x.type = "password";
|
||||
btn.classList.remove('hide-pass')
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
|
||||
const popUp = document.querySelector('.popUp');
|
||||
const regis_btn = document.querySelectorAll('.regis-btn');
|
||||
const goTo_regis = document.querySelector('.goTo-regis');
|
||||
const goTo_login = document.querySelector('.goTo-login');
|
||||
|
||||
|
||||
goTo_regis.addEventListener('click', () => {
|
||||
goTo_regis.parentElement.parentElement.classList.add('d-none');
|
||||
goTo_regis.parentElement.parentElement.nextElementSibling.classList.remove('d-none');
|
||||
});
|
||||
|
||||
goTo_login.addEventListener('click', () => {
|
||||
goTo_login.parentElement.parentElement.classList.add('d-none');
|
||||
goTo_login.parentElement.parentElement.previousElementSibling.classList.remove('d-none');
|
||||
});
|
||||
|
||||
regis_btn.forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
popUp.classList.remove('d-none');
|
||||
body.classList.add('bodyStopScroll')
|
||||
})
|
||||
});
|
||||
|
||||
window.addEventListener('click', (e) => {
|
||||
if(e.target == popUp) {
|
||||
popUp.children[0].classList.add('popUpHide');
|
||||
|
||||
setTimeout(() => {
|
||||
popUp.classList.add('d-none');
|
||||
body.classList.remove('bodyStopScroll')
|
||||
popUp.children[0].classList.remove('popUpHide');
|
||||
location.reload();
|
||||
}, 450);
|
||||
}
|
||||
});
|
||||
43
playarea/assets/main/js/header.js
Normal file
@@ -0,0 +1,43 @@
|
||||
const menuBtn = document.querySelector('.menu-btn');
|
||||
const body = document.querySelector('body');
|
||||
const basket_count = document.querySelector('.basket-count');
|
||||
|
||||
function funcTest() {
|
||||
if(basket_count.textContent == 0) {
|
||||
basket_count.classList.add('d-none')
|
||||
}
|
||||
}
|
||||
|
||||
funcTest();
|
||||
|
||||
menuBtn.addEventListener('click', () => {
|
||||
menuBtn.parentElement.parentElement.classList.toggle('showMenu');
|
||||
body.classList.toggle('bodyStopScroll')
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if(e.target == menuBtn.parentElement.parentElement) {
|
||||
menuBtn.parentElement.parentElement.classList.remove('showMenu');
|
||||
body.classList.remove('bodyStopScroll')
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
// chat
|
||||
const chat = document.querySelector('.chat');
|
||||
const chatBtn = document.querySelector('.chat-btn');
|
||||
const chatBtn_hide = document.querySelector('.chat-hide');
|
||||
|
||||
chatBtn.addEventListener('click', () => {
|
||||
chat.classList.toggle('showChat')
|
||||
})
|
||||
|
||||
chatBtn_hide.addEventListener('click', () => {
|
||||
chat.classList.remove('showChat')
|
||||
});
|
||||
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
chat.contains(e.target) || chat.classList.remove('showChat')
|
||||
})
|
||||
4
playarea/assets/main/js/plugin/jquery.js
vendored
Normal file
2683
playarea/assets/main/js/plugin/mask.js
Normal file
14
playarea/assets/main/js/plugin/swiper.js
Normal file
13
playarea/assets/main/js/profile.js
Normal file
@@ -0,0 +1,13 @@
|
||||
const change_subscriptions = document.querySelector('.change-subscriptions');
|
||||
const save_subscriptions = document.querySelector('.subscriptions-save');
|
||||
|
||||
change_subscriptions.addEventListener('click', () => {
|
||||
change_subscriptions.parentElement.classList.toggle('show-subscriptions');
|
||||
});
|
||||
save_subscriptions.addEventListener('click', () => {
|
||||
save_subscriptions.parentElement.parentElement.parentElement.classList.remove('show-subscriptions');
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
change_subscriptions.parentElement.contains(e.target) || change_subscriptions.parentElement.classList.remove('show-subscriptions');
|
||||
})
|
||||
28
playarea/assets/main/scss/__font.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
@font-face {
|
||||
font-family: 'SFProText';
|
||||
src: url(../font/SFProText-Regular.ttf) format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: fallback;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'SFProText';
|
||||
src: url(../font/SFProText-Medium.ttf) format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: fallback;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'SFProText';
|
||||
src: url(../font/SFProText-Semibold.ttf) format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: fallback;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'SFProText';
|
||||
src: url(../font/SFProText-Bold.ttf) format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: fallback;
|
||||
}
|
||||
790
playarea/assets/main/scss/__media.scss
Normal file
@@ -0,0 +1,790 @@
|
||||
@media (min-width: 1365px) {
|
||||
.main {
|
||||
.block1 {
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1385px) {
|
||||
.main {
|
||||
.block1 {
|
||||
&-title {
|
||||
font-size: 76px;
|
||||
line-height: 76px;
|
||||
}
|
||||
&-subtitle {
|
||||
font-size: 28px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
.product-card {
|
||||
.card-slider {
|
||||
.swiper-product-prev {
|
||||
left: 0;
|
||||
svg {
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
.swiper-product-next {
|
||||
right: 0;
|
||||
svg {
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
.card-photo {
|
||||
width: 90%;
|
||||
height: 90%;
|
||||
}
|
||||
}
|
||||
.description {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.title-text {
|
||||
font-size: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.back-home {
|
||||
top: -2px;
|
||||
}
|
||||
.main {
|
||||
.block1 {
|
||||
background-position: -200px;
|
||||
&-title {
|
||||
font-size: 76px;
|
||||
line-height: 76px;
|
||||
}
|
||||
&-subtitle {
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
margin: 12px 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.block3 {
|
||||
margin: 50px 0;
|
||||
&-box {
|
||||
grid-gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.basket {
|
||||
.basket-table {
|
||||
tbody {
|
||||
.product-img {
|
||||
padding-right: 15px;
|
||||
img {
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
.product-text {
|
||||
padding-left: 15px;
|
||||
.product-name {
|
||||
max-width: 300px;
|
||||
}
|
||||
.product_text {
|
||||
max-width: 300px;
|
||||
}
|
||||
}
|
||||
.product-price {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.products {
|
||||
.product {
|
||||
width: 32%;
|
||||
}
|
||||
}
|
||||
|
||||
.product-card {
|
||||
.card-slider {
|
||||
width: 49%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.back-home {
|
||||
display: none;
|
||||
}
|
||||
.header {
|
||||
&-box {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.logo-img {
|
||||
width: 170px;
|
||||
}
|
||||
&-nav {
|
||||
li {
|
||||
font-size: 20px;
|
||||
margin-right: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
.block1 {
|
||||
background-position: -450px;
|
||||
&-title {
|
||||
font-size: 76px;
|
||||
line-height: 76px;
|
||||
}
|
||||
&-subtitle {
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
margin: 12px 0 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.block2 {
|
||||
margin-top: 50px;
|
||||
.title-text {
|
||||
text-align: left;
|
||||
margin-bottom: 20px;
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&-img {
|
||||
width: 100%;
|
||||
}
|
||||
&-info {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
margin-top: 50px;
|
||||
.title-text {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block3 {
|
||||
&-card {
|
||||
.card-img {
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.basket {
|
||||
.basket-order {
|
||||
.order-info {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding-bottom: 50px;
|
||||
.profile-info {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.profile-name {
|
||||
top: 70px;
|
||||
}
|
||||
.order-history {
|
||||
&-table {
|
||||
margin-top: 30px;
|
||||
td {
|
||||
padding: 14px 0 0;
|
||||
border-top: none;
|
||||
&:first-child {
|
||||
width: auto;
|
||||
padding-right: 0;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
width: 280px;
|
||||
}
|
||||
&:last-child {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #2C9A33;
|
||||
&:last-child {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.products {
|
||||
.product {
|
||||
width: 48%;
|
||||
}
|
||||
}
|
||||
|
||||
.product-card {
|
||||
padding-bottom: 50px;
|
||||
.card-slider {
|
||||
width: 506px;
|
||||
margin: 50px 0 0;
|
||||
}
|
||||
.card-info {
|
||||
width: 100%;
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.review-page {
|
||||
.review-box {
|
||||
position: relative;
|
||||
padding-bottom: 100px;
|
||||
.stars {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.review-title {
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
.review-message {
|
||||
width: 75%;
|
||||
}
|
||||
.form-item {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
&-title {
|
||||
width: 100%;
|
||||
}
|
||||
.logo-img {
|
||||
width: 164px;
|
||||
}
|
||||
&-form {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
&-box {
|
||||
padding: 20px 0;
|
||||
}
|
||||
&-nav {
|
||||
li {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popUp {
|
||||
&-content {
|
||||
width: 720px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.title-text {
|
||||
padding: 0 10px;
|
||||
font-size: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.header {
|
||||
&-box {
|
||||
padding: 20px 30px;
|
||||
}
|
||||
.logo-img {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.main {
|
||||
.block3 {
|
||||
&-box {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
grid-gap: 50px;
|
||||
}
|
||||
&-card {
|
||||
.card-img {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block4 {
|
||||
padding: 50 0;
|
||||
.title-text {
|
||||
text-align: center;
|
||||
}
|
||||
&-img {
|
||||
display: none;
|
||||
}
|
||||
&-info {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.basket {
|
||||
.basket-table {
|
||||
font-size: 13px;
|
||||
line-height: 15px;
|
||||
tbody {
|
||||
.product-img {
|
||||
img {
|
||||
width: 90px;
|
||||
}
|
||||
}
|
||||
.product-formate {
|
||||
max-width: 70px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
border: none;
|
||||
}
|
||||
.product-price {
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.profile {
|
||||
padding-bottom: 50px;
|
||||
.profile-item {
|
||||
margin: 0;
|
||||
}
|
||||
.address-title,
|
||||
.edit-btn {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
.products {
|
||||
.products-box {
|
||||
justify-content: center;
|
||||
}
|
||||
.product {
|
||||
width: 380px;
|
||||
}
|
||||
}
|
||||
|
||||
.reviews {
|
||||
.reviews-box {
|
||||
padding: 60px 0;
|
||||
&::before {
|
||||
top: 25px;
|
||||
}
|
||||
&::after {
|
||||
bottom: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.review {
|
||||
padding: 20px 0;
|
||||
&-name {
|
||||
margin: 9px 0;
|
||||
}
|
||||
&-text {
|
||||
width: 100%;
|
||||
}
|
||||
&-data {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
&-info {
|
||||
margin-right: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
p {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
&-box {
|
||||
.row:first-child {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
&-subnav {
|
||||
width: auto;
|
||||
flex-direction: column;
|
||||
align-items: end;
|
||||
li {
|
||||
margin-bottom: 6px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popUp {
|
||||
&-content {
|
||||
width: 440px;
|
||||
padding: 40px;
|
||||
}
|
||||
.form {
|
||||
margin-top: 30px;
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
|
||||
.chat {
|
||||
bottom: 10px;
|
||||
right: -10px;
|
||||
&-box {
|
||||
right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.header {
|
||||
&-box {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.main {
|
||||
.block1 {
|
||||
background-image: url(../img/png/block1-mob.png);
|
||||
background-position: center;
|
||||
height: 522px;
|
||||
padding-bottom: 60px;
|
||||
.buyNow-link {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.block5 {
|
||||
&-item {
|
||||
.item-title {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
}
|
||||
.show-btn {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.policy {
|
||||
&-box {
|
||||
margin: 20px 0 80px;
|
||||
}
|
||||
&-title {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.basket {
|
||||
.basket-table {
|
||||
font-size: 15px;
|
||||
line-height: 17px;
|
||||
margin-top: 0;
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
tbody {
|
||||
tr {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
margin-top: 50px;
|
||||
&:first-child {
|
||||
margin-top: 40px;
|
||||
}
|
||||
td {
|
||||
padding: 0;
|
||||
}
|
||||
&:first-child td {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
.product-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
.product-img {
|
||||
padding-right: 0;
|
||||
margin-bottom: 14px;
|
||||
img {
|
||||
width: 178px;
|
||||
}
|
||||
}
|
||||
.product-text {
|
||||
position: relative;
|
||||
padding-left: 0;
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
.product-name {
|
||||
max-width: 100%;
|
||||
}
|
||||
.product_text {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.product-formate {
|
||||
border-bottom: 1px solid #717171;
|
||||
max-width: 100%;
|
||||
font-size: 15px;
|
||||
line-height: 17px;
|
||||
margin: 14px 0;
|
||||
}
|
||||
.product-price {
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.basket-order {
|
||||
.order-info {
|
||||
width: 100%;
|
||||
&:last-child {
|
||||
padding-left: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
.promocode {
|
||||
display: none !important;
|
||||
}
|
||||
.input-box {
|
||||
width: 100% !important;
|
||||
&:nth-child(6) {
|
||||
width: 40% !important;
|
||||
}
|
||||
&:nth-child(7) {
|
||||
width: 58% !important;
|
||||
}
|
||||
}
|
||||
.order-list {
|
||||
li {
|
||||
padding: 20px 0;
|
||||
img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.order-payment {
|
||||
font-size: 13px;
|
||||
line-height: 14px;
|
||||
.payment-title {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.payment-list {
|
||||
padding: 20px 0;
|
||||
.payment-rad {
|
||||
margin-right: 10px;
|
||||
}
|
||||
label {
|
||||
img {
|
||||
margin-right: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.toBe-paid {
|
||||
margin: 50px 0 30px;
|
||||
width: 100%;
|
||||
padding: 20px 12px;
|
||||
font-size: 15px;
|
||||
.paid-title {
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.profile {
|
||||
.profile-info {
|
||||
.change-subscriptions {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-card {
|
||||
.card-slider {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
.big-card {
|
||||
height: 150px;
|
||||
}.small-card {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
.card-item {
|
||||
height: 96px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.description {
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
&-title {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.card-info {
|
||||
.info-title {
|
||||
font-size: 46px;
|
||||
line-height: 46px;
|
||||
}
|
||||
.info-item {
|
||||
margin-top: 20px;
|
||||
&:first-child {
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
.card-addBasket {
|
||||
margin-top: 30px;
|
||||
height: 57px;
|
||||
width: 100%;
|
||||
.product-price {
|
||||
padding: 0;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.addBasket-btn {
|
||||
width: 45%;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.review-page {
|
||||
padding-bottom: 40px;
|
||||
.ratings {
|
||||
margin: 30px 0 60px;
|
||||
}
|
||||
.review-box {
|
||||
margin-bottom: 40px;
|
||||
.review-message {
|
||||
width: 73%;
|
||||
}
|
||||
.form-item {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.footer {
|
||||
&-top {
|
||||
padding: 50px 0 30px;
|
||||
}
|
||||
.logo {
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
}
|
||||
.logo-img {
|
||||
width: 35px;
|
||||
}
|
||||
&-form {
|
||||
.form__inp {
|
||||
font-size: 18px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.form__btn {
|
||||
min-width: 100px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.socials {
|
||||
.social {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 460px) {
|
||||
.main {
|
||||
.block1 {
|
||||
&-title {
|
||||
font-size: 56px;
|
||||
line-height: 56px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popUp {
|
||||
&-content {
|
||||
width: 95%;
|
||||
padding: 40px 20px 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 390px) {
|
||||
.main {
|
||||
.profile {
|
||||
.title-text {
|
||||
font-size: 31px;
|
||||
line-height: 31px;
|
||||
}
|
||||
}
|
||||
.products {
|
||||
.product {
|
||||
width: 350px;
|
||||
&-photo {
|
||||
height: 240px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||