Scribd
Upload
12 views3 pages

09 Profess Page

This document is an HTML template for a professional webpage featuring a header with navigation links and a main content area. It utilizes CSS for styling, including properties for color, background, text, font, border, margin, and padding. The layout is designed to be clean and user-friendly, with a focus on readability and accessibility.

Uploaded by

selfhustle07
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
12 views3 pages

09 Profess Page

This document is an HTML template for a professional webpage featuring a header with navigation links and a main content area. It utilizes CSS for styling, including properties for color, background, text, font, border, margin, and padding. The layout is designed to be clean and user-friendly, with a focus on readability and accessibility.

Uploaded by

selfhustle07
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/ 3

Create html professional page where use css colour,

background properties,text,font,border,margin,padding
list properties

<!DOCTYPE html>

<html>

<head>

<title>Professional Page</title>

<style>

body {

font-family: Arial, sans-serif;

font-size: 16px;

line-height: 1.5;

color: #333;

background-color: #f4f4f4;

margin: 0;

padding: 0;

.header {

display: flex;

justify-content: space-between;

align-items: center;

margin-bottom: 20px;

padding: 20px;

background-color: #333;

color: #fff;

.header h1 {

margin: 0;

}
.content {

padding: 20px;

h2 {

font-size: 24px;

margin-top: 0;

p{

margin-top: 20px;

ul {

list-style-type: none;

padding: 0;

margin: 0;

li {

margin-bottom: 10px;

background-color: #f4f4f4;

padding: 10px;

border-radius: 5px;

a{

color: #4CAF50;

text-decoration: none;

a:hover {

color: #333;

</style>

</head>

<body>
<header class="header">

<h1>Sourav Chowhan</h1>

<nav>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Services</a></li>

<li><a href="#">Contact</a></li>

</ul>

</nav>

</header>

<main class="content">

<h2>Welcome to Our Company</h2>

<p>hello.</p>

<ul>

<li><a href="#">Link 1</a></li>

<li><a href="#">Link 2</a></li>

<li><a href="#">Link 3</a></li>

</ul>

</main>

</body>

</html>

OUTPUT:-

You might also like