My Pet’s Stories

About The Project:

We all love our pets! They are our best friends, bringing joy and happiness into our lives. In this project, we will create a Pet Profile Page using HTML & CSS to share our pets’ pictures and stories.

You can enhance the project by adding a gallery, interactive features like a ‘Like’ button, or even an option to download images.

Technologies Used:

HTML – To structure the webpage.
CSS – To style and enhance the page layout.
IDE: EduBlocks HTML

1. Set up the Page

Create a new HTML project.
Use the HTML block to add <html>, <head>, and <body>.

2. Create the Pet Profile

Add a <h1> tag for the title: “My Pet’s Story”.
Use an <img> tag to insert the pet’s picture (use a URL or upload).
Add <p> tags for pet details (Name, Age, Breed).
Write the pet’s story inside another <p> tag.

3. Style with CSS

Use a <style> tag inside <head>.
Set background-color, font-size, and text-align.
Apply border-radius and box-shadow to images for a neat look.

4. Optional Enhancements

Add a <button> below the profile for a “Like” feature.
Use multiple <img> tags to create a simple gallery.