<!DOCTYPE html>
<html>
<body style="margin: 0; padding: 0; height: 100vh; display: flex; flex-direction: column;">
<div style="flex: 1; display: flex;">
<div style="flex: 1; display: flex; align-items: center; justify-content: center;background-color: yellow">
<iframe src=" C:\Users\rohan\Downloads\go-online-tools-image-resizer (3).png"
style="border: none;"></iframe>
</div>
<div style="flex: 1; background-color: orange; display: flex; flex-direction: column; justify-content: center; align-items: center;">
<!-- Your audio player here -->
<audio controls style="width: 100%; margin-bottom: 10px;">
<source src="http://commondatastorage.googleapis.com/codeskulptor-demos/DDR_assets/Sevish_-__nbsp_.mp3"
type="audio/mp3">
Your browser does not support the audio element.
</audio>
<!-- Hyperlink -->
<a href="https://infotalkwithrohan.blogspot.com/" style="color: blue; text-decoration: underline;">Click me</a>
</div>
</div>
<div style="flex: 1; background-color: lightblue; display: flex; align-items: center; justify-content: center; overflow: hidden;">
<!-- Your video player here -->
<video controls width="80%" style="max-height: 100%;">
<source src="http://media.w3.org/2010/05/sintel/trailer.mp4">
Your browser does not support the video tag.
</video>
</div>
<!-- Footer -->
<div style="text-align: center; background-color: #111; color: white; padding: 10px;">
Rohan Gupta (00396307222)
</div>
</body>
</html>
Exp-4 WT
May 14, 2024
0
GUYS IF YOU HAVE ANY DOUBT. PLEASE LET ME KNOW