Scribd
Upload
9 views

Template for Computer

The document is a portfolio for Bethel International School for the 2025-2026 academic year, featuring a hero section with an image and welcoming text. It emphasizes the importance of providing the best care for dogs and encourages exploration of services and products. The document also includes basic HTML structure and styling for a website layout.

Uploaded by

ellekim228
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
9 views

Template for Computer

The document is a portfolio for Bethel International School for the 2025-2026 academic year, featuring a hero section with an image and welcoming text. It emphasizes the importance of providing the best care for dogs and encourages exploration of services and products. The document also includes basic HTML structure and styling for a website layout.

Uploaded by

ellekim228
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Bethel International School

2025-2026

Portfolio
DOCUMENTATION

Cord Ian Moraleta Cord Ian Moraleta


student Teacher
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hero Section</title>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: Arial, sans-serif;
}

.hero {
width: 80%;
margin: 50px auto;
overflow: hidden; /* Clearfix to contain floated elements */
flex: 1;
}

.hero img {
float: left;
width: 40%;
border-radius: 10px;
}
.hero-text {
float: right;
width: 55%;
}
h1 {
font-size: 2rem;
margin: 0;
}

p{
font-size: 1.2rem;
color: gray;
}

/* Footer styles */
.footer {
background: #333;
color: white;
text-align: center;
padding: 10px;
margin-top: auto;
}
</style>
</head>
<body>

<div class="hero">
<img src="https://placedog.net/500/300" alt="Cute Dog">
<div class="hero-text">
<h1>Welcome to Our Site</h1>
<p>Your best friend deserves the best care. Explore our services and find
the perfect products for your dog.</p>
</div>
</div>

<footer class="footer">
&copy; 2025 My Website | All Rights Reserved
</footer>

</body>
</html>

You might also like