Practice/Family.html at main · Craigm84/Practice · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Family</title>
</head>

<body>
    <Main>
        <article>
            <header>
                <h1>Intro to my Family</h1>
            </header>
            <section>

                <h4>My Wife - Ria</h4>
                <img id="Ria"
                    src="https://media.istockphoto.com/photos/norwegian-troll-picture-id162595160?k=6&m=162595160&s=612x612&w=0&h=inoKGGNn2HMizFA7euYZMckjwo2zR-gKUFlqevH0QPM="
                    alt="Not my actual wife" width="5%"><br>
                Sit amet, consectetur adi Lorem ipsum dolorpiscing elit, sed do eiusmod tempor incididunt ut labore et
                dolore magna aliqua. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Diam volutpat commodo
                sed egestas. Tortor consequat id porta nibh venenatis cras sed felis. Quam id leo in vitae turpis massa
                sed elementum tempus. Diam quis enim lobortis scelerisque fermentum dui faucibus. Congue eu consequat ac
                felis. Faucibus pulvinar elementum integer enim neque volutpat ac. Elementum tempus egestas sed sed.
                Felis eget velit aliquet sagittis. Aliquet porttitor lacus luctus accumsan tortor posuere ac. Praesent
                elementum facilisis leo vel fringilla est ullamcorper eget. Lacus viverra vitae congue eu consequat ac
                felis donec et. Nisi est sit amet facilisis magna etiam. Nunc vel risus commodo viverra maecenas
                accumsan lacus vel. Est placerat in egestas erat imperdiet sed euismod nisi porta. Suspendisse ultrices
                gravida dictum fusce ut placerat orci nulla pellentesque.
            </section>
            <section>
                <h4>My Son - Joshua</h4>
                <img id="Joshua" src="Joshua.png" alt="Joshua" width="10%"><br>
                Imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Neque laoreet suspendisse interdum
                consectetur libero. Laoreet suspendisse interdum consectetur libero. Odio euismod lacinia at quis risus
                sed vulputate odio ut. In iaculis nunc sed augue. Suspendisse in est ante in nibh mauris. Curabitur
                gravida arcu ac tortor dignissim convallis. Tristique nulla aliquet enim tortor at auctor urna.
                Tincidunt praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Tempus iaculis urna id
                volutpat lacus laoreet non curabitur. Sed turpis tincidunt id aliquet. Hac habitasse platea dictumst
                quisque sagittis.
            </section>
            <section>
                <h4>My Son - Oliver</h4><br>
                <img id="Oliver" src="Oliver.png" alt="Oliver" width="10%"><br>
                Luctus accumsan tortor posuere ac ut consequat semper viverra. Malesuada pellentesque elit eget gravida.
                Consequat nisl vel pretium lectus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis
                feugiat. Ante in nibh mauris cursus mattis molestie a iaculis. Massa vitae tortor condimentum lacinia.
                Ultrices gravida dictum fusce ut placerat. Aliquam etiam erat velit scelerisque in dictum non
                consectetur a. Sit amet venenatis urna cursus eget nunc scelerisque. Donec ultrices tincidunt arcu non
                sodales neque sodales. Nisi est sit amet facilisis magna etiam tempor orci. Aliquam ultrices sagittis
                orci a. Diam ut venenatis tellus in. Eleifend quam adipiscing vitae proin sagittis. Amet nulla facilisi
                morbi tempus. Ac tortor dignissim convallis aenean et tortor. Non diam phasellus vestibulum lorem sed
                risus ultricies. Enim tortor at auctor urna nunc id cursus metus. Vel pharetra vel turpis nunc eget
                lorem dolor.
            </section>
            <br>
            <footer>Bye</footer><br>
        </article>
    </Main>

    <label for="">Who is my Favourite</label><br><br>
    <label for="">Ria</label>
    <input type="radio" name="My Radio" id="">
    <label for="">Joshua</label>
    <input type="radio" name="My Radio" id="">
    <label for="">Oliver</label>
    <input type="radio" name="My Radio" id="">
    <br><br>
    <a href="#">Back to top</a>
    <a href="#Ria">Ria</a>
    <a href="#Joshua">Joshua</a>
    <a href="#Oliver">Oliver</a>
</body>

</html>