Scribd
Upload
9 views7 pages

Activity 5

HTML HVGRYIVHYGBTRHIHYGRLV

Uploaded by

amanrajputjee122
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
9 views7 pages

Activity 5

HTML HVGRYIVHYGBTRHIHYGRLV

Uploaded by

amanrajputjee122
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/ 7

AMAN KUMAR

12407063

Home.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="nav.css">

</head>

<body>

<h1>Welcome to my website</h1>

<nav class="navbar">

<ul>

<li><a href="home.html">Home</a></li>

<li><a href="About.html">About</a></li>

<li><a href="service.html">Services</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

<main>

<h2>This is the Home page.</h2>

<p>This is some para of Home page.</p>

</main>

</body>

</html>

ABOUTUS.HTML

<!DOCTYPE html>

<html lang="en">
<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="nav.css">

</head>

<body>

<h1>Welcome to my website</h1>

<nav class="navbar">

<ul>

<li><a href="home.html">Home</a></li>

<li><a href="About.html">About</a></li>

<li><a href="service.html">Services</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

<main>

<h2>This is the about page.</h2>

<p>This is some para of about page.</p>

</main>

</body>

</html>

CONTACT.HTML

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="nav.css">

</head>
<body>

<h1>Welcome to my website</h1>

<nav class="navbar">

<ul>

<li><a href="home.html">Home</a></li>

<li><a href="About.html">About</a></li>

<li><a href="service.html">Services</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

<main>

<h2>This is the Contact page</h2>

<p>This is some para of contact page.</p>

</main>

</body>

</html>

SERVICE.HTML

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="nav.css">

</head>

<body>

<h1>Welcome to my website</h1>

<nav class="navbar">

<ul>

<li><a href="home.html">Home</a></li>

<li><a href="About.html">About</a></li>
<li><a href="service.html">Services</a></li>

<li><a href="contact.html">Contact</a></li>

</ul>

</nav>

<main>

<h2>This is the service page</h2>

<p>This is some para of service page.</p>

</main>

</body>

</html>

NAV.CSS

h1{

text-align: center;

.navbar ul{

list-style-type: none;

padding: 0px;

margin: 0px;

background-color: crimson;

overflow: hidden;

.navbar a{

color: white;

width: 150px;

font-size: 25px;

font-weight: bold;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

text-decoration: none;

padding: 20px;

display: block;

text-align: center;
border-right: 2px dashed black;

.navbar a:hover{

background-color: black;

.navbar li{

float: left;

You might also like