Daniel-Hellsten/Spring.html at master · DanielHellsten/Daniel-Hellsten · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
  <head>
    <title>Spring</title>
    <link rel="stylesheet" href="styles.css">
    <style>
      h1{color: black;
        text-align: center;

        width:150px; height: 100px;
        margin:30px;
        padding: 5px;
        font-family:Snell Roundhand, cursive;
        font-size:70px

      }
      h2{
        color: black;
        font-family:Snell Roundhand, cursive;
      }
      p{
        color:white; text-align: right;
        font-family:Snell Roundhand, cursive;
        font-size: 20px;
      }

.container {
  position: relative;
}


.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
      </style>


  </head>
<body>


<div>
  <h1 style="color:red; text-align:center">Spring</h1>
  <h2>Summer is short in Finland and spring is even shorter.
    In southern Finland there is often snow on the ground at
    the beginning of April, with a few crocuses poking their
    heads through the bare patches. Of all the seasons,
    spring is definitely the most versatile depending which
    part of Finland you are visiting. In the North it is
    still possible to go skiing where as South is getting
    warmer and warmer.</h2>

</div>


    <div class="container">
      <img src="https://images.pexels.com/photos/411399/pexels-photo-411399.jpeg?cs=srgb&dl=february-finland-finnish-spring-411399.jpg&fm=jpg" alt="Norway" width="100%" >
      <div class="text-block">
        <p>The ice begins to crack slowly.</p>
      </div>
    </div>


 <div class="topright"></div>
  </body>
</html>