Skip to content
Snippets Groups Projects
Commit bbf742a1 authored by Luca Silly's avatar Luca Silly
Browse files

header

parent 5afce9a2
No related branches found
No related tags found
No related merge requests found
Pipeline #20962 canceled
Stage: build
Stage: test
Hide whitespace changes
Inline Side-by-side
images/profil.png 0 → 100644
+ 0
− 0
View file @ bbf742a1
images/profil.png

3.89 KiB

index.css
+ 39
− 13
View file @ bbf742a1
......@@ -3,17 +3,17 @@ body{
}
header{
position: relative;
animation: nav-load 300ms ease-in;
overflow: ;
background-color: #434343ff;
}
nav{
background: #2E86C9;
color: white;
.header-right{
float: right;
}
header img{
#logo{
position: absolute;
display: inline-block;
height: 60px;
......@@ -28,9 +28,35 @@ header img{
margin-left: 0px;
}
#header_barre{
background: #434343ff ;
height: 60px;
width: auto;
margin-left: 0px;
}
\ No newline at end of file
#title{
color: aliceblue;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 32px;
width: max-content;
margin-left: 190px;
margin-top: 0;
padding-top: 9px;
}
#profil_user{
margin-top: 0;
width: 65px;
height: 65px;
margin-right: 10px;
}
#search {
position: absolute;
margin-left: 50%;
margin-right: 50%;
font-size: 17px;
margin-top: 16px;
border-color: #d80669ff;
width: 300px;
}
index.html
+ 18
− 5
View file @ bbf742a1
......@@ -10,11 +10,24 @@
<body>
<header>
<img src="images/logo.png" alt="logo" id="logo">
<div id="header_barre">
<div id="logo_couleur"></div>
</div>
<div class="header-right">
<img src="images/profil.png" alt="profil" id="profil_user">
</div>
<input type="text" placeholder="Cherchez un projet..." id="search">
<div class="header-left">
<img src="images/logo.png" alt="logo" id="logo">
<div id="logo_couleur">
<p id="title">Portfolio CUI</p>
</div>
</div>
</header>
</body>
......
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