Scribd
Upload
7 views2 pages

Hands-On Activity #2

This document is an HTML template for a performance task titled 'CLVE and ICT' created by Kazumi M. Cabungcal for Grade 9 - St. Augustine at Notre Dame of Greater Manila. It includes a description section, images, and a video element. The layout is styled using CSS for a clean presentation.

Uploaded by

kmcabungcal52
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
7 views2 pages

Hands-On Activity #2

This document is an HTML template for a performance task titled 'CLVE and ICT' created by Kazumi M. Cabungcal for Grade 9 - St. Augustine at Notre Dame of Greater Manila. It includes a description section, images, and a video element. The layout is styled using CSS for a clean presentation.

Uploaded by

kmcabungcal52
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

Hands-On Activity #2

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CABUNGCAL_PT</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.content {
display: flex;
align-items: flex-start;
}
.text {
flex: 1;
}
.images {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
img {
width: 180;
margin: 10px 0;
}
video {
width: 100%;
margin: 20px 0;
display: flex;
}
footer {
margin-top: 20px;
font-size: 0.8em;
color: gray;
}
</style>
</head>
<body>
<h1>PERFORMANCE TASK: CLVE and ICT</h1>
<div class="content">
<div class="text">
<p>Description about the video</p>
</div>
<div class="images">
<img
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxITEhUTExMVFhUWGBk
XGBUXFxUVFxcdFhgY.jpg" alt="Placeholder Image 1">
<img
src="https://i.pinimg.com/originals/c3/21/63/c32163429ba7536590555520aec3f81f.jpg"
alt="Placeholder Image 2" width="290">
</div>
</div>
<div>
<video controls>
<source src="https://www.w3schools.com/html/mov_bbb.mp4"
type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<footer>
<p>Creator: Kazumi M. Cabungcal
<br>Grade and Section: 9 - St. Augustine
<br>School: Notre Dame of Greater Manila
<br>Thank you! I hope you enjoyed it.
</p>
</footer>
</body>
</html>

You might also like