This commit is contained in:
vista-man
2025-01-25 21:28:13 +01:00
parent 8010876630
commit 7e382ffd70
2 changed files with 36 additions and 15 deletions

View File

@@ -6,28 +6,30 @@
</head>
<body>
<h1>Welcome to My Simple Wikipedia</h1>
<div class="container">
<h1>Welcome to My Simple Wikipedia</h1>
<p>This is a basic example of a simple Wikipedia-like page.
It demonstrates how to structure information using HTML.</p>
<p>This is a basic example of a simple Wikipedia-like page.
It demonstrates how to structure information using HTML.</p>
<h2>Article 1: The History of the Internet</h2>
<h2>Article 1: The History of the Internet</h2>
<p>The Internet began as a project funded by the United States Department of Defense
in the 1960s. Its initial purpose was to create a decentralized network that could
withstand a nuclear attack.</p>
<p>The Internet began as a project funded by the United States Department of Defense
in the 1960s. Its initial purpose was to create a decentralized network that could
withstand a nuclear attack.</p>
<p>Over time, the Internet evolved into the global network we know today, connecting
billions of devices and people worldwide.</p>
<p>Over time, the Internet evolved into the global network we know today, connecting
billions of devices and people worldwide.</p>
<h2>Article 2: The Life Cycle of a Butterfly</h2>
<h2>Article 2: The Life Cycle of a Butterfly</h2>
<p>Butterflies undergo a fascinating transformation known as metamorphosis.
It begins with an egg, which hatches into a larva (caterpillar).</p>
<p>Butterflies undergo a fascinating transformation known as metamorphosis.
It begins with an egg, which hatches into a larva (caterpillar).</p>
<p>The larva grows and molts several times, eventually forming a chrysalis.
Inside the chrysalis, the larva undergoes a remarkable transformation,
emerging as a beautiful butterfly.</p>
<p>The larva grows and molts several times, eventually forming a chrysalis.
Inside the chrysalis, the larva undergoes a remarkable transformation,
emerging as a beautiful butterfly.</p>
</div>
<script src="script.js"></script>
</body>

View File

@@ -1,15 +1,33 @@
body {
font-family: sans-serif;
margin: 20px;
background-color: #f0f0f0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
text-align: center;
margin-bottom: 30px;
}
h2 {
color: #007bff;
margin-top: 40px;
}
p {
color: #555;
line-height: 1.6;
text-indent: 20px;
}
a {
@@ -19,4 +37,5 @@ a {
a:hover {
text-decoration: underline;
color: #0056b3;
}