Skip to content
Snippets Groups Projects
Commit b800ebd7 authored by DIALLO ABDOUL-AZIZ's avatar DIALLO ABDOUL-AZIZ
Browse files

Finish logo and header

parents
No related merge requests found
body {
font-family: "Quicksand", sans-serif;
margin: 0;
background-color: rgb(20, 14, 14);
color: white;
}
body > header {
padding: 15px 60px;
display: flex;
justify-content: space-between;
background-color: rgb(46, 40, 40);
align-items: center;
/* position: absolute; */
width: 100%; /* will occupy the whole screen */
box-sizing: border-box; /*help us to do not exceed the body width*/
}
ul {
font-size: 25px;
display: flex;
margin: 0;
padding: 0;
}
ul {
font-size: 25px;
display: flex;
margin: 0;
padding: 0;
}
ul li {
list-style: none;
padding: 0 10px;
/* border-right: 1px solid black; */
}
ul li:not(:last-child) {
border-right: 1px solid white;
}
ul li a {
text-decoration: none;
color: white;
text-decoration-line: underline;
}
#page-logo a {
font-family: "IBM Plex Mono", monospace;
padding: 12px;
font-size: 50px;
text-transform: uppercase;
text-decoration: none;
color: rgb(248, 248, 238);
text-shadow: 1px 1px 2px rgb(0, 0, 0);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>fellah's portfolio</title>
<link rel="stylesheet" href="assets/css/styles.css" />
</head>
<body>
<header>
<!--I added this.-->
<div id="page-logo">
<a href="/index.html">fellah</a>
</div>
<nav>
<ul>
<li><a href="/presentation.html">Presentation</a></li>
<li><a href="/formation.html">Formation</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</header>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment