-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (112 loc) · 7.5 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>
<head>
<meta charset="UTF-8" />
<link href="css/styles.css" type="text/css" rel="stylesheet"/>
<title>Landing Page</title>
</head>
<body>
<!--navbar-->
<header class="page__header">
<nav class="navbar__menu" id="navbar__menu">
<!-- empty UL that will be populated with JS -->
<ul id="navbar__list">
</ul>
</nav>
</header>
<h1>Landing Page</h1>
<!--Sections-->
<div class="sections">
<section id="section1" data-nav="section 1">
<h2>Section 1</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Massa sed elementum
tempus egestas sed sed risus. Maecenas volutpat blandit aliquam etiam erat
velit scelerisque. Malesuada pellentesque elit eget gravida cum. Sed vulputate
mi sit amet mauris commodo quis imperdiet massa. Metus aliquam eleifend mi in
nulla posuere sollicitudin aliquam ultrices. Ut faucibus pulvinar elementum
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
</p>
</section>
<section id="section2" data-nav="section 2">
<h2>Section 2</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Massa sed elementum
tempus egestas sed sed risus. Maecenas volutpat blandit aliquam etiam erat
velit scelerisque. Malesuada pellentesque elit eget gravida cum. Sed vulputate
mi sit amet mauris commodo quis imperdiet massa. Metus aliquam eleifend mi in
nulla posuere sollicitudin aliquam ultrices. Ut faucibus pulvinar elementum
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
</p>
</section>
<section id="section3" data-nav="section 3">
<h2>Section 3</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Massa sed elementum
tempus egestas sed sed risus. Maecenas volutpat blandit aliquam etiam erat
velit scelerisque. Malesuada pellentesque elit eget gravida cum. Sed vulputate
mi sit amet mauris commodo quis imperdiet massa. Metus aliquam eleifend mi in
nulla posuere sollicitudin aliquam ultrices. Ut faucibus pulvinar elementum
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
</p>
</section>
<section id="section4" data-nav="section 4">
<h2>Section 4</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Massa sed elementum
tempus egestas sed sed risus. Maecenas volutpat blandit aliquam etiam erat
velit scelerisque. Malesuada pellentesque elit eget gravida cum. Sed vulputate
mi sit amet mauris commodo quis imperdiet massa. Metus aliquam eleifend mi in
nulla posuere sollicitudin aliquam ultrices. Ut faucibus pulvinar elementum
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
integer enim neque volutpat ac tincidunt. Laoreet sit amet cursus sit amet
dictum sit. Malesuada fames ac turpis egestas. Facilisi cras fermentum odio
eu feugiat pretium. Tincidunt eget nullam non nisi est sit amet facilisis.
Id semper risus in hendrerit gravida rutrum quisque non tellus.
Vel eros donec ac odio tempor.
</p>
</section>
</div>
<!--Footer-->
<footer class="myFooter">
<p>Copyright ©Udacity. All Rights Reserved.</p>
<h3>Made with <span id="heart">❤</span> by Nada Ahmed</h3>
</footer>
<script src="js/app.js"></script>
</body>
</html>