-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathuser.html
117 lines (112 loc) · 7.52 KB
/
user.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="ua">
<head>
<title>Особистий кабінет</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<link rel="icon" href="./img/book.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Akaya+Telivigala" rel="st ylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter" rel="stylesheet">
</head>
<body>
<div class="popup-low-quantity">
<div class="popup-low-quantity__body">
<div class="popup-low-quantity__text">
На жаль, ми не маємо достатньо товару, щоб задовольнити ваше замовлення. Ви можете вибрати інший товар з нашого каталогу. Дякуємо за розуміння.
</div>
<button class="order-summary-button red">Закрити діалогове вікно</button>
</div>
</div>
<div class="cart-popup"></div>
<header class="header"></header>
<div class="body">
<div class="user_page hidden">
<div class="user_page__image_container">
<img class="user_page__image" referrerpolicy="no-referrer" src="./img/pic.jpg" alt="User image">
</div>
<div class="user_info">
<input type="text" class="order-input name" maxlength="255" placeholder="Ім'я">
<input type="text" class="order-input surname" maxlength="255" placeholder="Прізвище">
<input type="tel" class="order-input phone" maxlength="15" placeholder="Номер телефону">
<input type="email" class="order-input email" maxlength="255" placeholder="Електронна пошта" disabled>
<select class="order-input oblast">
<option value="0" selected> --- Виберіть область --- </option>
<option value="1">Вінницька область</option>
<option value="2">Волинська область</option>
<option value="3">Дніпропетровська область</option>
<option value="4">Донецька область</option>
<option value="5">Житомирська область</option>
<option value="6">Закарпатська область</option>
<option value="7">Запорізька область</option>
<option value="8">Івано-Франківська область</option>
<option value="9">Київська область</option>
<option value="10">Кіровоградська область</option>
<option value="11">Луганська область</option>
<option value="12">Львівська область</option>
<option value="13">Миколаївська область</option>
<option value="14">Одеська область</option>
<option value="15">Полтавська область</option>
<option value="16">Рівненська область</option>
<option value="17">Сумська область</option>
<option value="18">Тернопільська область</option>
<option value="19">Харківська область</option>
<option value="20">Херсонська область</option>
<option value="21">Хмельницька область</option>
<option value="22">Черкаська область</option>
<option value="23">Чернівецька область</option>
<option value="24">Чернігівська область</option>
</select>
<input type="text" class="order-input city" maxlength="255" placeholder="Місто">
</div>
<div class="user_page_account_controls">
<div class="save_info_button_container">
<button id="save_button" class="order-summary-button green">Зберегти зміни</button>
</div>
<div class="logout_button_container">
<button id="logout_button" class="order-summary-button red">Вийти з аккаунту</button>
</div>
</div>
<div class="divider"></div>
<div class="user_eBooks hidden">
<div class="owl-books-font">Ваші електронні книги</div>
<div class="items__row"></div>
</div>
<div class="divider"></div>
<div class="user_audioBooks hidden">
<div class="owl-books-font">Ваші аудіо книги</div>
<div class="items__row"></div>
</div>
</div>
<div class="user_page_auth hidden">
<div class="header__logo">
Ви не авторизовані! <br />
Увійдіть через Google, щоб продовжити.
</div>
<google-signin>
<button class="gsi-material-button google-signin-button">
<div class="gsi-material-button-state"></div>
<div class="gsi-material-button-content-wrapper">
<div class="gsi-material-button-icon">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
<path fill="none" d="M0 0h48v48H0z"></path>
</svg>
</div>
<span class="gsi-material-button-contents">Увійдіть з Google</span>
<span style="display: none;">Увійдіть з Google</span>
</div>
</button>
</google-signin>
</div>
</div>
<footer class="footer"></footer>
<script type="module" src="./js/app.js"></script>
</body>
</html>