main/template2.html at master · StarzJulia/main · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
	<head>
		<title>Шаблонный сайт 2</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link href="css/template2.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<div id="innerContainer">
			<div class="menu clearfix">
				<div class="menu_btn"></div>
				<a href="#" class="logo">
					<img src="img/logo.png" alt="">
					<span>Логотип</span>
				</a>
				<div class="right_block">
					<div class="search">
						<a rel="nofollow" class="social vk" target="_blank" href="#"></a>
						<a rel="nofollow" class="social inst" target="_blank" href="#"></a>
						<a rel="nofollow" class="social tele" target="_blank" href="#"></a>
						<a rel="nofollow" class="social fb" target="_blank" href="#"></a>
						<a rel="nofollow" class="social twit" target="_blank" href="#"></a>
					</div>
				</div>
				<div class="menu-top-menu-container">
					<ul id="menu-top-menu" class="top-menu">
						<li class="menu-item"><a href="#">Ссылка меню</a></li>
						<li class="menu-item"><a href="#">Вторая ссылка</a></li>
						<li class="menu-item"><a href="#">Ссылка меню</a></li>
						<li class="menu-item"><a href="#">Вторая ссылка</a></li>
						<li class="menu-item"><a href="#">Ссылка меню</a></li>
						<li class="menu-item"><a href="#">Вторая ссылка</a></li>
						<li class="menu-item"><a href="#">Важная ссылка</a></li>
						<li class="menu-item"><a href="#">Третья ссылка</a></li>
						<li class="menu-item"><a href="#">Четвёртая ссылка</a></li>
					</ul>
				</div>
			</div>
			<div class="slogan_div">Слоган для сайта. Важная информация!</div>
			<div class="inner_container clearfix">
				<a href="#innerContainer" class="totop"><img src="img/arrow.png" alt="Наверх"></a>
				<a href="index.html" class="back">&laquo; Назад</a>
				<div class="right_container">
					<div class="block">
						<div class="h2">Подписаться</div>
						<form action="" method="post">
							<p><input type="text" name="email" placeholder="Ваш email"></p>
							<button type="submit"><span>Подписаться</span></button>
						</form>
					</div>
					<div class="block">
						<a href="#" class="h2">Статьи</a>
						<ul>
							<li><a href="#">Название первой статьи</a></li>
							<li><a href="#">Porttitor eros est enim phasellus arcu porta augue aenean</a></li>
							<li><a href="#">aenean, ut dis enim proin dictumst vut ut parturient proin</a></li>
							<li><a href="#">Porttitor eros est enim phasellus arcu porta augue aenean, ut dis enim proin</a></li>
							<li><a href="#">Porttitor eros est enim arcu porta augue aenean, ut dis enim proin</a></li>
						</ul>
						<div class="right_link"><a href="#">Все статьи »</a></div>
					</div>
					<div class="block tag_block">
						<a class="h2" href="#">Теги</a>
						<div class="tags">
							<a href="#">первый тег</a>
							<a href="#">второй тег</a>
							<a href="#">третий тег</a>
							<a href="#">четвёртый</a>
							<a href="#">пятый тег</a>
							<a href="#">тег</a>
						</div>
						<div class="right_link"><a href="#">Полный список »</a></div>
					</div>
				</div>
				<div class="main_container">
					<div class="main-heading">
						<h1>Заголовок страницы</h1>
					</div>
					<section>
						<p>In porttitor turpis scelerisque <a href="#">natoque rhoncus</a>. Porttitor eros est enim phasellus arcu porta augue aenean, ut dis enim proin dictumst vut ut parturient proin, mus arcu vel, cum mus! Rhoncus et et dictumst. Ut montes sed cursus? Et amet, nec sit magna parturient nec proin, dapibus et pulvinar augue turpis non pulvinar est facilisis? Dapibus etiam aliquam ac lundium sagittis porttitor, cursus a! Scelerisque pulvinar lundium a integer ac nisi magnis adipiscing, non parturient magna turpis porttitor scelerisque dictumst hac nunc, et mattis etiam ultrices placerat etiam vut ut ac, nascetur adipiscing platea et, vel mus turpis, magna cras scelerisque adipiscing? <a href="#">Massa. Facilisis!</a> Amet facilisis enim sagittis et odio, lectus mus nec mus sit! Montes. Adipiscing egestas? Urna urna, natoque.</p>
					</section>
					<div class="categories">
						<div class="h2">Вывод статей по категориям</div>
						<div id="categories">
							<div class="blocks">
								<a href="#" class="block_title">Тема категории</a>
								<div class="blocks_inner">
									<div class="block"><a href="#">
										<strong>Название</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum ac</p>
									</a></div>
									<div class="block"><a href="#">
										<strong>Nunc a habitasse</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum ac</p>
									</a></div>
									<div class="block"><a href="#">
										<strong>sociis urna risus nascetur</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum ac</p>
									</a></div>
									<div class="block"><a href="#">
										<strong>etiam augue sociis</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum ac</p>
									</a></div>
								</div>
							</div>
							<div class="blocks">
								<a href="#" class="block_title">Тема категории</a>
								<div class="blocks_inner">
									<div class="block"><a href="#">
										<strong>Название</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum ac,</p>
									</a></div>
									<div class="block"><a href="#">
										<strong>Nunc a habitasse</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut</p>
									</a></div>
									<div class="block"><a href="#">
										<strong>sociis urna risus nascetur</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum</p>
									</a></div>
									<div class="block"><a href="#">
										<strong>etiam augue sociis</strong>
										<p>Nunc a habitasse etiam augue sociis urna risus nascetur sed vut, nisi, augue ut elementum ac</p>
									</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<span>
				Email: <a href="#">info@template2.ru</a><br>
				<a href="#">Пользовательское соглашение</a>
			</span>
			<p><span>Elementum, sociis ac, elit risus. Adipiscing habitasse magna ridiculus, penatibus dolor mauris vut, duis odio, ridiculus? Non aenean massa turpis porttitor. Habitasse risus. Lacus mattis, nunc pid sociis velit nisi, ultricies sagittis ridiculus? Etiam adipiscing in et? Nunc, augue et porta aliquet, pulvinar dolor hac! Egestas.<br>
			Все права защищены © <a href="#">template2.html</a></span></p>
		</div>
		<script src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src='js/jquery.countdown.min.js'></script>
		<script type="text/javascript" src='js/common.js'></script>
		<script type="text/javascript" src='js/template2.js'></script>
	</body>
</html>