Batch FSR060523 Session 3 Practice

@drishtinayak2828-TA

<title>
    SESSION 3
</title>

<style>
    div {
        background-color: blanchedalmond;
        height: 300px;
        width: 400px;
        margin: 10px;
        border: 10px double black;
    }

    
      #abc {
        color: brown;
    }

    #xyz {
        color: blue;
    }

    #pqr {
        color: green;
    }

    .odd {
        color: darkcyan;
        background-color: darkolivegreen;
    }

    .even {
        color: ivory;
        background-color: hotpink;
    }
</style>
<h5>ONLINE SHOPPING</h5>
    <ul id="Demo4">
        <li>
            <a href="https://www.myntra.com/shop/men" target="_blank">Men</a>
        </li>
        <li>
            <a href="https://www.myntra.com/women" target="_blank">Women</a>
        </li>
        <li>
            <a href="https://www.myntra.com/shop/kids" target="_blank">Kids</a>
        </li>
        <li>
            <a href="https://www.myntra.com/shop/home-living" target="_blank">Home & Living</a>
        </li>
        <li>
            <a href="https://www.myntra.com/personal-care" target="_blank">Beauty</a>
        </li>

    </ul>
    <h5>USEFUL LINK</h5>
    <ol>
        <li>
            <a href="#Demo1">Blog</a>
        </li>
        <li>
            <a href="#Demo2">Site Map</a>
        </li>
        <li>
            <a href="#Demo3">Contact</a>
        </li>

    </ol>
    <section id="Demo1">
        <h1>This is Blog Section</h1>
        <img src="img2.jpg" height="125" width="180"
    </section>


    <section id="Dwmo2">
        <h1>This is Site Map Section</h1>
        <img src="img6.jpg" height="125" width="180"
    </section>


    <section id="Demo3">
        <h1>This is contact Section</h1>
        <img src="../Assissgment/img5.jpg" height="125" width="180"
    </section>


            <a href="#Demo4">
                <button>GO UP</button>
            </a>

        <p style="background-color: aquamarine;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna aliqua.</p>

        <P style="background-color: aquamarine;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna aliqua.</P>
        
        <P style="background-color: aquamarine;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna aliqua.</P>
        <div style="background-color: bisque;">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna aliqua
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna aliqua
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
            magna aliqua
            </p>
       </div> 
<div>
    Section 1
</div>

<div>
    Sestion 2
</div>

<div>
    Sestion 3
</div>

<div>
    Sestion 4
</div>

<h2 id="abc">Demo Heading 1</h2>
<h2 id="xyz">Demo Heading 2</h2>
<h2 id="pqr">Demo Heading 3</h2>


<h2 class="odd">1</h2>
<h2 class="even">2</h2>
<h2 class="odd">3</h2>
<h2 class="even">4</h2>
<h2 class="odd">5</h2>
<h2 class="even">6</h2>

<p class="odd">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
    et dolore
    magna aliqua</p>
<button class="even"> Order Now</button>
3 Likes

Amazing @beherasunil385

1 Like

well done sunil :ok_hand:t2: :ok_hand:t2: :ok_hand:t2: :ok_hand:t2: :ok_hand:t2: :ok_hand:t2:

1 Like