Miple1.github.io/index.html at main · Miple1/Miple1.github.io · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
	    <link rel = "stylesheet" type = "text/css" href = "styles.css"/>
	    <meta name = "description" content = "MyFristSite">
        <title> MyHTMLsite </title>
    </head>
    <body>
        <div class="container">
            <h1>Hello world!</h1>
            <img class="logo" src="unicorn.png" type="png" alt="Unicorn">
            <p class="topic">he unicorn is a legendary creature that has been described since antiquity
                as a beast with a single large, pointed, spiraling horn projecting from its forehead.
                In European literature and art, the unicorn has for the last thousand years or so been depicted
                as a white horse-like or goat-like animal with a long straight horn with spiralling grooves,
                cloven hooves, and sometimes a goat's beard. In the Middle Ages and Renaissance,
                it was commonly described as an extremely wild woodland creature, a symbol of purity and grace,
                which could be captured only by a virgin. In encyclopedias,
                its horn was described as having the power to render poisoned water potable and to heal sickness.
                In medieval and Renaissance times, the tusk of the narwhal was sometimes sold as a unicorn horn.

            </p>
            <div class="ribbon">
                <div class="item">
                    <p class="item_text">Item 1</p>
                </div>
                <div class="item">
                    <p class="item_text">Item 2</p>
                </div>
                <div class="item">
                    <p class="item_text">Item 3</p>
                </div>
                <div class="item">
                    <p class="item_text">Item 4</p>
                </div>
                <div class="item">
                    <p class="item_text">Item 5</p>
                </div>
                <div class="item">
                    <p class="item_text">Item 6</p>
                </div>
                <div class="item">
                    <p class="item_text">Item 7</p>
                </div>
            </div>
        </div>
    </body>
</html>