exercise 1

[Ayush3406]

<title>Exercise 1</title>

You Can Hear Or Download The Audio & Video On Addyfi

• Home
• Top Charts
• YouTube
• Library

<main>
  <h3>Audio</h3>
  <ol type="I">
    <li>
      Wanna Be Yours <audio src="wanna be yours.mp3" controls></audio>
    </li>
    <li>Tadow <audio src="tadow.mp3" controls></audio></li>
    <li>Animal <audio src="animal.mp3" controls></audio></li>
    <li>9 Am<audio src="audioforex.mp3" controls></audio></li>
    <li>Pehle Bhi Mai<audio src="pehle bhi mai.mp3" controls></audio></li>
    <li>
      Let Her Go X Husn<audio src="ley her go X husn.mp3" controls></audio>
    </li>
  </ol>

  <h3>Video</h3>
  <ol type="I">
    <li>
      Death Bed X Apa Fer Milange<iframe
        width="200"
        height="100"
        src="https://www.youtube.com/embed/VEZwQvspxtY?si=Q8k495USTH_6cmMk&amp;start=14"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
    </li>
    <li>
      Downers At Dusk<iframe
        width="200"
        height="100"
        src="https://www.youtube.com/embed/9-Vc4xmTZKk?si=SLDfOqTnCo5wqFjE&amp;start=26"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
    </li>
    <li>
      Choo Lo<iframe
        width="200"
        height="100"
        src="https://www.youtube.com/embed/sFMRqxCexDk?si=xwxBBn76YfX4j2nb&amp;start=38"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
    </li>
    <li>
      Tere Hawalee<iframe
        width="200"
        height="100"
        src="https://www.youtube.com/embed/KUpwupYj_tY?si=vjXLouKeN4OVVo7H&amp;start=52"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
    </li>
    <li>
      Rait Zara Si<iframe
        width="200"
        height="100"
        src="https://www.youtube.com/embed/aOliIfyH6vI?si=kKBX2ZqzSTKDxJ34&amp;start=76"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
    </li>
    <li>
      Tum Tak<iframe
        width="200"
        height="100"
        src="https://www.youtube.com/embed/k09uvR5eUao?si=NeAfJ7YedEVPKXDT&amp;start=85"
        title="YouTube video player"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
        referrerpolicy="strict-origin-when-cross-origin"
        allowfullscreen
      ></iframe>
    </li>
  </ol>
</main>

css

audio{
display: flex;
font-style: calc(oblique);
font-weight: 300;
color: rgb(240, 231, 231);
}
ul{
display: flex;
list-style: circle;
}
ul li{
margin-right: 20px;
font-style: oblique;
color:white ;
}
h1{
font-style: italic;
font-size: medium;
font-weight: 200;
font-family: 'Courier New', Courier, monospace;
font-variant: inherit;
color: aliceblue;
}
h3{
font-style: italic;
color: rgb(245, 246, 245);
}
main{
height: 200px;
width: 200px;
}
ol li{
font-style: oblique;
color: seashell;
}
html{
background-image: url(image1.jpg);
background-repeat: no-repeat;
backface-visibility: visible;
background-size: cover;
}