web2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS</title> <!--Cascading Style Sheet(CSS)-->
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Adding makeup !</h1>
    <p>I am here !</p>
    <p id="wow">feeling excited to explore CSS</p>
    <p>my friends & brothers : </p>
    <p class="friend" id="wow">Iqbal Hossain</p>
    <p class="friend">Sabbir Hossain</p>
    <p class="brother">Salman Rahman Nishat</p>
    <p class="friend">Junayed Hossain</p>
    <p class="friend">Shahriar Kabir</p>
    <p class="brother">Afridi Rahman</p>
    <b class="play">you can do it</b>
    <b class="play">BARCELONA is my favourite team</b>
    <b class="play">I love football</b>
    <b class="play">MESSI is my <span class="fav">only</span> favourite player</b>  <!-- span(to design a specific word or some words) -->
    <b class="play">ADDIDAS is my favourite brand</b>

    <p><img src="images\planewinview.jpg" alt=""></p>

    <h2 class="play">And you let her go</h2>
    <h2 class="play">i wish i could tell you</h2>
    <h2 class="friend neighbor">psycho</h2>
    <p>hey are you listening ?</p>

    <p> hey!
        <h2>And you let her go</h2>
        <h2>i wish i could tell you</h2>
        <h2 class="play">And you let her go</h2>
        <h2 class="friend">i wish i could tell you</h2>
    </p>

    <div class="blog">                                               <!-- div(apply  style to a group of elements) -->
        <h3>Sajek</h3>
        <p>mountain</p>
        <p>tree</p>
        <p>greenview</p>
    </div>

    <div class="blog">
        <h3>Saint Martin</h3>
        <p>It is an <a href="https://www.google.com/search?q=saint+martin&safe=strict&rlz=1C1GCEA_enBD883BD883&sxsrf=ALeKk02XdcdtqEYIpdrLRCsgwq_QOfZiHg:1587319973279&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiew5vZi_XoAhW8yzgGHZDqDqgQ_AUoAnoECBoQBA&biw=1366&bih=663#imgrc=LDki36RRGgKxtM">island</a>.</p>
        <p>Coconut tree</p>
    </div>

    <div class="blog">                                               <!-- div(apply  style to a group of elements) -->
        <h3>Sajek</h3>
        <p>mountain</p>
        <p>tree</p>
        <p>greenview</p>
    </div>

    <div class="dis">                                               <!-- div(apply  style to a group of elements) -->
        <h3>Sajek</h3>
        <p>mountain</p>
        <p>tree</p>
        <p>greenview</p>
    </div>

    <div class="dis">                                               <!-- div(apply  style to a group of elements) -->
        <h3>Sajek</h3>
        <p>mountain</p>
        <p>tree</p>
        <p>greenview</p>
    </div>

    <div class="dis">                                               <!-- div(apply  style to a group of elements) -->
        <h3>Sajek</h3>
        <p>mountain</p>
        <p>tree</p>
        <p>greenview</p>
    </div>


</body>
</html>