-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (126 loc) · 6.08 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
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<title>Sticky Navbar</title>
</head>
<body>
<main id="container">
<nav id="navbar">
<a id="homepage-link" href="#">Selim Biber</a>
<ul id="other-links">
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contanct</a></li>
</ul>
</nav>
<section id="hero-section">
<p id="hero-text">Welcome to my website!</p>
</section>
<article id="article">
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem est
odit eligendi corrupti, voluptate repudiandae quidem, veritatis fugit
cum aliquam exercitationem quas! Suscipit iusto culpa quasi quae
facere ipsum consequatur! Fugiat placeat quo nobis, quas illum
deleniti qui dolorum modi numquam, vel unde officia nam temporibus
ratione asperiores. Tempora nisi veritatis nulla vel unde ad neque
explicabo quia quam minus! Totam corrupti ducimus recusandae natus,
molestiae aspernatur sapiente. Iure dolorem repellat a perferendis
mollitia ex provident, quis sapiente! Adipisci aspernatur ipsam
laudantium minus. Iure atque debitis officia beatae ab eum?
</p>
</article>
<footer>
Coded by
<a
href="https://github.com/selimbiber"
title="GitHub: selimbiber"
target="_blank"
>
Selim Biber
</a>
<a
href="https://github.com/selimbiber/Pure-JavaScript-Projects/"
title="GitHub: Pure JavaScript Projects"
><img id="github-logo" src="./images/github-icon.svg" alt=""
/></a>
</footer>
</main>
<script src="./main.js"></script>
</body>
</html>