HTML-CSSProject/index.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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1/0">
	<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>Films and serials!</h2>
				</div>
			</div>

			<div class="menubar">
				<ul class="menu">
					<li class="selected"><a href="#">Home</a></li>
					<li><a href="films.html">Films</a></li>
					<li><a href="#">Serials</a></li>
					<li><a href="rating.html">Rating</a></li>
					<li><a href="contact.html">Contacts</a></li>
				</ul>
			</div>
		</div>

		<div class="sitecontent">

			<div class="sidebarcontainer">

				<div class="sidebar">
					<h2>Search</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>Login</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="#"> forgot passord</a></span> | <span><a href="#">registration</a></span>
						</div>
					</form>
				</div>
				<div class="sidebar">
					<h2>News</h2>
					<span>11.12.2018</span>
					<p>Avengers:end game-soon in the cinema</p>
					<a href="#">Читати</a>

				</div>
				<div class="sidebar">
					<h2>Rating</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="show.html">Веном</a><span class="ratingsidebar">9.5</span></li>
					</ul>
				</div>
			</div>
			<div class="content">
				<h1>Фільми</h1>
				<div class="films">
					<a href="#"><img src="assets/img/venom.png" width="150" height="200" ></a>
					<a href="#"><img src="assets/img/Avengers.png" width="150" height="200" ></a>
				</div>
				<div class="serials">
					<h1>Серіали</h1>
				<a href="#"><img src="assets/img/breakingbad.png" alt=""></a>
				<a href="#"><img src="assets/img/silicon.png" alt=""></a>
				<a href="#"><img src="assets/img/dead.png" alt=""></a>
				<a href="#"><img src="assets/img/xfilies.png" alt=""></a>
				</div>
				<div class="posts">
					<hr>
					<h2><a href="#">Як знімали веном</a></h2>
					<div class="postcontent">
						<p>У червні 2017 року президент Marvel Studios Кевін Файгі підтвердив, що, оскільки фільм був єдиним проектом Sony, то у Marvel не було планів екранізувати «Венома» у КВМ. Однак, продюсер Емі Паскаль незабаром заявила, що Sony має намір зробити так, щоб події в їх фільмах відбувалися у «тому ж світі», що й у фільм «Людина-павук: Повернення додому», описуючи їх як «додаток» до цього світу. Вона сказала, що нові фільми будуть перетинатися один з одним, і що у фільмах може з'явитися Людина-павук Голланда.[4] Різ Ахмед вів переговори про приєднання до проекту у серпні.</p>

					</div>
					<p><a href="#">читати</a></p>
					<hr>
					<h2><a href="#">Месники: Кінець гри": перший трейлер та сюжет довгоочікуваного фільму</a></h2>
					<div class="postcontent">
						<p>7 грудня у мережі опублікували перший трейлер довгоочікуваного фільму "Месники: Кінець гри". Згідно з тизером, історія буде досить захопливою.Це четвертий за рахунком фільм про супергероїв Marvel, які об'єднуються, щоб протистояти лиходіям та врятувати світ. Кінострічка заснована на коміксах, тому її сюжет є непередбачуваним та фантастичним.</p>
					</div>
					<a href="#"><p>читати</p></a>
				</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>