My Responsive Webpage

Blog Post

Designed a single HTML file that represents a blog post. Included a title, publication date, and author name. Added sections for an introduction, main content (with a list), and a conclusion. Inserted at least one image and a "Read More" link at the end. And also used semantic HTML tags to structure the layout properly.

View page
Blog Post

Product Card

Designd a product card using HTML and CSS. Included an image, product name, price, and an "Add to Cart" button. Styled the card with CSS to ensure proper alignment and added hover effects to the button for a polished look.

View page
Blog Post

Webpage Layout

Designed a webpage with four sections: a header, a sidebar, a main content area, and a footer. Used CSS to make the layout responsive, ensuring it looks good on all screen sizes. Applied media queries to switch between a grid layout for desktops and a stacked layout for mobile devices

You're already here
Blog Post

Quiz App

Created a quiz application using JavaScript with at least 3 multiple-choice questions. Added functionality to move to the next question and display the score at the end. And then ensured users cannot proceed without selecting an answer by adding basic validation.

View page
Blog Post

To-Do List App

Created a to-do list application using HTML, CSS, and JavaScript. Included features to add, edit, delete, and mark tasks as completed. Used CSS to style the app and made it responsive for different screen sizes.

View page
Blog Post

Web Clone

Cloned a simple webpage, like a product or company landing page, and recreated its layout and design using HTML and CSS. Added interactivity with JavaScript, such as a button or form functionality, to make it more dynamic

View page
Blog Post