-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (50 loc) · 5.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bidder Nav</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="app.css">
</head>
<body>
<nav class="mobile-navigation">
<ul class="mobile-nav">
<li class="nav-item"><a href="#">Link 1</a></li>
<li class="nav-item"><a href="#">Link 2</a></li>
<li class="nav-item"><a href="#">Link 3</a></li>
<li class="nav-item"><a href="#">Link 4</a></li>
</ul>
</nav>
<div class="site-wrap">
<div class="mobile-nav-header">
<a id="mobile-nav-toggle" href=""><span></span></a>
<img src="logo_mock.png" class="logo">
</div>
<div class="overlay"></div>
<div class="container">
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit natus provident, sapiente nulla rerum accusantium repellendus enim commodi modi aliquam delectus quam molestias deserunt aut aliquid sed hic esse veritatis.</p>
<p><button>Truuuck</button></p>
<p>Deserunt unde ab quae optio itaque. Dignissimos delectus amet sint reprehenderit pariatur, fugit, quisquam aut qui exercitationem eius nulla molestias in quasi error dolore similique accusantium placeat porro voluptas quo!</p>
<p>Quaerat perferendis iusto sunt earum distinctio ullam, possimus incidunt cum est nulla, dolore voluptate fugit velit laborum et fugiat dignissimos ipsum! Laudantium nobis atque, omnis impedit fuga vel deleniti necessitatibus.</p>
<p>Dolorem necessitatibus nesciunt nam quas voluptatem facilis temporibus quo. Dolorum ex quos quas odit obcaecati corporis, tempora sint praesentium dolores, officia minima, asperiores pariatur. Fugit quod omnis suscipit voluptatum, adipisci.</p>
<p>Rem temporibus sapiente commodi enim, itaque deleniti sequi vitae deserunt eaque aliquid dolor! Explicabo aperiam, iste, dolorem, accusamus est eligendi maxime eum ex doloremque qui adipisci enim sapiente. Ipsam, nostrum.</p>
<p>Voluptate ea atque obcaecati repudiandae ullam magni error rerum, quo expedita porro autem beatae at, voluptates, impedit soluta quae, temporibus ad minima fugiat saepe odio ratione. Consequatur aliquam minus similique.</p>
<p>Sed error quisquam assumenda eveniet, nobis autem ipsam est tempora harum, dolores libero vitae repellat itaque magni laborum quas eaque blanditiis, amet molestiae. Et repudiandae beatae, quo dolor asperiores perferendis.</p>
<p>Doloribus quaerat repellendus delectus esse veniam, accusantium quam laboriosam enim dignissimos in, vitae optio omnis pariatur repudiandae. Tempore molestias accusantium, eum dolores, quo, sapiente, laborum voluptatum ducimus corporis illum dicta?</p>
<p>Minima neque temporibus, repellendus laborum vel porro provident nemo reprehenderit eos qui ullam doloribus aliquam facere, atque fugit nobis. Nostrum, magnam officia nihil tempore tempora excepturi ipsa quaerat delectus aut.</p>
<p>Facilis repellat, cumque quod laudantium ab praesentium, sed vel vero commodi, at voluptatum maiores. Iste impedit quis veritatis reiciendis ab maxime consectetur optio, officia quaerat, eos, odit suscipit aut vitae.</p>
<p>Dolorem necessitatibus nesciunt nam quas voluptatem facilis temporibus quo. Dolorum ex quos quas odit obcaecati corporis, tempora sint praesentium dolores, officia minima, asperiores pariatur. Fugit quod omnis suscipit voluptatum, adipisci.</p>
<p>Rem temporibus sapiente commodi enim, itaque deleniti sequi vitae deserunt eaque aliquid dolor! Explicabo aperiam, iste, dolorem, accusamus est eligendi maxime eum ex doloremque qui adipisci enim sapiente. Ipsam, nostrum.</p>
<p>Voluptate ea atque obcaecati repudiandae ullam magni error rerum, quo expedita porro autem beatae at, voluptates, impedit soluta quae, temporibus ad minima fugiat saepe odio ratione. Consequatur aliquam minus similique.</p>
<p>Sed error quisquam assumenda eveniet, nobis autem ipsam est tempora harum, dolores libero vitae repellat itaque magni laborum quas eaque blanditiis, amet molestiae. Et repudiandae beatae, quo dolor asperiores perferendis.</p>
<p>Doloribus quaerat repellendus delectus esse veniam, accusantium quam laboriosam enim dignissimos in, vitae optio omnis pariatur repudiandae. Tempore molestias accusantium, eum dolores, quo, sapiente, laborum voluptatum ducimus corporis illum dicta?</p>
<p>Minima neque temporibus, repellendus laborum vel porro provident nemo reprehenderit eos qui ullam doloribus aliquam facere, atque fugit nobis. Nostrum, magnam officia nihil tempore tempora excepturi ipsa quaerat delectus aut.</p>
<p>Facilis repellat, cumque quod laudantium ab praesentium, sed vel vero commodi, at voluptatum maiores. Iste impedit quis veritatis reiciendis ab maxime consectetur optio, officia quaerat, eos, odit suscipit aut vitae.</p>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>