Group-7 Andrea Quinn Michelle
//
Goal: Practice basic HTML structure and text formatting.
Instructions: Create an index.html file with a header containing the student’s name and a short tagline. Add a section for a short bio paragraph (2–3 sentences). Include a list of three hobbies or interests using an unordered list. Add a link to an external website related to one of the hobbies. Add simple CSS: set a background color, choose a font family and adjust text size, and center the header text. Learning Focus: Semantic HTML tags, text formatting, and basic CSS selectors. / */*
Goal: Learn basic layout techniques with CSS Flexbox.
Instructions: Create a web page with two columns: Left column (vertical navigation menu with at least three links) and Right column (main content with a heading and two paragraphs). Use a container div with display:flex to position the columns. Give the navigation a fixed width and a contrasting background color. Add hover effects to the navigation links. Learning Focus: Flexbox, spacing (margin/padding), link styling (:hover), and color use. / */*
Goal: Combine HTML structure with CSS styling and box model.
Instructions: Build a product card component: a product image, product name as a heading, short description paragraph, and a “Buy Now” button (just a styled link or button, no JavaScript). Add a border, border-radius, and box-shadow to make the card stand out. Set a max-width (e.g., 300 px) and center it on the page. Use :hover on the button to change background color. Learning Focus: Box model, borders, shadows, responsive sizing, and button styling. /