resdes/tpl-3.html at master · lexxcode/resdes · 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
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">
	<title>Template #3</title>
	<link rel="stylesheet" type="text/css" href="css/3.css">
</head>
<body>
	<header class="header">
		<a href="/" class="logo">Logo</a>
		<nav class="nav">
			<a href="#" class="nav-itm">1</a>
			<a href="#" class="nav-itm">2</a>
			<a href="#" class="nav-itm">3</a>
		</nav>
	</header>
	<main class="main">
		<div class="fline"></div>
		<div class="sline"></div>
		<div class="grid">
			<div class="grid-itm">
				<img src="img/img_sqr_200x200.png" width="200" height="200" alt="" class="grid-img">
				<h1>Title #1</h1>
				<p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока</p>
			</div>
			<div class="grid-itm">
				<img src="img/img_sqr_200x200.png" width="200" height="200" alt="" class="grid-img">
				<h1>Title #2</h1>
				<p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока</p>
			</div>
			<div class="grid-itm">
				<img src="img/img_sqr_200x200.png" width="200" height="200" alt="" class="grid-img">
				<h1>Title #3</h1>
				<p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока</p>
			</div>
			<div class="grid-itm">
				<img src="img/img_sqr_200x200.png" width="200" height="200" alt="" class="grid-img">
				<h1>Title #4</h1>
				<p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока</p>
			</div>
		</div>
	</main>
	<footer class="footer">
		#Footer
	</footer>
</body>
</html>