forked from eatvio/eatvio-infra
242 lines
19 KiB
PHP
242 lines
19 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Eatvio</title>
|
|
|
|
<style>
|
|
main {
|
|
background: #F0F2F5;
|
|
height: 664px;
|
|
}
|
|
.content {
|
|
display: flex;
|
|
margin: 0 25% 0 25%;
|
|
padding: 140px 15px;
|
|
flex-wrap: wrap;
|
|
gap: 30px;
|
|
}
|
|
.top_info .info_icon {
|
|
width: 64px;
|
|
height: 57px;
|
|
}
|
|
.top_info_head {
|
|
display: flex;
|
|
}
|
|
.top_logo {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: 0px;
|
|
|
|
width: 250px;
|
|
height: 57px;
|
|
}
|
|
.left_block {
|
|
/* position: relative;
|
|
left: 20%;
|
|
top: 199px; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
}
|
|
.eatvio_icon_text {
|
|
position: static;
|
|
left: 32%;
|
|
right: 0%;
|
|
top: 20.3%;
|
|
bottom: 20.3%;
|
|
/* Inside auto layout */
|
|
|
|
flex: none;
|
|
order: 1;
|
|
flex-grow: 0;
|
|
margin: 0px 16px;
|
|
}
|
|
.left_block_text {
|
|
font-family: 'Mulish';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
line-height: 100%;
|
|
/* or 24px */
|
|
|
|
/* Акцент */
|
|
color: #323F4B;
|
|
|
|
width:90%;
|
|
padding-top:24px;
|
|
}
|
|
.app_icons_block {
|
|
padding-top: 30px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 280px;
|
|
}
|
|
.android_icon, .iphone_icon {
|
|
width: 128px;
|
|
height: 48px;
|
|
background: #0C4056;
|
|
border-radius: 8px;
|
|
display: flex;
|
|
}
|
|
.android_icon_logo, .iphone_icon_logo {
|
|
position: relative;
|
|
width: 24px;
|
|
height: 28px;
|
|
left: 10px;
|
|
top: 10px;
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
.android_icon_text_small, .iphone_icon_text_small {
|
|
/* 14 sp • Paragraph Small */
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
/* or 171% */
|
|
letter-spacing: 0.25px;
|
|
height: 16px;
|
|
|
|
color: #FFFFFF;
|
|
}
|
|
.android_icon_text_big, .iphone_icon_text_big {
|
|
/* 18 sp • Paragraph Bold */
|
|
font-family: 'Inter';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
line-height: 32px;
|
|
/* or 178% */
|
|
letter-spacing: 0.2px;
|
|
/* White */
|
|
color: #FFFFFF;
|
|
}
|
|
.android_icon_text, .iphone_icon_text {
|
|
flex: 2;
|
|
}
|
|
.right_block {
|
|
width: 400px;
|
|
height: 352px;
|
|
|
|
background: #FFFFFF;
|
|
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
|
|
border-radius: 8px;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 23px;
|
|
padding: 10px;
|
|
}
|
|
.right_block input {
|
|
display: block;
|
|
height: 50px;
|
|
}
|
|
.right_block input[type="text"], .right_block input[type="password"] {
|
|
border: 1px solid #E9E9EA;
|
|
box-sizing: border-box;
|
|
border-radius: 8px;
|
|
}
|
|
.c_submit, .c_register {
|
|
background: #2F80ED;
|
|
border-radius: 8px;
|
|
|
|
font-family: 'Mulish';
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
/* or 16px */
|
|
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
|
|
color: #FFFFFF;
|
|
|
|
border: 0px;
|
|
}
|
|
.c_register {
|
|
background: #0C4056;
|
|
}
|
|
.remind_password {
|
|
font-family: 'Mulish';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
text-align: center;
|
|
}
|
|
.remind_password > a {
|
|
color: #2F80ED;
|
|
}
|
|
.right_block > hr {
|
|
width: 100%;
|
|
border: 1px solid #7B8794;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="content">
|
|
<div class="top_info left_block">
|
|
<div class="top_logo">
|
|
<div class="info_icon">
|
|
<svg width="64" height="57" viewBox="0 0 64 57" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.01 0C49.6797 0 64 7.69948 64 25.2471C64 42.7749 49.6797 57 32.01 57C14.3203 57 0 42.7749 0 25.2471C0 7.69948 14.3203 0 32.01 0Z" fill="#43A6F2"/>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.0103 37.8208C27.7583 37.8208 23.5866 36.9653 19.6957 35.314C15.8047 33.6428 12.2948 31.1957 9.38667 28.1318C8.04289 26.7391 8.12311 24.5109 9.52706 23.1978C10.9511 21.8648 13.1773 21.9444 14.5211 23.3371C16.7674 25.7046 19.475 27.5946 22.4835 28.8679C25.492 30.1611 28.721 30.8177 32.0103 30.8177C35.2795 30.8177 38.5086 30.1611 41.517 28.8679C44.5255 27.5946 47.2331 25.7046 49.4794 23.3371C50.8232 21.9444 53.0495 21.8648 54.4735 23.1978C55.8774 24.5109 55.9577 26.7391 54.6139 28.1318C51.7057 31.1957 48.1958 33.6428 44.3049 35.314C40.4139 36.9653 36.2422 37.8208 32.0103 37.8208Z" fill="white"/>
|
|
</svg>
|
|
|
|
</div>
|
|
<div class="eatvio_icon_text">
|
|
<svg width="170" height="35" viewBox="0 0 170 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.30924 23.3032C7.3494 24.3875 7.59036 25.4317 8.07229 26.3956C8.55422 27.3193 9.23695 28.1225 10.1205 28.6446C11.004 29.1666 11.9277 29.4076 12.9317 29.4076C13.5743 29.4076 14.2169 29.3273 14.8594 29.1666C15.4618 29.006 16.0241 28.7249 16.5462 28.4036C17.0683 28.0421 17.5904 27.6807 18.0723 27.2389C18.7149 26.6767 19.3574 26.1144 20 25.512C20.4418 25.1104 21.0442 24.9899 21.6466 24.9899C22.3293 24.9899 22.9719 25.1506 23.494 25.6325C24.0562 26.0743 24.257 26.757 24.257 27.4397C24.257 28.2028 23.8956 29.006 23.5341 29.6486C23.012 30.5321 22.249 31.2952 21.4056 31.9377C20.3614 32.7409 19.1566 33.3032 17.9116 33.745C16.3855 34.267 14.739 34.4277 13.1325 34.4277C9.51807 34.4277 6.0241 33.5442 3.45382 30.8936C0.923695 28.2429 0 24.8695 0 21.255C0 19.4478 0.240964 17.6807 0.843374 15.994C1.40562 14.4277 2.20884 12.9819 3.33333 11.7771C4.45783 10.5321 5.86345 9.64857 7.38956 9.04616C9.07631 8.40359 10.8835 8.12247 12.6506 8.12247C14.9398 8.12247 17.1888 8.56423 19.1566 9.72889C20.9237 10.7731 22.3293 12.1385 23.253 13.9056C24.1365 15.512 24.6185 17.2791 24.6185 19.0863C24.6185 20.4518 24.2972 21.8976 23.012 22.5803C21.8474 23.1827 20.3213 23.3032 19.0361 23.3032H7.30924ZM130.442 0.572266C132.41 0.572266 134.016 1.85741 134.016 3.46383C134.016 5.07026 132.41 6.39556 130.442 6.39556C128.474 6.39556 126.908 5.07026 126.908 3.46383C126.908 1.85741 128.474 0.572266 130.442 0.572266ZM52.1687 31.1345C50.9237 32.0984 49.5582 32.9417 48.1124 33.5442C46.5462 34.1867 44.8594 34.4277 43.1727 34.4277C41.6466 34.4277 40.1205 34.1466 38.755 33.4237C37.51 32.7811 36.506 31.8976 35.7831 30.6927C35.0602 29.5682 34.739 28.3233 34.739 26.9578C34.739 25.1907 35.261 23.6245 36.4659 22.2992C37.7108 20.8936 39.3574 20.1305 41.1647 19.7289C42.1285 19.4879 43.1325 19.2871 44.1365 19.0863C45.4618 18.8454 46.7871 18.5642 48.1526 18.2429C49.2369 17.9618 50.3213 17.6807 51.4056 17.3594C51.3253 16.3554 51.1245 15.1506 50.5221 14.3875C49.8795 13.504 48.2329 13.3835 47.2289 13.3835C46.2249 13.3835 44.8193 13.504 43.8956 13.9859C43.0924 14.4277 42.49 15.0703 42.008 15.8333C41.6064 16.4357 41.2048 17.0783 40.7631 17.6405C40.3213 18.1225 39.5181 18.2028 38.8755 18.2028C38.0723 18.2028 37.3494 17.9618 36.747 17.3996C36.1446 16.8775 35.8635 16.1546 35.8635 15.3514C35.8635 14.0662 36.3454 12.9016 37.1084 11.8574C38.0321 10.6124 39.4779 9.76905 40.9237 9.16664C42.8916 8.36343 45.1406 8.12247 47.2691 8.12247C49.3976 8.12247 51.8876 8.32327 53.8956 9.12648C55.502 9.80921 56.7068 10.8534 57.4699 12.4197C58.2731 14.1867 58.4739 16.3152 58.4739 18.2028C58.4739 19.4478 58.4739 20.6927 58.4337 21.9377C58.4337 23.0622 58.4337 24.2269 58.4337 25.3514C58.4337 26.5562 58.6345 27.7209 58.996 28.8855C59.1968 29.5281 59.5984 30.7731 59.5984 31.4558C59.5984 32.2992 59.1566 33.0221 58.5141 33.5442C57.8715 34.1466 57.0683 34.4277 56.1847 34.4277C55.3012 34.4277 54.5783 34.0261 53.9759 33.4237C53.2932 32.7811 52.6908 31.9779 52.1687 31.1345ZM70.8434 8.72488V5.4317C70.8434 4.62849 70.8434 4.70881 70.9237 3.9056C71.004 3.30319 71.1245 2.74094 71.4458 2.25901C71.7269 1.73692 72.1285 1.33532 72.6506 1.01403C73.2129 0.732908 73.7751 0.572266 74.4177 0.572266C75.3414 0.572266 76.1847 0.933711 76.8675 1.57628C77.3494 2.05821 77.6707 2.62046 77.7912 3.30319C77.992 4.06624 77.992 4.14656 77.992 4.94978V8.72488H79.7992C80.6426 8.72488 81.5261 8.92568 82.1285 9.48793C82.7309 9.96986 83.012 10.6526 83.012 11.4156C83.012 12.3795 82.6104 13.1425 81.7671 13.5843C80.8434 14.0662 79.6787 14.1466 78.6747 14.1466H77.992V25.1506C77.992 25.8735 77.992 26.6365 78.0723 27.3193C78.1526 27.7209 78.2731 28.0823 78.5141 28.3634C78.7952 28.6446 79.2771 28.7249 79.6386 28.7249C80.0803 28.7249 80.6024 28.6044 81.0442 28.5241C81.5261 28.4438 82.0884 28.3233 82.5703 28.3233C83.253 28.3233 83.8153 28.6044 84.257 29.0462C84.7791 29.5683 85.0201 30.1707 85.0201 30.8936C85.0201 32.1787 84.2169 33.0622 83.0924 33.5843C81.6466 34.3072 79.759 34.4277 78.1928 34.4277C76.6265 34.4277 74.8193 34.267 73.494 33.3835C72.4096 32.6606 71.6867 31.6566 71.3253 30.4116C70.9237 28.9257 70.8434 27.1988 70.8434 25.6727V14.1466H70.4819C69.6386 14.1466 68.755 13.9859 68.1124 13.3835C67.5502 12.8614 67.2691 12.1787 67.2691 11.4156C67.2691 10.6526 67.5904 9.96986 68.1526 9.44777C68.8353 8.88552 69.759 8.72488 70.6426 8.72488H70.8434ZM104.337 25.3514L109.317 11.7369C109.639 10.8936 110.08 9.76905 110.683 9.08632C111.205 8.40359 112.048 8.16263 112.892 8.16263C113.775 8.16263 114.578 8.48391 115.221 9.08632C115.823 9.68873 116.185 10.4116 116.185 11.2952C116.185 11.6566 116.145 12.018 116.024 12.3795C115.944 12.7409 115.823 13.1024 115.663 13.4638C115.542 13.8253 115.382 14.1867 115.221 14.5482L109.237 29.4076C109.036 29.9297 108.795 30.4919 108.594 31.014C108.353 31.6164 108.032 32.2189 107.671 32.7811C107.309 33.3032 106.827 33.7048 106.305 33.9859C105.703 34.3474 105.02 34.4277 104.337 34.4277C103.454 34.4277 102.61 34.267 101.928 33.745C101.406 33.3433 100.964 32.8614 100.643 32.259C100.161 31.3755 99.759 30.3313 99.3574 29.4076L93.4137 14.7088C93.2932 14.3072 93.1325 13.9458 93.0121 13.5843C92.8514 13.2229 92.7309 12.8213 92.6104 12.4197C92.5301 12.0582 92.4498 11.6968 92.4498 11.3353C92.4498 10.7731 92.6104 10.2911 92.8916 9.80921C93.2129 9.32729 93.6145 8.92568 94.1366 8.64456C94.6586 8.32327 95.261 8.16263 95.8635 8.16263C96.8273 8.16263 97.8313 8.40359 98.3936 9.28713C98.9558 10.1305 99.3976 11.3755 99.7189 12.3795L104.337 25.3514ZM134.016 12.1787V30.2108C134.016 31.3353 133.815 32.5 133.012 33.3433C132.329 34.1064 131.446 34.4277 130.442 34.4277C129.398 34.4277 128.514 34.0662 127.871 33.3032C127.108 32.4598 126.867 31.2952 126.867 30.2108V12.3393C126.867 11.255 127.108 10.0903 127.871 9.24696C128.554 8.52407 129.438 8.16263 130.442 8.16263C131.446 8.16263 132.329 8.52407 133.012 9.24696C133.775 10.0502 134.016 11.0944 134.016 12.1787ZM170 21.3353C170 23.1425 169.759 24.9096 169.116 26.5964C168.554 28.2028 167.671 29.6084 166.506 30.8132C165.341 32.018 163.976 32.9016 162.41 33.504C160.723 34.1867 158.916 34.4277 157.108 34.4277C155.301 34.4277 153.494 34.1867 151.847 33.504C150.281 32.8614 148.916 31.9779 147.751 30.7731C146.586 29.5683 145.703 28.1626 145.141 26.5964C144.498 24.9096 144.257 23.1024 144.257 21.2952C144.257 19.4879 144.498 17.6807 145.141 15.9538C145.743 14.3875 146.586 12.9819 147.751 11.7771C148.916 10.5723 150.281 9.72889 151.847 9.12648C153.534 8.44375 155.301 8.16263 157.108 8.16263C158.916 8.16263 160.723 8.44375 162.41 9.12648C163.976 9.72889 165.341 10.6526 166.506 11.8172C167.711 13.0221 168.554 14.4678 169.116 16.0341C169.759 17.7209 170 19.5281 170 21.3353ZM7.3494 18.8454H17.6305C17.4699 17.3996 17.0683 15.8735 16.0643 14.8293C15.1004 13.7851 13.8554 13.3835 12.4498 13.3835C11.0843 13.3835 9.91968 13.8253 8.95582 14.8695C7.99197 15.9136 7.5502 17.3996 7.3494 18.8454ZM51.4056 22.0984C50.3213 22.4598 49.1165 22.7008 47.992 22.9417C46.7871 23.2229 45.5823 23.4638 44.3775 23.7851C43.7349 23.9458 43.1727 24.3072 42.6506 24.7088C42.0884 25.1907 41.8876 25.7931 41.8876 26.516C41.8876 27.3594 42.2088 28.002 42.8514 28.6044C43.5341 29.247 44.4177 29.4478 45.3414 29.4478C46.4659 29.4478 47.5502 29.2068 48.5141 28.6847C49.3976 28.243 50.1606 27.6405 50.6426 26.7972C51.3253 25.6325 51.4056 23.6646 51.4056 22.3393V22.0984ZM162.811 21.3353C162.811 19.3674 162.49 17.2389 161.245 15.6727C160.201 14.3474 158.795 13.7048 157.108 13.7048C156.024 13.7048 155.02 13.9859 154.137 14.5883C153.213 15.2309 152.57 16.1546 152.169 17.1586C151.647 18.4839 151.446 19.9297 151.446 21.3353C151.446 22.7008 151.606 24.1466 152.129 25.4317C152.57 26.4357 153.173 27.3594 154.096 28.002C154.98 28.6446 156.024 28.8855 157.108 28.8855C158.795 28.8855 160.201 28.2831 161.245 26.9578C162.49 25.3514 162.811 23.263 162.811 21.3353Z" fill="#323F4B"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="left_block_text">
|
|
Eatvio - lorem ipsum dolor sit amet, consectetur adipiscing elit. Ultrices orci mauris velit lacus, massa. At velit erat erat nisi.
|
|
</div>
|
|
<div class="app_icons_block">
|
|
<div class="android_icon">
|
|
<div class="android_icon_logo">
|
|
<svg width="24" height="28" viewBox="0 0 24 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M15.6 5.83564H14.4V4.6691H15.6V5.83564ZM9.6 5.83564H8.4V4.6691H9.6V5.83564ZM16.236 2.52265L17.808 0.99448C18.036 0.772836 18.036 0.399542 17.808 0.166233C17.568 -0.0554109 17.184 -0.0554109 16.956 0.166233L15.18 1.89272C14.22 1.43777 13.14 1.16946 12 1.16946C10.848 1.16946 9.768 1.43777 8.808 1.90438L7.02 0.166233C6.792 -0.0554109 6.408 -0.0554109 6.18 0.166233C5.94 0.399542 5.94 0.772836 6.18 0.99448L7.752 2.52265C5.964 3.80585 4.8 5.83564 4.8 8.16873H19.2C19.2 5.83564 18 3.79419 16.236 2.52265ZM22.2 9.33528C21.7226 9.33528 21.2648 9.51963 20.9272 9.84779C20.5896 10.1759 20.4 10.621 20.4 11.0851V19.2509C20.4 19.715 20.5896 20.1601 20.9272 20.4882C21.2648 20.8164 21.7226 21.0007 22.2 21.0007C22.6774 21.0007 23.1352 20.8164 23.4728 20.4882C23.8104 20.1601 24 19.715 24 19.2509V11.0851C24 10.621 23.8104 10.1759 23.4728 9.84779C23.1352 9.51963 22.6774 9.33528 22.2 9.33528V9.33528ZM1.8 9.33528C1.32261 9.33528 0.864773 9.51963 0.527208 9.84779C0.189642 10.1759 0 10.621 0 11.0851V19.2509C0 19.715 0.189642 20.1601 0.527208 20.4882C0.864773 20.8164 1.32261 21.0007 1.8 21.0007C2.27739 21.0007 2.73523 20.8164 3.07279 20.4882C3.41036 20.1601 3.6 19.715 3.6 19.2509V11.0851C3.6 10.621 3.41036 10.1759 3.07279 9.84779C2.73523 9.51963 2.27739 9.33528 1.8 9.33528V9.33528ZM4.8 21.0007C4.8 21.3101 4.92643 21.6068 5.15147 21.8256C5.37652 22.0444 5.68174 22.1673 6 22.1673H7.2V26.2502C7.2 26.7143 7.38964 27.1593 7.72721 27.4875C8.06477 27.8156 8.52261 28 9 28C9.47739 28 9.93523 27.8156 10.2728 27.4875C10.6104 27.1593 10.8 26.7143 10.8 26.2502V22.1673H13.2V26.2502C13.2 26.7143 13.3896 27.1593 13.7272 27.4875C14.0648 27.8156 14.5226 28 15 28C15.4774 28 15.9352 27.8156 16.2728 27.4875C16.6104 27.1593 16.8 26.7143 16.8 26.2502V22.1673H18C18.3183 22.1673 18.6235 22.0444 18.8485 21.8256C19.0736 21.6068 19.2 21.3101 19.2 21.0007V9.33528H4.8V21.0007Z" fill="white"/>
|
|
</svg>
|
|
</div>
|
|
<div class="android_icon_text">
|
|
<div class="android_icon_text_small">Get it on</div>
|
|
<div class="android_icon_text_big">Android</div>
|
|
</div>
|
|
</div>
|
|
<div class="iphone_icon">
|
|
<div class="iphone_icon_logo">
|
|
<svg width="23" height="28" viewBox="0 0 23 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M21.0438 24.4984C19.8673 26.2343 18.6199 27.9281 16.7204 27.9561C14.8209 27.9981 14.2114 26.8502 12.0568 26.8502C9.888 26.8502 9.22177 27.9281 7.42152 27.9981C5.56458 28.0681 4.16124 26.1503 2.97053 24.4564C0.546579 20.9986 -1.31036 14.629 1.18446 10.3453C2.4177 8.21745 4.62902 6.87354 7.02462 6.83155C8.83904 6.80355 10.5684 8.04947 11.6882 8.04947C12.7939 8.04947 14.8918 6.55157 17.089 6.77555C18.0104 6.81755 20.5902 7.13953 22.2487 9.54737C22.1211 9.63136 19.1727 11.3392 19.2011 14.881C19.2436 19.1087 22.9575 20.5226 23 20.5366C22.9575 20.6346 22.4046 22.5525 21.0438 24.4984ZM12.9498 2.09986C13.9846 0.937938 15.6998 0.0559963 17.1173 0C17.3016 1.63789 16.6354 3.28978 15.6431 4.4657C14.665 5.65562 13.0491 6.57956 11.4614 6.45357C11.2488 4.84368 12.0426 3.16379 12.9498 2.09986Z" fill="white"/>
|
|
</svg>
|
|
</div>
|
|
<div class="iphone_icon_text">
|
|
<div class="iphone_icon_text_small">Get it on</div>
|
|
<div class="iphone_icon_text_big">App Store</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="right_block">
|
|
<input type="text" class="c_login" name="c_login" placeholder=" Электронный адрес или номер телефона">
|
|
<input type="password" class="c_password" name="c_password" placeholder=" Пароль">
|
|
<input type="button" class="c_submit" value="ВХОД">
|
|
<div class="remind_password"><a href="#register">Забыли пароль?</a></div>
|
|
<hr />
|
|
|
|
<input type="button" class="c_register" value="создать новый аккаунт">
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
|
|
|