-
Notifications
You must be signed in to change notification settings - Fork 0
/
LR_2.html
136 lines (126 loc) · 6.98 KB
/
LR_2.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang = "uk">
<head> <link rel="stylesheet" href="LR_2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8">
</head>
<body>
<div class="papa">
<header>
<h2>Лабораторна робота №2. Виконавець: Миколенко Назар Олександрович, ТР-14</h2>
</header>
<section class="news">
<h3>Новини</h3>
<p> <img style="border-radius: 25px;" id="arnold2" src="288031.jpg" alt="arnold"> Два захисники «Ліверпуля», Трент Александер-Арнольд та Жоель Матіп, отримали травми. У Александера-Арнольда пошкодження гомілкостопа, він пропустить два тижні.
У Матіпа пошкодження м'язів кісточки. На його відновлення, за прогнозами лікарів, знадобиться 2-3 тижні.</p>
<p ><img style="border-radius: 25px;" id="arnold" src="orig_599387.jpg" alt="Arold">Вінгер «Ліверпуля» та збірної Колумбії Луїс Діас отримав травму коліна в матчі проти «Арсеналу», який «каноніри» виграли з рахунком 3:2.
Швидше за все, хавбек вибув із гри до кінця року.
У поточному сезоні Діас зіграв 12 матчів за «Ліверпуль», у яких забив 4 голи та віддав 3 гольові передачі. У поєдинку проти «Арсеналу» колумбієць відзначився асистом, а на 42-й хвилині його замінили через травму. <img style="border-radius: 25px;" id="diaz" src="diasliver.webp" alt="Diaz"></p>
</section>
<section id="parent">
<div id="galery">
<img style="height: 400px;width: 300px ; border-radius: 25px; " id="thiago" src="142540.jpg" alt="Thiago">
<img style="height: 370px;width: 260px ; border-radius: 25px;" id="salah" src="173692.jpg" alt="salah">
<img style="height: 350px;width: 280px ; border-radius: 25px;" id="firmino" src="1240841979.jpg" alt="firmino">
</div>
</section>
<div class="fixed" >
<ul >
<li><a href="#register">Форма реєстрації</a></li>
<li><a href="#login">Форма входу</a></li>
<li><a href="#back">Форма зворотнього зв'язку</a></li>
</ul>
</div>
<form>
<section class="register">
<div class="box">
<h1 id="register">Форма реєстрації</h1>
<div>
<label for="fname">Ім'я</label><br>
<input class="name" type="text" id="fname" value="Nazar" placeholder="Введіть ім'я"><br>
<label for="sname">Фамілія</label><br>
<input class="name" type="text" id="sname" value="Mykolenko" placeholder="Введіть фамілію"><br>
</div>
<div class="sex" >
<span>Стать:</span><br>
<input type="radio" id="man" name="sex" >
<label for="man">Чоловік</label>
<input type="radio" id="woman" name="sex">
<label for="woman">Жінка</label>
</div>
<div style="margin: 10px 0px 10px 0px;" >
<label for="age">Вік:</label>
<input type="number" id="age" min="1" max="99" value="18">
</div>
<div style="margin: 10px 0px 10px 0px;">
<label for="birthday">День народження:</label>
<input type="date" id="birthday" name="birthday" >
</div>
</div>
<div class="right">
<label for="country">Виберіть країну:</label>
<select style="margin-bottom: 10px;" id="country" >
<option value="ukraine">Ukraine</option>
<option value="the usa">The USA</option>
<option value="poland">Poland</option>
<option value="spain">Spain</option>
</select>
<div style="margin-bottom: 10px;" >
<label for="number">Номер телефону:</label><br>
<input type="tel" id="number" placeholder="(093)3996519" pattern="\(0[0-9]{2}\)[0-9]{7}" >
</div>
<div style="margin-bottom: 10px;" >
<label for="instagram">Інстаграм:</label><br>
<input style="border: 1px solid black;" type="url" id="instagram" >
</div>
<div style="margin-bottom: 10px;" >
<label for="email">E-mail:</label><br>
<input style="border: 1px solid black;" type="email" id="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
</div>
<div style="margin-bottom: 10px;">
<label for="pwd">Пароль:</label><br>
<input type="password" id="pwd" name="pwd" pattern="{8,}" title="Eight or more characters">
</div>
<div style="margin-top: 20px;">
<input type="checkbox" id="agree" checked>
<label for="agree" >Я згоден з умовами</label><br>
</div>
</div>
<div class="button">
<input type="submit" value="Зареєструватися">
</form>
<input type="submit" value="Відміна">
</section>
<section class="login">
<div>
<h1 id="login">Форма входу</h1>
<form>
<input type="text" id="login" placeholder="Логін"><br>
<input type="password" id="password" placeholder="Пароль"><br>
<input style="width: 150px; position: absolute ; left: 28px ;" type="submit" value="Вхід">
</form>
</div>
</section>
<section class="back">
<h1 id="back" style="text-align: center ;">Форма зворотнього зв'язку</h1>
<div>
<input class="name" type="text" id="fname" placeholder="Введіть ім'я"><br>
<input style="border: 1px solid black; margin-bottom: 10px;" type="email" id="email" placeholder="Ел.Пошта" ><br>
<select style="margin-bottom: 10px;" id="message" >
<option value="greeting">Подяка</option>
<option value="questiin">Запитання</option>
<option value="argue">Скарга</option>
</select><br>
<input type="submit" value="Відправити">
</div>
<textarea style="position: absolute; left: 300px; height:100px; " id="w3review" name="w3review" rows="4" cols="50">Ведіть текст</textarea>
</section>
<div style="height: 50px; width: 100%; position: relative;">
<footer>
<a href="https://www.instagram.com/" class="fa fa-instagram" target="_blank"></a>
<a href="https://www.facebook.com/home.php" class="fa fa-facebook" target="_blank"></a>
<a href="https://www.youtube.com/premium" class="fa fa-youtube" target="_blank"></a>
</footer>
</div>
</div>
</body>