mirror of
https://github.com/dzeiocom/markblog.git
synced 2025-07-30 00:19:49 +00:00
@ -10,20 +10,27 @@ export default class Header extends React.Component<Props, {}> {
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<img src="/clouds.svg" alt=""/>
|
||||
|
||||
|
||||
{/* <p>Bienvenue sur le Portfolio de Florian BOUILLON !</p> */}
|
||||
<style jsx>{`
|
||||
div {
|
||||
position: relative;
|
||||
background: linear-gradient(90deg, #45CAFC 0%, #4285F4 92.19%);
|
||||
height: 207px;
|
||||
background: url('/clouds.svg'), linear-gradient(90deg, #45CAFC 0%, #4285F4 92.19%);
|
||||
background-repeat: repeat-x;
|
||||
background-position: bottom;
|
||||
min-height: 207px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
color: white;
|
||||
font-size: 35px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
min-width: 100%;
|
||||
height: 50px
|
||||
height: 50px;
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user