-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (80 loc) · 3.82 KB
/
index.html
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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="SKYPE_TOOLBAR" content ="SKYPE_TOOLBAR_PARSER_COMPATIBLE">
<title>Adaptive-Flex</title>
<link href="css/normalize.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script>
var html = document.documentElement;
html.className = html.className.replace("no-js", "js");
</script>
</head>
<body>
<div class="page-wrapper">
<header class="page-header box cl">
<div class="menu-opened">
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="#" class="nav__link link">PSD WEBSITES</a></li>
<li class="nav__item"><a href="#" class="nav__link link">UI KITS</a></li>
<li class="nav__item"><a href="#" class="nav__link link">PREMIUM PSD FILES</a></li>
<li class="nav__item"><a href="#" class="nav__link link">ABOUT</a></li>
<li class="nav__item"><a href="#" class="nav__link link">BLOG</a></li>
</ul>
</nav>
</div>
<div class="menu">
<h3 class="menu__caption">Navigation</h3>
<a class="menu__toggle js-menu__toggle link" href="#" title="menu">
toggle menu
<span class="menu__toggle-icon"></span>
</a>
</div>
</header>
<main class="page-content box">
<div class="banner box">
<h1 class="banner__caption">Awesome Free PSD templates & Resources</h1>
<a href="#" class="banner__link link">www.BlazRobar.com</a>
<a href="#" class="arrow">Link</a>
</div>
<div class="text-banner box">
<div class="text-banner__column text-banner__column--left">
<p>I'm like the Robin Hood of PSD files.</p>
</div>
<div class="text-banner__column text-banner__column--right">
<a href="#" class="arrow">Link</a>
</div>
</div>
<div class="box-wrapper">
<div class="box box1">
<a href="#" class="arrow">Link</a>
</div>
<div class="box box2">
<img src="img/img1.jpg" alt="Picture" width="640" height="554">
</div>
<div class="box box3">
<img src="img/img2.jpg" alt="Picture" width="640" height="557">
</div>
</div>
<div class="box text-box">
<h2 class="text-box__caption">BlazRobar.com</h2>
<div class="text-box__wrapper">
<div class="text-box__column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vehicula ipsum non leo tristique eget facilisis lacus commodo. Curabitur vitae justo lorem, non ornare nibh. Pellentesque pretium, tellus ac ultrices faucibus, nibh mauris dapibus lorem, vitae viverra nisl elit sit amet libero. Nam eu blandit risus.</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 class="text-box__column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vehicula ipsum non leo tristique eget facilisis lacus commodo. Curabitur vitae justo lorem, non ornare nibh. Pellentesque pretium, tellus ac ultrices faucibus, nibh mauris dapibus lorem, vitae viverra nisl elit sit amet libero. Nam eu blandit risus.</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>
</div>
</main>
</div>
</body>
</html>