Ajout du logo
This commit is contained in:
parent
67335bdb70
commit
bd089c8490
|
@ -4,16 +4,18 @@
|
||||||
<title>Site vitrine - Romain de Laage</title>
|
<title>Site vitrine - Romain de Laage</title>
|
||||||
<meta charset="utf8" />
|
<meta charset="utf8" />
|
||||||
<link rel="stylesheet" href="style.css" />
|
<link rel="stylesheet" href="style.css" />
|
||||||
|
<link rel="icon" href="logo2.svg" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<h1>Romain de Laage</h1>
|
<h1><img src="logo2.svg" alt="logo" />Romain de Laage</h1>
|
||||||
</header><nav>
|
</header><nav>
|
||||||
<ul>
|
<ul>
|
||||||
<a href="https://cloud.rdelaage.ovh"><li>Cloud</li></a>
|
<a href="https://cloud.rdelaage.ovh"><li>Cloud</li></a>
|
||||||
<a href="https://dev.rdelaage.ovh"><li>Développement</li></a>
|
<a href="https://dev.rdelaage.ovh"><li>Développement</li></a>
|
||||||
<a href="https://rdelaage.ovh/cv"><li>CV</li></a>
|
<a href="https://rdelaage.ovh/cv"><li>CV</li></a>
|
||||||
</ul>
|
</ul>
|
||||||
|
<div class="logo"><img src="logo2.svg" alt="logo" /></div>
|
||||||
</nav><section>
|
</nav><section>
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">
|
||||||
|
<g transform="translate(55,37)" id="content">
|
||||||
|
<rect ry="5" rx="5" y="0" x="0" height="150" width="50" fill="#f6b93b" />
|
||||||
|
<rect ry="5" rx="5" y="0" x="65" height="90" width="50" fill="#1e3799" />
|
||||||
|
<circle r="25" cy="125" cx="90" fill="#eb2f06" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 392 B |
17
style.css
17
style.css
|
@ -14,6 +14,11 @@ header{
|
||||||
text-align:center;
|
text-align:center;
|
||||||
line-height: 100px;
|
line-height: 100px;
|
||||||
}
|
}
|
||||||
|
header h1 img{
|
||||||
|
height: 70px;
|
||||||
|
width: auto;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
nav{
|
nav{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: calc(100% - 150px);
|
height: calc(100% - 150px);
|
||||||
|
@ -44,9 +49,9 @@ footer{
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
color: #ecf0f1;
|
color: #ecf0f1;
|
||||||
}
|
}
|
||||||
rect, circle{
|
nav .logo img{
|
||||||
transition: 0.3s;
|
width: 50%;
|
||||||
fill: #D0D0D0;
|
height: auto;
|
||||||
}
|
}
|
||||||
#yellow:hover{
|
#yellow:hover{
|
||||||
fill: #f6b93b;
|
fill: #f6b93b;
|
||||||
|
@ -64,9 +69,13 @@ nav li{
|
||||||
nav li:hover{
|
nav li:hover{
|
||||||
background-color: rgba(255, 255, 255, 0.3);
|
background-color: rgba(255, 255, 255, 0.3);
|
||||||
}
|
}
|
||||||
section .logo{
|
.logo{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
section rect, section circle{
|
||||||
|
transition: 0.3s;
|
||||||
|
fill: #D0D0D0;
|
||||||
|
}
|
||||||
a{
|
a{
|
||||||
color: #C0C0C0;
|
color: #C0C0C0;
|
||||||
}
|
}
|
||||||
|
|
Reference in New Issue