-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (101 loc) · 14.2 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home Page</title>
<!-- Links -->
<link rel="stylesheet" href="css/style.css">
<!-- extrernal link -->
<script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
</head>
<body>
<div class="main">
<div class="innermain">
<div class="header">
<div class="top_head">
<div class="logo">
<img class="logo_img" src="img/logo.png" alt="Logo">
</div>
<div class="menu_btn">
<a role="button" class="action_btn"><i class="fa-solid fa-bars"></i></a></div>
</div>
<div class="navbar" >
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<div class="dropdownmenu">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="innerbody">
<div class="sidebar">
<nav class="sidenavbar">
<span>Categories</span>
<ul class="sidemenu" id="sidemenubar">
<li> <a href="#">Beauty <i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul class="sidesubmenu">
<li> <a href="#">Beauty</a></li>
<li> <a href="#">Electronics</a></li>
<li> <a href="#">Devices</a></li>
<li> <a href="#">Groceries</a></li>
</ul>
</li>
<li> <a href="#">Electronics</a></li>
<li> <a href="#">Devices</a></li>
<li> <a href="#">Groceries</a></li>
</ul>
</nav>
</div>
<div class="contentarea">
<center><img src="img/levis_post_img.jpg" width="80%" height="auto" alt="" srcset=""></center>
<center><h1>What is the Levi's History?</h1></center>
Lorem Ipsum
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat massa eget malesuada vulputate. Vivamus volutpat posuere justo sed lacinia. Pellentesque tincidunt dolor nisl, eu lobortis ex convallis eu. Curabitur commodo libero at mattis laoreet. Quisque porttitor urna id sodales vehicula. Sed dictum condimentum aliquam. Donec eget sapien sed arcu accumsan posuere.
Aenean velit augue, fermentum et libero eu, molestie ultricies neque. Suspendisse ante erat, accumsan non fermentum id, congue quis felis. Vestibulum orci augue, euismod vel tortor at, pellentesque eleifend ipsum. Etiam malesuada at libero eu mattis. Nullam rhoncus fringilla tellus, finibus malesuada urna facilisis et. Sed eget mollis justo, id posuere lorem. Vivamus sit amet leo in lectus luctus suscipit. Vestibulum tempus id risus non vehicula. In neque sapien, vulputate non erat ut, aliquet rhoncus tellus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque bibendum, odio id mollis consectetur, elit mauris rhoncus elit, eget viverra augue elit quis risus. Quisque in nisl libero. Sed non rhoncus nisl. Nullam hendrerit egestas magna, vitae lacinia nunc luctus ac.
Phasellus aliquam risus sit amet augue mollis elementum. Nullam gravida, urna sit amet imperdiet finibus, mauris magna molestie elit, at tincidunt nibh purus vitae neque. Duis in egestas neque. Suspendisse eget justo lectus. Donec in lorem in lorem sagittis aliquet et eget enim. Curabitur consectetur in nunc id suscipit. Vivamus auctor, augue sed convallis volutpat, nulla turpis tempor tellus, ultrices tempor ex mi eget elit. Vestibulum iaculis felis sit amet arcu interdum aliquam. Vestibulum commodo rhoncus turpis, in commodo elit rhoncus non. Fusce quis tellus placerat lectus semper molestie.
Morbi orci nisl, dapibus eu ullamcorper at, dapibus vitae leo. Proin risus ex, laoreet sed sodales nec, sodales non odio. Mauris rutrum, dui quis sagittis pharetra, eros dolor volutpat eros, ac luctus enim lectus eu tellus. Ut ac finibus velit. Fusce vitae venenatis urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris interdum tincidunt urna quis dignissim. Vivamus sed mauris et ipsum blandit consectetur. Aliquam interdum urna eget sapien blandit, vitae aliquet justo malesuada. Morbi feugiat porta pharetra. Nunc id molestie libero, id varius ex. Quisque vel efficitur orci. Praesent viverra arcu ac dignissim tempus. Phasellus ultrices, sem et iaculis molestie, lectus ex dictum turpis, nec eleifend mauris leo sed quam. Vestibulum nibh felis, porttitor id lobortis nec, ultricies vitae risus. Aliquam nec urna lacus.
Curabitur accumsan ligula ipsum, blandit auctor diam rhoncus non. Fusce in tempus dui, a gravida erat. Suspendisse commodo purus vitae neque pellentesque, vel pharetra mi semper. Nullam iaculis justo sed porta congue. Vivamus vel justo eu sapien vestibulum condimentum eu sed nibh. Duis luctus nulla ut molestie luctus. Nam sit amet tellus elit. Aenean scelerisque bibendum risus, vel aliquam augue fringilla vel. Donec vestibulum nibh nec turpis lobortis egestas. Integer libero nulla, luctus eu efficitur id, placerat in felis. Ut interdum euismod massa, in scelerisque nunc vestibulum vitae. Nulla id nisi vitae dui sagittis maximus in sed nisl. Donec at fringilla libero. Donec quis lectus mi. Sed at nibh libero. Donec placerat mauris sem.
Generated 5 paragraphs, 506 words, 3405 bytes of Lorem Ipsum
Lorem Ipsum
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat massa eget malesuada vulputate. Vivamus volutpat posuere justo sed lacinia. Pellentesque tincidunt dolor nisl, eu lobortis ex convallis eu. Curabitur commodo libero at mattis laoreet. Quisque porttitor urna id sodales vehicula. Sed dictum condimentum aliquam. Donec eget sapien sed arcu accumsan posuere.
Aenean velit augue, fermentum et libero eu, molestie ultricies neque. Suspendisse ante erat, accumsan non fermentum id, congue quis felis. Vestibulum orci augue, euismod vel tortor at, pellentesque eleifend ipsum. Etiam malesuada at libero eu mattis. Nullam rhoncus fringilla tellus, finibus malesuada urna facilisis et. Sed eget mollis justo, id posuere lorem. Vivamus sit amet leo in lectus luctus suscipit. Vestibulum tempus id risus non vehicula. In neque sapien, vulputate non erat ut, aliquet rhoncus tellus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque bibendum, odio id mollis consectetur, elit mauris rhoncus elit, eget viverra augue elit quis risus. Quisque in nisl libero. Sed non rhoncus nisl. Nullam hendrerit egestas magna, vitae lacinia nunc luctus ac.
Phasellus aliquam risus sit amet augue mollis elementum. Nullam gravida, urna sit amet imperdiet finibus, mauris magna molestie elit, at tincidunt nibh purus vitae neque. Duis in egestas neque. Suspendisse eget justo lectus. Donec in lorem in lorem sagittis aliquet et eget enim. Curabitur consectetur in nunc id suscipit. Vivamus auctor, augue sed convallis volutpat, nulla turpis tempor tellus, ultrices tempor ex mi eget elit. Vestibulum iaculis felis sit amet arcu interdum aliquam. Vestibulum commodo rhoncus turpis, in commodo elit rhoncus non. Fusce quis tellus placerat lectus semper molestie.
Morbi orci nisl, dapibus eu ullamcorper at, dapibus vitae leo. Proin risus ex, laoreet sed sodales nec, sodales non odio. Mauris rutrum, dui quis sagittis pharetra, eros dolor volutpat eros, ac luctus enim lectus eu tellus. Ut ac finibus velit. Fusce vitae venenatis urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris interdum tincidunt urna quis dignissim. Vivamus sed mauris et ipsum blandit consectetur. Aliquam interdum urna eget sapien blandit, vitae aliquet justo malesuada. Morbi feugiat porta pharetra. Nunc id molestie libero, id varius ex. Quisque vel efficitur orci. Praesent viverra arcu ac dignissim tempus. Phasellus ultrices, sem et iaculis molestie, lectus ex dictum turpis, nec eleifend mauris leo sed quam. Vestibulum nibh felis, porttitor id lobortis nec, ultricies vitae risus. Aliquam nec urna lacus.
Curabitur accumsan ligula ipsum, blandit auctor diam rhoncus non. Fusce in tempus dui, a gravida erat. Suspendisse commodo purus vitae neque pellentesque, vel pharetra mi semper. Nullam iaculis justo sed porta congue. Vivamus vel justo eu sapien vestibulum condimentum eu sed nibh. Duis luctus nulla ut molestie luctus. Nam sit amet tellus elit. Aenean scelerisque bibendum risus, vel aliquam augue fringilla vel. Donec vestibulum nibh nec turpis lobortis egestas. Integer libero nulla, luctus eu efficitur id, placerat in felis. Ut interdum euismod massa, in scelerisque nunc vestibulum vitae. Nulla id nisi vitae dui sagittis maximus in sed nisl. Donec at fringilla libero. Donec quis lectus mi. Sed at nibh libero. Donec placerat mauris sem.
Generated 5 paragraphs, 506 words, 3405 bytes of Lorem Ipsum
Lorem Ipsum
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In volutpat massa eget malesuada vulputate. Vivamus volutpat posuere justo sed lacinia. Pellentesque tincidunt dolor nisl, eu lobortis ex convallis eu. Curabitur commodo libero at mattis laoreet. Quisque porttitor urna id sodales vehicula. Sed dictum condimentum aliquam. Donec eget sapien sed arcu accumsan posuere.
Aenean velit augue, fermentum et libero eu, molestie ultricies neque. Suspendisse ante erat, accumsan non fermentum id, congue quis felis. Vestibulum orci augue, euismod vel tortor at, pellentesque eleifend ipsum. Etiam malesuada at libero eu mattis. Nullam rhoncus fringilla tellus, finibus malesuada urna facilisis et. Sed eget mollis justo, id posuere lorem. Vivamus sit amet leo in lectus luctus suscipit. Vestibulum tempus id risus non vehicula. In neque sapien, vulputate non erat ut, aliquet rhoncus tellus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque bibendum, odio id mollis consectetur, elit mauris rhoncus elit, eget viverra augue elit quis risus. Quisque in nisl libero. Sed non rhoncus nisl. Nullam hendrerit egestas magna, vitae lacinia nunc luctus ac.
Phasellus aliquam risus sit amet augue mollis elementum. Nullam gravida, urna sit amet imperdiet finibus, mauris magna molestie elit, at tincidunt nibh purus vitae neque. Duis in egestas neque. Suspendisse eget justo lectus. Donec in lorem in lorem sagittis aliquet et eget enim. Curabitur consectetur in nunc id suscipit. Vivamus auctor, augue sed convallis volutpat, nulla turpis tempor tellus, ultrices tempor ex mi eget elit. Vestibulum iaculis felis sit amet arcu interdum aliquam. Vestibulum commodo rhoncus turpis, in commodo elit rhoncus non. Fusce quis tellus placerat lectus semper molestie.
Morbi orci nisl, dapibus eu ullamcorper at, dapibus vitae leo. Proin risus ex, laoreet sed sodales nec, sodales non odio. Mauris rutrum, dui quis sagittis pharetra, eros dolor volutpat eros, ac luctus enim lectus eu tellus. Ut ac finibus velit. Fusce vitae venenatis urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris interdum tincidunt urna quis dignissim. Vivamus sed mauris et ipsum blandit consectetur. Aliquam interdum urna eget sapien blandit, vitae aliquet justo malesuada. Morbi feugiat porta pharetra. Nunc id molestie libero, id varius ex. Quisque vel efficitur orci. Praesent viverra arcu ac dignissim tempus. Phasellus ultrices, sem et iaculis molestie, lectus ex dictum turpis, nec eleifend mauris leo sed quam. Vestibulum nibh felis, porttitor id lobortis nec, ultricies vitae risus. Aliquam nec urna lacus.
Curabitur accumsan ligula ipsum, blandit auctor diam rhoncus non. Fusce in tempus dui, a gravida erat. Suspendisse commodo purus vitae neque pellentesque, vel pharetra mi semper. Nullam iaculis justo sed porta congue. Vivamus vel justo eu sapien vestibulum condimentum eu sed nibh. Duis luctus nulla ut molestie luctus. Nam sit amet tellus elit. Aenean scelerisque bibendum risus, vel aliquam augue fringilla vel. Donec vestibulum nibh nec turpis lobortis egestas. Integer libero nulla, luctus eu efficitur id, placerat in felis. Ut interdum euismod massa, in scelerisque nunc vestibulum vitae. Nulla id nisi vitae dui sagittis maximus in sed nisl. Donec at fringilla libero. Donec quis lectus mi. Sed at nibh libero. Donec placerat mauris sem.
Generated 5 paragraphs, 506 words, 3405 bytes of Lorem Ipsum
</div>
</div>
</div>
</div>
<!-- Link -->
<script src="js/script.js"></script>
</body>
</html>