-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 5.07 KB
/
index.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>My Shop</title>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<div class="container">
<div class="header">
<div class="logo_title">
<img class="logo" src="images/categories/food/foodbascket.jpg" alt="">
<span class="shop_title">Мой магазин</span>
</div>
<div class="menu_auth">
<ul class="menu">
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="contacts.html">Контакты</a></li>
<li><a href="personal.html">Личный кабинет</a></li>
</ul>
<div class="authform">
<form class="login" action="personal.html">
<!-- <input type="radio" name="registration" value="1">Войти<br>
<input type="radio" name="registration" value="2">Зарегистрироваться<br> -->
<label for="eMail">Ваш e-mail:</label>
<input name="email"
id="eMail"
type="text"
placeholder="example@mail.com"
required>
<br>
<label for="password">Пароль:</label>
<input name="password"
id="password"
type="password"
placeholder="Ваш пароль"
required>
<br>
<button>Войти</button>
</form>
</div>
</div>
</div>
<div class="content">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad consequuntur provident sunt vitae.
Ab, aliquid beatae cumque dicta id, ipsam iure laudantium nesciunt optio possimus praesentium
sed sint veniam voluptate voluptatem. Ab alias aperiam asperiores at aut corporis cumque deserunt
dolorem dolorum earum enim et iure maiores non nulla omnis quibusdam quisquam ratione sequi
similique tempora temporibus ullam, unde. Ad adipisci alias architecto aut cum cupiditate deleniti
enim error ex excepturi explicabo harum, illum ipsum labore magnam, nemo nesciunt nobis perferendis
perspiciatis porro provident quisquam ratione recusandae repellat sapiente tempora temporibus tenetur
totam, vel velit veniam vitae voluptas voluptatum? Aliquid, aperiam architecto blanditiis consequatur
cumque debitis dicta dolore dolorem enim eum ex excepturi fuga harum impedit incidunt inventore ipsa
ipsum labore maiores minima molestiae necessitatibus nisi nobis odit officiis provident quasi quos
repellendus repudiandae sint tempora vero vitae voluptas. Alias aliquam atque commodi consequuntur
cupiditate enim error harum impedit, incidunt ipsa laboriosam nostrum, possimus praesentium quia rem
repellendus saepe sit tenetur veniam voluptatem. Atque earum inventore libero maiores numquam!
A ab, at dicta dolores enim eveniet ex facere fugiat illo illum maxime provident quam repellat
reprehenderit sapiente similique voluptatem. Blanditiis debitis dolores enim esse ipsum iusto nesciunt
quae qui sint?
</p>
<table class="tb_main">
<tr class="tr_main">
<td class="td_main" colspan="5">lorem</td>
</tr>
<tr class="tr_main">
<td class="td_main" rowspan="3">lorem</td>
<td class="td_main" colspan="3">lorem</td>
<td class="td_main" rowspan="4">lorem</td>
</tr>
<tr class="tr_main">
<td class="td_main">lorem</td>
<td class="td_main">lorem</td>
<td class="td_main" rowspan="2">lorem</td>
</tr>
<tr class="tr_main">
<td class="td_main" colspan="2">lorem</td>
</tr>
<tr class="tr_main">
<td class="td_main" colspan="4">lorem</td>
</tr>
</table>
</div>
<div class="footer">
<div class="rights">©Все права защищены</div>
</div>
</div>
</body>
</html>