HTML-CSSProject/show.html at master · DidykS/HTML-CSSProject · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>My first website</title>
	<meta name="desctiption" content="Website about movie">
	<meta name="keywords" content="films,serials,shows">
	<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

	<div class="main">

		<div class="header">
			<div class="logo">
				<div class="logotext">
					<h1><a href="/">Moviemonster</a></h1>
					<h2>Фільми-наша пристрасть!</h2>
				</div>
			</div>

			<div class="menubar">
				<ul class="menu">
					<li><a href="index.html">Головна</a></li>
					<li><a href="#">Фільми</a></li>
					<li><a href="#">Серіали</a></li>
					<li><a href="rating.html">Рейтинг</a></li>
					<li><a href="contact.html">Контакти</a></li>
				</ul>
			</div>
		</div>

		<div class="sitecontent">

			<div class="sidebarcontainer">

				<div class="sidebar">
					<h2>Пошук</h2>
					<form action="#" method="post" id="searchform">
						<input type="search" name="searchfield" placeholder="Ваш запит">
						<input type="submit" class="btn" value="Знайти">
					</form>

				</div>

				<div class="sidebar">
					<h2>Вхід</h2>
					<form action="#" method="post" id="login">
						<input type="text" name="loginfield" placeholder="Логін">
						<input type="password" placeholder="Пароль" name="passwordfield">
						<input type="submit" class="btn" value="Вхід">
						<div class="pasregtext">
							<span><a href="#">забули пароль</a></span> | <span><a href="#">реєстрація</a></span>
						</div>
					</form>
				</div>
				<div class="sidebar">
					<h2>Новини</h2>
					<span>11.12.2018</span>
					<p>Ми зупустили розширений пошук</p>
					<a href="#">Читати</a>

				</div>
				<div class="sidebar">
					<h2>Рейтинг фільмів</h2>
					<ul>
						<li><a href="#">Месники</a><span class="ratingsidebar">9.9</span></li>
						<li><a href="#">На драйві</a><span class="ratingsidebar">8.0</span></li>
						<li><a href="#">Сам у дома</a><span class="ratingsidebar">7.8</span></li>
						<li><a href="#">Веном</a><span class="ratingsidebar">9.5</span></li>
					</ul>
				</div>
			</div>
			<div class="content">
				<h1>Веном</h1>
				<iframe width="560" height="315" src="https://www.youtube.com/embed/wP1mL1xj6fo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
				<div class="infofilm">
					<span class="label">рейтинг: </span><span class="value">9.5 / 10</span>
					<span class="label">рік: </span><span class="value">2018</span>
					<span class="label">режисер: </span><span class="value">Рубен Флейшер</span>
				</div>
				<hr>
				<h2>Опис</h2>
				<div class="filmopis">
					<img src="assets/img/venom.png" idth="150" height="200" alt="">
					Знімання фільму розпочалося 23 жовтня 2017 року у Нью-Йорку і Атланті, США[11]. У грудні Флейшер та Гарді заявили, що фільм «важливий для Всесвіту Marvel» і що він в основному ґрунтується на серії коміксів Venom: Lethal Protector та Planet of the Symbiotes. Гарді додав, що, як і колишній комікс, події фільму відбуватимуться у Сан-Франциско.


				</div>
				<hr>
				<h2>Відгуки</h2>
				<div class="reviews">
					<div class="reviewname">
						Сергій
					</div>
					<div class="reviewtext">
						Фільм супер...
					</div>
					<div class="reviewname">
						Павло
					</div>
					<div class="reviewtext">
						Дурять людей! Перераховують суму поїздки після прибуття, сума виходить набагато дорожчя ніж у додатку.
					</div>
				</div>
				<div class="send">
					<form action="#" method="post" id="review">
						<input type="text" placeholder="ваш імя" name="reviewname">
						<textarea name="reviewtext" id=""></textarea>
						<input type="submit" value="Відправити">
					</form>
				</div>
			</div>
		</div>

		</div>
		<div class="footer">
			<p>
				<a href="index.html">Головна</a> |
				<a href="films.html">Фільми</a> |
				<a href="#">Серіали</a> |
				<a href="rating.html">Рейтинг</a> |
				<a href="contact.html">Контакти</a> |
			</p>
			<p>wh-db.com</p>
		</div>

	</div>

</body>
</html>