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

faq block and arrows

Browse Source
project_cosmopet
shahboz 11 months ago
parent cc7b5c4091
commit 804d1c68ad
16 changed files with 122 additions and 129 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 6
      adress.html
  2. 6
      adress2.html
  3. 32
      assets/css/style.css
  4. 3
      assets/img/icons/arrdown.svg
  5. BIN
      assets/img/icons/arrright.png
  6. 58
      assets/js/main.js
  7. 54
      faq.html
  8. 4
      login.html
  9. 18
      order.html
  10. 6
      order_item.html
  11. 6
      pets.html
  12. 6
      pets_end.html
  13. 6
      pets_form.html
  14. 22
      profile.html
  15. 4
      register.html
  16. 6
      return.html

6
adress.html
Unescape View File

@ -49,15 +49,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
ПУНКТ ВЫДАЧи
<div class="section_title d-flex align-items-center justify-content-between">
<h1>ПУНКТ ВЫДАЧи</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<form class="adress_row">
<div class="adress_left">
<input type="text" class="input" placeholder="Найти по адресу">

6
adress2.html
Unescape View File

@ -49,15 +49,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
Адрес доставки
<div class="section_title d-flex align-items-center justify-content-between">
<h1>Адрес доставки</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<form class="adress_row">
<div class="adress_left">
<input type="text" class="input" placeholder="Введите адрес">

32
assets/css/style.css
Unescape View File

@ -11,6 +11,7 @@
--transition: .3s all ease;
--GR1: linear-gradient(22deg, #F44242 23.69%, #569EF0 66.57%);
--new-blue: #569EFF;
--border: 60px;
}
html{
scroll-behavior: smooth;
@ -86,6 +87,13 @@ a:hover {
text-transform: uppercase;
color: var(--grey-black);
}
.section_title h1{
font-size: 82px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: var(--grey-black);
}
.section_title .back_link{
display: none;
}
@ -688,12 +696,13 @@ label:has(input[type='checkbox']:checked) .checkmark::before{
background: var(--creme-white);
overflow: hidden;
opacity: 0;
z-index: -1;
visibility: hidden;
z-index: 3;
transition: var(--transition);
}
.modal.modal_open{
opacity: 1;
z-index: 3;
visibility: visible;
}
body:has(.modal_open){
overflow: hidden;
@ -704,12 +713,13 @@ body:has(.modal_open){
inset: 0;
background-color: rgba(0, 0, 0, .5);
opacity: 0;
z-index: -1;
visibility: hidden;
z-index: 2;
transition: var(--transition);
}
body:has(.modal_open) .modal_back{
opacity: 1;
z-index: 1;
visibility: visible;
}
.modal_big{
max-width: 754px;
@ -1036,7 +1046,6 @@ body:has(.modal_open) .modal_back{
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
}
.for_border{
background-image: var(--GR1);
@ -1062,6 +1071,7 @@ body:has(.modal_open) .modal_back{
.for_border .account_item{
background: var(--creme-white);
gap: 10px;
height: 100%;
}
.for_border:has(.account_item_big){
max-width: 34.4%;
@ -1865,6 +1875,9 @@ body:has(.modal_open) .modal_back{
.section_title{
font-size: 48px;
}
.section_title h1{
font-size: 48px;
}
.section_desc {
font-size: 22px;
}
@ -2073,6 +2086,9 @@ body:has(.modal_open) .modal_back{
.section_title {
font-size: 40px;
}
.section_title h1{
font-size: 40px;
}
.section_desc {
font-size: 18px;
}
@ -2398,6 +2414,9 @@ body:has(.modal_open) .modal_back{
.section_title {
font-size: 26px;
}
.section_title h1{
font-size: 26px;
}
.section_desc {
font-size: 12px;
}
@ -2557,7 +2576,7 @@ body:has(.modal_open) .modal_back{
bottom: 8px;
right: 22px;
}
.order .see_order svg{
.order .see_order img{
width: 6px;
height: 8px;
}
@ -2634,6 +2653,7 @@ body:has(.modal_open) .modal_back{
.faq_item{
font-size: 12px;
padding: 0 14px;
border-width: 1px;
}
.faq_top {
padding: 25px 0;

3
assets/img/icons/arrdown.svg
Unescape View File

@ -0,0 +1,3 @@
<svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 214 B

BIN
assets/img/icons/arrright.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 424 B

58
assets/js/main.js
Unescape View File

@ -166,42 +166,42 @@ window.addEventListener('DOMContentLoaded', function(){
closeModalOnClick('.modal .plus', '.modal');
closeModalOnClick('.modal_back', '.modal');
// if (document.querySelector('.faq')) {
if (document.querySelector('.faq')) {
// let faqToggles = document.querySelectorAll('.faq_title, .faq_arr_down');
let faqToggles = document.querySelectorAll('.faq_title, .faq_arr_down');
// faqToggles.forEach(function(toggle) {
// toggle.addEventListener('click', function() {
// const faqTop = this.closest('.faq_top');
// const faqBody = faqTop.nextElementSibling;
faqToggles.forEach(function(toggle) {
toggle.addEventListener('click', function() {
const faqTop = this.closest('.faq_top');
const faqBody = faqTop.nextElementSibling;
// document.querySelectorAll('.faq_body').forEach(function(body) {
// if (body !== faqBody) {
// body.style.height = '0px';
// body.classList.remove('open');
document.querySelectorAll('.faq_body').forEach(function(body) {
if (body !== faqBody) {
body.style.height = '0px';
body.classList.remove('open');
// const otherArrow = body.previousElementSibling.querySelector('.faq_arr_down');
// if (otherArrow) {
// otherArrow.classList.remove('rotate');
// }
// }
// });
const otherArrow = body.previousElementSibling.querySelector('.faq_arr_down');
if (otherArrow) {
otherArrow.classList.remove('rotate');
}
}
});
// if (faqBody.classList.contains('open')) {
// faqBody.style.height = '0px';
// } else {
// faqBody.style.height = `${faqBody.scrollHeight}px`;
// }
if (faqBody.classList.contains('open')) {
faqBody.style.height = '0px';
} else {
faqBody.style.height = `${faqBody.scrollHeight}px`;
}
// faqBody.classList.toggle('open');
faqBody.classList.toggle('open');
// const faqArrow = faqTop.querySelector('.faq_arr_down');
// if (faqArrow) {
// faqArrow.classList.toggle('rotate');
// }
// });
// });
// }
const faqArrow = faqTop.querySelector('.faq_arr_down');
if (faqArrow) {
faqArrow.classList.toggle('rotate');
}
});
});
}
if (document.querySelector('.photo_image')) {
document.querySelectorAll('.photo_image input[type="file"]').forEach(input => {

54
faq.html
Unescape View File

@ -49,15 +49,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
faq
<div class="section_title d-flex align-items-center justify-content-between">
<h1>faq</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<p class="section_desc">У вас есть вопросы? Возможно, здесь уже есть ответ</p>
<div class="data_block pets_form">
<div class="data_block_top">
@ -68,9 +68,7 @@
<div class="faq_top">
<div class="faq_title">Какое насекомое используется в рецептах?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -79,9 +77,7 @@
<div class="faq_top">
<div class="faq_title">Откуда мы берём насекомых?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -90,9 +86,7 @@
<div class="faq_top">
<div class="faq_title">Где можно приобрести нашу продукцию?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -101,9 +95,7 @@
<div class="faq_top">
<div class="faq_title">Где производится Cosmopet?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -119,9 +111,7 @@
<div class="faq_top">
<div class="faq_title">Какое насекомое используется в рецептах?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -130,9 +120,7 @@
<div class="faq_top">
<div class="faq_title">Откуда мы берём насекомых?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -141,9 +129,7 @@
<div class="faq_top">
<div class="faq_title">Где можно приобрести нашу продукцию?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -152,9 +138,7 @@
<div class="faq_top">
<div class="faq_title">Где производится Cosmopet?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -170,9 +154,7 @@
<div class="faq_top">
<div class="faq_title">Какое насекомое используется в рецептах?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -181,9 +163,7 @@
<div class="faq_top">
<div class="faq_title">Откуда мы берём насекомых?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -192,9 +172,7 @@
<div class="faq_top">
<div class="faq_title">Где можно приобрести нашу продукцию?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
@ -203,9 +181,7 @@
<div class="faq_top">
<div class="faq_title">Где производится Cosmopet?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrdown.svg" alt="">
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>

4
login.html
Unescape View File

@ -43,7 +43,7 @@
</header>
<section class="auth login">
<div class="cont">
<div class="auth_block auth_modal">
<form class="auth_block auth_modal">
<img src="assets/img/cosmo_plane.png" alt="" class="auth_image">
<div class="modal_inputs">
<label>
@ -56,7 +56,7 @@
</label>
<button class="main_btn">Вход</button>
</div>
</div>
</form>
</div>
</section>
<footer class="footer footer2">

18
order.html
Unescape View File

@ -49,15 +49,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
Заказы
<div class="section_title d-flex align-items-center justify-content-between">
<h1>Заказы</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<div class="data_block data_block_table">
<div class="data_block_top">
<div class="data_block_title">Номер <span class="mobile_none">заказа</span></div>
@ -72,9 +72,7 @@
<div class="order_item_text">10 000 ₽</div>
<div class="order_item_text">в пути</div>
<div class="see_order">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
<path opacity="0.3" d="M1 1L10 10.5L1 20" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrright.png" alt="">
</div>
</a>
<a href="#" class="order_item done">
@ -83,9 +81,7 @@
<div class="order_item_text">10 000 ₽</div>
<div class="order_item_text">завешён</div>
<div class="see_order">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
<path opacity="0.3" d="M1 1L10 10.5L1 20" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrright.png" alt="">
</div>
</a>
<a href="#" class="order_item done">
@ -94,9 +90,7 @@
<div class="order_item_text">10 000 ₽</div>
<div class="order_item_text">завешён</div>
<div class="see_order">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="21" viewBox="0 0 12 21" fill="none">
<path opacity="0.3" d="M1 1L10 10.5L1 20" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
<img src="assets/img/icons/arrright.png" alt="">
</div>
</a>
</div>

6
order_item.html
Unescape View File

@ -50,15 +50,15 @@
вернуться
</a>
<div class="section_top">
<h1 class="section_title d-flex align-items-center justify-content-between">
№Ru7485-2347
<div class="section_title d-flex align-items-center justify-content-between">
<h1>№Ru7485-2347</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<p class="delivered_date">Доставлен dd.mm.yy</p>
</div>
<div class="data_block data_block_table data_block_table2">

6
pets.html
Unescape View File

@ -51,15 +51,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
питомцы
<div class="section_title d-flex align-items-center justify-content-between">
<h1>питомцы</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<div class="change_block active">
<p class="section_desc">Создайте профиль своего питомца! Заполните информацию и выберите наиболее подходящий рацион</p>
<img src="assets/img/hero_image.png" alt="" class="pets_hero_image">

6
pets_end.html
Unescape View File

@ -49,15 +49,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
питомцы
<div class="section_title d-flex align-items-center justify-content-between">
<h1>питомцы</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<p class="section_desc">Обновляйте информацию в профиле своего питомца, чтобы мы смогли подобрать для него питание, учитывающее его уникальные потребности</p>
<div class="data_block pets_form_end">
<div class="data_block_body">

6
pets_form.html
Unescape View File

@ -49,15 +49,15 @@
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
питомцы
<div class="section_title d-flex align-items-center justify-content-between">
<h1>питомцы</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<div class="data_block">
<div class="data_block_top">
<div class="data_animal">

22
profile.html
Unescape View File

@ -42,23 +42,23 @@
<div class="header_mob-bg"></div>
</header>
<section class="profile">
<div class="cont">
<form class="cont">
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
<path d="M9 1L2 7.5L9 14" stroke="#121212" stroke-width="2"/>
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
Профиль
<div class="section_title d-flex align-items-center justify-content-between">
<h1>Профиль</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
<form class="data_block pets_form" method="post">
</div>
<div class="data_block pets_form">
<div class="data_block_top">
<div class="data_block_title">Персональные данные</div>
</div>
@ -85,8 +85,8 @@
</div>
</div>
</form>
<form class="data_block pets_form" method="post">
</div>
<div class="data_block pets_form">
<div class="data_block_top">
<div class="data_block_title">мои адреса</div>
</div>
@ -134,8 +134,8 @@
</div>
</div>
</div>
</form>
<form class="data_block pets_form" method="post">
</div>
<div class="data_block pets_form">
<div class="data_block_top">
<div class="data_block_title">Способы связи</div>
</div>
@ -220,12 +220,12 @@
</div>
</div>
</div>
</form>
</div>
<div class="d-flex align-items-center pets_form_actions">
<a href="#" class="main_btn main_btn_white">Навсегда удалить аккаунт</a>
<p>В этом случае Вы не сможете пользоваться сервисом COSMOPET. Доступ к клубной программе и подписке на ветеринарные диеты будет закрыт, а история покупок будет удалена</p>
</div>
</div>
</form>
<img src="assets/img/profile_bfore.svg" alt="" class="profile_before">
<img src="assets/img/pets_before_mob.png" alt="" class="pets_before pets_before_mob">
</section>

4
register.html
Unescape View File

@ -43,7 +43,7 @@
</header>
<section class="auth register">
<div class="cont">
<div class="auth_block auth_modal">
<form class="auth_block auth_modal">
<img src="assets/img/cosmo_plane.png" alt="" class="auth_image">
<div class="modal_inputs">
<label>
@ -70,7 +70,7 @@
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Регистрация</button>
</div>
</div>
</form>
</div>
</section>
<footer class="footer footer2">

6
return.html
Unescape View File

@ -50,15 +50,15 @@
вернуться
</a>
<div class="section_top">
<h1 class="section_title d-flex align-items-center justify-content-between">
Возврат
<div class="section_title d-flex align-items-center justify-content-between">
<h1>Возврат</h1>
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
</div>
<p class="delivered_date">Заказ №Ru7485-2347 от dd.mm.yy</p>
</div>
<div class="data_block data_block_table data_block_table3">

Write Preview
Loading…
Cancel
Save