Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

Task 1 | fix fix template bugs and layout

Browse Source
This commit is contained in:
Андрей Гнитецкий
2024-09-09 08:42:01 +03:00
parent 804d1c68ad
commit 8c51488478
53 changed files with 1730 additions and 920 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
profile.html
View File

@@ -99,13 +99,7 @@
<label>
<input type="text">
<div class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</div>
<p>Добавить <span class="mobile_none">адрес</span></p>
</label>
@@ -119,13 +113,7 @@
<label>
<input type="text">
<div class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</div>
<p>Добавить <span class="mobile_none">пункт выдачи</span></p>
</label>
@@ -147,39 +135,21 @@
<label>
<input type="tel">
<div class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</div>
<p class="opacity_txt">Sms</p>
</label>
<label>
<input type="email">
<div class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</div>
<p class="opacity_txt">E-mail</p>
</label>
<label>
<input type="text">
<div class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g opacity="0.3">
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</div>
<p class="opacity_txt">Месседжеры</p>
</label>
@@ -191,17 +161,17 @@
<div class="collapse_input">
<label>
<div class="checkmark"></div>
<input type="radio">
<input type="checkbox">
<p>Спецпредложения и акции</p>
</label>
<label>
<div class="checkmark"></div>
<input type="radio">
<input type="checkbox">
<p>Анонсы новых продуктов</p>
</label>
<label>
<div class="checkmark"></div>
<input type="radio">
<input type="checkbox">
<p>Полезная информация про питомцев</p>
</label>
</div>
@@ -212,7 +182,7 @@
<div class="collapse_input">
<label class="align-items-start">
<div class="checkmark"></div>
<input type="radio">
<input type="checkbox">
<p>Я даю согласие на получение рекламных сообщений по SMS, телефону, электронной почте, в мессенджерах: WhatsApp, Viber, Telegram</p>
</label>
</div>
@@ -287,13 +257,7 @@
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
@@ -303,20 +267,11 @@
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">
@@ -348,20 +303,11 @@
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">
@@ -376,20 +322,11 @@
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">
@@ -408,20 +345,11 @@
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
<img src="assets/img/icons/i-back.svg" alt="">
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
<img src="assets/img/icons/i-plus.svg" alt="">
</span>
</div>
<div class="modal_inputs">