Skip to content

Commit d995ff3

Browse files
paulphilippaulphilip
authored
Create index.html
1 parent d566098 commit d995ff3

1 file changed

Lines changed: 83 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Beautiful Webpage</title>
5+
<style>
6+
body {
7+
font-family: Arial, sans-serif;
8+
margin: 0;
9+
padding: 0;
10+
background-color: #f0f0f0;
11+
color: #333;
12+
}
13+
14+
header {
15+
background-color: #4CAF50;
16+
color: white;
17+
text-align: center;
18+
padding: 1em 0;
19+
}
20+
21+
nav ul {
22+
padding: 0;
23+
list-style-type: none;
24+
}
25+
26+
nav ul li {
27+
display: inline;
28+
margin-right: 20px;
29+
}
30+
31+
nav ul li a {
32+
color: white;
33+
text-decoration: none;
34+
}
35+
36+
section {
37+
margin: 2em 5%;
38+
padding: 1em;
39+
background-color: white;
40+
border-radius: 8px;
41+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
42+
}
43+
44+
footer {
45+
text-align: center;
46+
padding: 1em 0;
47+
background-color: #333;
48+
color: white;
49+
}
50+
</style>
51+
</head>
52+
<body>
53+
<header>
54+
<h1>Welcome to My Beautiful Webpage</h1>
55+
<nav>
56+
<ul>
57+
<li><a href="#home">Home</a></li>
58+
<li><a href="#about">About</a></li>
59+
<li><a href="#contact">Contact</a></li>
60+
</ul>
61+
</nav>
62+
</header>
63+
64+
<section id="home">
65+
<h2>Home</h2>
66+
<p>This is the home section of the webpage.</p>
67+
</section>
68+
69+
<section id="about">
70+
<h2>About</h2>
71+
<p>Learn more about us in this section.</p>
72+
</section>
73+
74+
<section id="contact">
75+
<h2>Contact</h2>
76+
<p>Get in touch with us here.</p>
77+
</section>
78+
79+
<footer>
80+
<p>&copy; 2024 Beautiful Webpage</p>
81+
</footer>
82+
</body>
83+
</html>

0 commit comments

Comments
 (0)