@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