RPI/Site.html at master · TurchinAlexander/RPI · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF8">
	<link href="./Styles.css" rel="stylesheet">
	<link href="./Styles980.css" rel="stylesheet">
	<link href="./Styles640.css" rel="stylesheet">
	<link href="./Styles320.css" rel="stylesheet">
</head>
<body>
	<header>
		<a href="">PSD WEBSITES</a>
		<a href="">UI KITS</a>
		<a href="">PREMIUM PSD FILES</a>
		<a href="">ABOUT</a>
		<a href="">BLOG</a>
		<p class="without-menu">Navigation</p>
		<div class="hide-menu">&#8801</div>
	</header>
	<div class="resource">
		<h2>Awesome Free PSD tempaltes & Resources</h2>
		<table style="width: 100%">
			<tr>
				<td style="width: 75%">
					www.BlazRobar.com
				</td>
				<td>
					<img src="pic/Arrow.png" width="11%">
				</td>
			</tr>
		</table>
	</div>

	<div class="link-box text-left">
		<h2>I'm like Robin Hood of PSD files.</h2>
	</div>
	<div class="link-box link-right">
		<img src="pic/Arrow.png" width="10%" alt="Link">
	</div>

	<ul class="blockpic">
		<li class="arrowPic-box"><img src="pic/Arrow.png"></li>
		<li class="blockpic-pic"><img src="pic/Bridge.png"></li>
		<li class="blockpic-pic"><img src="pic/Girl.png"></li>
	</ul>
	<div class="info">
		<h1>
			BlazRobar.com
		</h1>
		<div class="info-position">
			<p class="hide-after-640">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit.
				Ducimus accusantium reprehenderit laborum temporibus, labore natus non dignissimos laudantium quos
				rem dolores amet dicta explicabo distinctio suscipit dolorem, unde voluptatibus debitis?
			</p>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus accusantium reprehenderit
				laborum temporibus, labore natus non dignissimos laudantium quos rem dolores amet dicta explicabo
				distinctio suscipit dolorem, unde voluptatibus debitis?
			</p>
			<p class="hide-after-640">
				Phasellus imperdiet mattis nulla. Integer gravida imperdiet congue. Proin vitae pretium augue.
				Donec est sem, mattis et blandit ac, blandit at arcu. Donec tempus tincidunt suscipit.
				Suspendisse eu vulputate lacus.
			</p>
			<p>
				Phasellus imperdiet mattis nulla. Integer gravida imperdiet congue. Proin vitae pretium augue.
				Donec est sem, mattis et blandit ac, blandit at arcu. Donec tempus tincidunt suscipit.
				Suspendisse eu vulputate lacus.
			</p>
		</div>
	</div>
</body>
</html>