Layout/Index.html at main · LolloGro/Layout · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Test layout</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
    <script defer src='main.js'></script>
</head>

<body>
    <div class="myDiv">
        <h1 class="myHeader">Try new things and enrich your life</h1>
        <span class="mySpan"></span>
        <img class="picture" src="Bild.jpg" alt="a rock with mos">
        <img class="picture1" src="Bild 1.jpg" alt="rosling en växt i familjen ljungväxt">
        <img class="picture2" src="Bild 2.jpg" alt="overlooking trees infront of a lake">
        <img class="picture3" src="Bild 3.jpg" alt="old stump with mos">
        <img class="picture4" src="Bild 4.jpg" alt="lizzard on a rock">
        <form name="formInput" class="myForm">
            <p>List new things to try:</p>
            <input class="myInput" type="text">
            <button type="submit" class="myButton">OK</button> <!-- changed from button to submit-->
            <small class="noInput">Add new things to do</small>
            <ul class="myList"></ul>
        </form>
        <p class="myP1">It's fun to test new things</p>
        <p class="myP2">“You will enrich your life immeasurably if you approach it with a sense of wonder and discovery, and always challenge yourself to try new things.” - Nate Berkus</p>
        <p class="myP3"></p>
        <p class="myP4"></p>
    </div>
</body>

</html>