diff options
-rw-r--r-- | Web | 89 |
1 files changed, 89 insertions, 0 deletions
@@ -0,0 +1,89 @@ +<!DOCTYPE html> +<html> +<head> + <title> +Johanna Odersky + </title> + <link href="https://fonts.googleapis.com/css?family=Amiri:400i|Cardo:400i|Cormorant+Garamond:400i|EB+Garamond|Libre+Baskerville:400i|Noto+Serif:400i|Old+Standard+TT:400i|Source+Serif+Pro" + rel="stylesheet" + > + <style> + + body { + background-color:rgb(231, 231, 231); + + font-family: 'EB Garamond', serif; + padding-top: 60px; + + padding-left: 50px; + } +img { padding-top: 15px; +} + .center { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; +} + +h1{ + font-style:initial; +font-size:17px; +position:fixed; +padding-left: 35px; + } + + .underlined { + text-decoration: underline; + color:blue; + } +p { + padding-top: 30px; + font-size: 15px; + color: blue; + position:fixed; + +padding-left: 35px; + +} + </style> + </head> +</html> +<body> + +<div> + + <h1>Johanna Odersky</h1> + <p style="color: blue"> + <a href="https://soundcloud.com/ikukojohanna" class="underlined">Iku</a> + + <br> + <a href="mailto:johanna.odersky@gmail.com" class="underlined" target="_top">Contact</a> + + </p> + + <img src="images/image2.jpg" width="500"class="center"> +</div> + + <br> + <img src="images/image1.jpg" width="1000"class="center"> +<br> + <img src="images/image3.png" width="500" class="center"> + + <br> + + + <img src="images/image5.jpg" width="500" class="center"> + <br> + <img src="images/image5b.jpg" width="500" class="center"> + + <br> + <img src="images/image4.jpg" width="500" class="center"> + <br> + + + + + + +</body> |