-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
73 lines (73 loc) · 3.02 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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html" charset="UTF-8">
<title>Training responsive</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="script/script.js"></script>
</head>
<body>
<div class="wrapper">
<header>
<div class="container">
<a href="#" class="dropdown-toggle" onclick="navToggle()"></a>
<h2>Navigation</h2>
<ul class="nav">
<li><a href="#">PSD WEBSITES</a></li>
<li><a href="#">UI KITS</a></li>
<li><a href="#">PREMIUM PSD FILES</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">BLOG</a></li>
</ul>
</div>
</header>
<div class="banner">
<div class="container">
<div class="banner-content">
<h1>Awesome Free PSD templates & Resources</h1>
<a href="#">www.BlazRobar.com</a>
</div>
</div>
</div>
<div class="robin-hood">
<div class="container">
<div class="textbox">
<p>I'm like the Robin Hood of PSD files.</p>
</div>
<div class="more-robin-hood">
<a href="#"></a>
</div>
</div>
</div>
<div class="gallery">
<div class="container">
<div class="go-to-gallery">
<a href="#"></a>
</div>
<div class="img-container" id="img-container1">
<img src="img/gallery-2.png" alt="gallery image">
</div>
<div class="img-container">
<img src="img/gallery-1.png" alt="gallery image">
</div>
</div>
</div>
<div class="text-content">
<div class="container">
<a href="#">BlazRobar.com</a>
<div class="text">
<div class="column left-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="column right-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>
</div>
</div>
</body>
</html>