Scribd
Upload
9 views2 pages

KPW

The document is an HTML template for a personal website, featuring a header with a background image and a navigation menu. The CSS styles define the layout, font, and hover effects for the navigation links. The menu includes links to various sections such as Home, Personal Profile, Family Information, Hobbies, Favorites, and Social Media.

Uploaded by

Madonna Escalona Baja
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 views2 pages

KPW

The document is an HTML template for a personal website, featuring a header with a background image and a navigation menu. The CSS styles define the layout, font, and hover effects for the navigation links. The menu includes links to various sections such as Home, Personal Profile, Family Information, Hobbies, Favorites, and Social Media.

Uploaded by

Madonna Escalona Baja
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

*{

margin: 0;

padding: 0;

font-family: Bodoni MT Black;

header{

background-image: url(../3.PNG);

height: 100vh;

background-size: cover;

background-position: center;

ul{

float: right;

list-style-type: none;

margin: top: 30px;

ul li{

display: inline-block;

ul li a{

text-decoration: none;

color: #fff;

padding: 5px 20px;

border: 1px solid #fff;

transition: 0.6s ease;


}

ul li a: hover{

background-color: #fff;

color: #000;

}<!DOCTYPE html>

<html>

<head>

<title>K Personal Website</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<header>

<div class="main">

<ul>

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

<li><a href="#">Personal Profile</a></li>

<li><a href="#">Family Information</a></li>

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

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

<li><a href="#">Social Media</a></li>

</ul>

</div>

</header>

</body>

</html>

You might also like