First-html/index.html at main · rayhan138/First-html · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<html>

<head>
    <title> On the way to learn HTML </title>
</head>
<style>
    #yaa {
        border: 5px solid red;
        border-radius: 50%;
    }

    .Gul {
        border-bottom-left-radius: 15%;
    }

    .monters {
        font-size: 100px;
        color: aqua;
        border: 10px solid red;
        border-radius: 50px;
        padding: 29px;
        background-color: black;
        width: 400px;
        height: 200px;
        margin-left: 100px;

    }
    #div1 {
        color: rgb(226, 137, 21);
    }
    #highilight {
     color: brown;
     font-style: italic;
     }
</style>

<body>
    <img src="1m.png" alt="The head od a moster" height="100px" width="100px" />
    <img class="Gul" src="1m.png" alt="The head od a moster" height="100px" width="100px" />
    <img class="Gul" src="1m.png" alt="The head od a moster" height="100px" width="100px" />
    <img id="yaa" src="1m.png" alt="The head od a moster" height="100px" width="100px" />

    <h2 class="monters"> Monters Head </h2>
<div id="div1">
    <h1> Monsters anywhere</h1>
    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. A molestiae cumque vero sunt ex provident, cupiditate
        nulla praesentium similique placeat fugit neque perspiciatis tenetur vitae. Recusandae quis, tempore autem
        asperiores, labore ad dolore laboriosam voluptate perspiciatis nulla magnam, sint laborum odio consequuntur
        doloremque? Hic consequuntur obcaecati nostrum quis delectus quaerat dolores expedita autem dolore, atque
        eveniet quam perferendis! Quae optio maxime, esse cumque quidem ea aperiam perferendis, iusto adipisci tempora
        sequi. Rem asperiores facere quae pariatur incidunt, corrupti odio esse ex? Explicabo corrupti fugiat autem
        earum illo saepe dicta deleniti enim obcaecati, voluptatibus culpa expedita possimus nam commodi eos, qui vel
        modi rem soluta? Est laudantium iste eveniet in cum dignissimos distinctio. Voluptate, molestiae animi.
        Temporibus facilis itaque unde. Mollitia distinctio eaque molestias cum eveniet assumenda beatae animi vero
        iure, odit sunt minima. Aspernatur dicta sed et corrupti dolor consectetur! Magni earum totam at? Ipsa iusto
        earum voluptas necessitatibus odit, soluta animi quaerat beatae quae iure excepturi dolorum id enim fugiat
        architecto vero modi est doloremque nesciunt! Cum voluptatem commodi nihil! Aliquid, natus a. Qui rerum, harum
        voluptatibus id reprehenderit fugit consequuntur blanditiis quas perferendis animi? Nulla, dolor? Corrupti enim,
        doloremque veniam iusto hic quam, iure necessitatibus voluptatem dolorum maxime neque eos totam quibusdam
        molestias! Explicabo culpa nam sunt voluptatum dicta voluptatem doloribus sapiente tempore magnam, dolorem,
        nihil vitae, laborum quisquam odit nemo. In, ea? Quibusdam vel laudantium asperiores sint incidunt
        exercitationem perspiciatis possimus quas, corporis eligendi. Nam assumenda veritatis ipsum expedita, voluptates
        dolorem exercitationem unde, tempora dignissimos adipisci delectus! Consectetur ab perspiciatis suscipit
        aspernatur voluptatem reiciendis quam soluta quaerat omnis nam expedita dolorem libero quod commodi nobis
        ratione, beatae veritatis nihil, harum quidem, odio tenetur a quasi officia. Repellat autem vitae culpa adipisci
        similique nobis tempore alias voluptatibus, commodi, incidunt suscipit voluptas delectus harum officiis
        reprehenderit. Et non ipsum voluptatibus corporis? Animi, consequatur delectus! Minus voluptate consectetur
        dolorem fuga. Maiores laborum eveniet numquam unde rerum nemo libero quasi veritatis enim expedita cum, ab id
        quibusdam magnam corrupti saepe et sint quae impedit error nostrum? Assumenda, perferendis iste delectus libero
        nulla earum eveniet esse eius ducimus id sint animi quas illo labore. Ullam rerum perspiciatis animi quaerat
        ipsam repudiandae, earum facilis doloremque, ratione consectetur natus a ut provident aliquid, odit iure!
        Suscipit deleniti, minus voluptatibus facilis, aliquam magnam debitis rerum reiciendis totam vel sunt quo
        consequatur ex exercitationem, obcaecati corrupti? Nam minus fuga ex ad inventore maxime error, quisquam ratione
        reiciendis molestias vitae blanditiis in, velit veniam? Perspiciatis, cumque. Corrupti, officiis. Eos dolor
        totam quas magni culpa necessitatibus minima doloribus, esse nam inventore, accusantium, numquam accusamus iusto
        consequatur impedit labore voluptas debitis neque libero dolores? Cupiditate rem exercitationem eveniet culpa.
        Perspiciatis alias sequi quibusdam aut error obcaecati recusandae id voluptate non! Ullam incidunt porro
        assumenda, consectetur aliquam consequatur sequi, ab, dolor sunt repellendus necessitatibus esse modi
        repudiandae. Praesentium nulla ad reprehenderit odit odio quisquam, aspernatur autem fugit molestias enim
        perferendis ut soluta labore, dolor ex natus voluptatum repellendus deserunt placeat sequi quidem at? Voluptatum
        id, eius eaque molestiae accusantium asperiores fuga repellendus dignissimos veniam magnam libero vitae dolorem,
        corporis corrupti dolor ab omnis temporibus nulla hic, impedit consectetur dolores repellat. Earum, veritatis?
        Corporis harum placeat ullam, hic fuga quae dolore quia eius totam aspernatur doloremque inventore reiciendis
        praesentium laborum accusantium consequatur! Facilis ratione, impedit cumque dolores ex nulla cupiditate, porro
        eligendi consectetur laborum culpa aliquam, tempore ad alias laboriosam similique quibusdam voluptas assumenda.
        Rerum repudiandae temporibus voluptates tempora ullam eum in dignissimos beatae incidunt ut distinctio nihil
        odit accusamus dolore quidem quam magni corporis odio, explicabo consequatur hic consequuntur veniam? Culpa
        suscipit perferendis nisi quos. Incidunt laudantium totam obcaecati aspernatur.</p></div>

<section>
    <h1>catch a monster</h1>
    <article>Lorem ipsum dolor sit <span id="highilight">  amet consectetur adipisicing elit. </span> Cupiditate delectus dicta vel cum vero quisquam aspernatur nostrum facere nam ratione!</article>
</section>


    </body>

</html>