HTML-CSSProject/contact.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
<!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="films.html">Фільми</a></li>
					<li><a href="#">Серіали</a></li>
					<li><a href="rating.html">Рейтинг</a></li>
					<li class="selected"><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="show.html">Веном</a><span class="ratingsidebar">9.5</span></li>
					</ul>
				</div>
			</div>
			<div class="content">
				<h1>Контакти</h1>
				<p>Відправте ваш відгук</p>
				<div class="send sendcontact">
					<form action="#" method="post" id="review">
						<input type="text" placeholder="ваше ім'я" name="reviewname">
						<input type="text" placeholder="ваш email" name="reviewname">
						<textarea name="reviewtext"></textarea>
						<input type="submit" value="Відправити">
					</form>
				</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>