Skip to content

Commit a251fa4

Browse files
KristiyanGeorgiev1996KristiyanGeorgiev1996
authored
Add files via upload
1 parent 825b77c commit a251fa4

2 files changed

Lines changed: 71 additions & 0 deletions

File tree

‎02.HTML-&-CSS-Mini-Course/01.Introduction-To-HTML/4-navigation-menu/index.html‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Simple Navigation</title>
6+
<link rel="stylesheet" href="style.css">
7+
</head>
8+
<body>
9+
10+
<nav>
11+
<ul>
12+
<li><a href="#home">Home</a></li>
13+
<li><a href="#about">About Me</a></li>
14+
<li><a href="#contact">Contact</a></li>
15+
</ul>
16+
</nav>
17+
18+
<section id="home">
19+
<h1>Welcome to My Website</h1>
20+
<p>This is the home section.</p>
21+
</section>
22+
23+
<section id="about">
24+
<h2>About Me</h2>
25+
<p>I am learning web development at SoftUni.</p>
26+
</section>
27+
28+
<section id="contact">
29+
<h2>Contact</h2>
30+
<p>You can reach me via email.</p>
31+
</section>
32+
33+
</body>
34+
</html>

‎02.HTML-&-CSS-Mini-Course/01.Introduction-To-HTML/4-navigation-menu/style.css‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
margin: 0;
4+
padding: 0;
5+
}
6+
7+
nav {
8+
background-color: #333;
9+
padding: 10px 0;
10+
text-align: center;
11+
}
12+
13+
nav ul {
14+
list-style-type: none;
15+
margin: 0;
16+
padding: 0;
17+
}
18+
19+
nav ul li {
20+
display: inline-block;
21+
margin: 0 15px;
22+
}
23+
24+
nav ul li a {
25+
color: white;
26+
text-decoration: none;
27+
font-weight: bold;
28+
}
29+
30+
nav ul li a:hover {
31+
text-decoration: underline;
32+
}
33+
34+
section {
35+
padding: 40px 20px;
36+
text-align: center;
37+
}

0 commit comments

Comments
 (0)