2021-02-01 16:40:34 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" / >
< title > Remi & Vicky Rampin< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< style >
body {
background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('background.jpg') no-repeat center center fixed;
background-size: cover;
}
div.container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
@media (min-width: 768px) {
div.container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-evenly;
}
}
div.box a {
text-decoration: none;
color: black;
}
div.box a:hover {
text-decoration: underline;
}
< / style >
< / head >
< body >
< div class = "container" >
< div class = "remi box" >
2021-02-01 18:48:13 +00:00
< h1 > < a href = "https://remi.rampin.org/" > Remi Rampin< br / > < span style = "font-size: 60%;" > Software Engineer< / span > < / a > < / h1 >
2021-02-01 16:40:34 +00:00
< / div >
< div class = "vicky box" >
2021-02-01 18:48:13 +00:00
< h1 > < a href = "https://vicky.rampin.org/" > Vicky Rampin< br / > < span style = "font-size: 60%;" > Librarian for Data Management< br / > and Reproducibility< / span > < / a > < / h1 >
2021-02-01 16:40:34 +00:00
< / div >
< / div >
< / body >
< / html >
