KEMBAR78
!doctype HTML | PDF
Scribd
Upload
4 views2 pages

!doctype HTML

This document is an HTML template for a simple web page featuring a welcoming message and links to external sites. It includes basic styling for the body, container, headings, paragraphs, and links. The layout is designed to be user-friendly with a light background and centered content.

Uploaded by

dhanishkahandal35
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views2 pages

!doctype HTML

This document is an HTML template for a simple web page featuring a welcoming message and links to external sites. It includes basic styling for the body, container, headings, paragraphs, and links. The layout is designed to be user-friendly with a light background and centered content.

Uploaded by

dhanishkahandal35
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Web Page</title>
<style>
body {
background-color: #f0f8ff; /* Light background */
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

.container {
border: 2px solid #333;
margin: 40px auto;
padding: 20px;
width: 80%;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
text-align: center;
color: #0066cc;
}

p{
font-size: 16px;
color: #333;
}

a{
color: #0066cc;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.links {
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>Your Name</h1>
<p>Welcome to my webpage! This is a basic layout with borders, background color, and links.</p>

<div class="links">
<p>Check out these links:</p>
<ul>
<li><a href="https://www.google.com" target="_blank">Google</a></li>
<li><a href="https://www.wikipedia.org" target="_blank">Wikipedia</a></li>
<li><a href="https://www.github.com" target="_blank">GitHub</a></li>
</ul>
</div>
</div>
</body>
</html>

You might also like