This repository contains a polished landing page template focused on clarity, modern typography, and responsive layout. The project is lightweight (pure HTML/CSS) and intended as a starting point for small marketing or product pages.
Key highlights
- Responsive hero and content sections with a clean, centered layout.
- Improved typography, spacing, and visual hierarchy.
- Card-style testimonials and a soft shadow system for depth.
- Accessible forms and semantic markup for straightforward customization.
What I changed
- Fixed markup issues in the testimonials (missing closing tags).
- Added a
containerutility for consistent centered layout. - Introduced CSS variables, refined color palette, improved buttons and shadows.
- Added responsive media queries for tablets and phones.
How to view locally
- Clone the repository (if you haven't already):
git clone <repo-url>
cd assignment-1- Open
index.htmldirectly in a browser, or run a simple local server:
# Python 3
python -m http.server 8000
# then open http://localhost:8000Customization notes
- Fonts: The project uses Google Fonts (
InterandRaleway) — change the link in the head to switch fonts. - Colors: Update
:rootvariables instyle.cssto adjust the palette quickly. - Sections: Each major area uses semantic tags (
header,main,section,footer) for easy re-ordering.
Publishing
- The repo is already connected to a remote and changes have been pushed. To publish via GitHub Pages, enable Pages in the repository settings and set the source to the
mainbranch root.
Want more?
- I can add a small build step (PostCSS/Autoprefixer), a basic GitHub Actions workflow to deploy to Pages, or convert the layout into a component-based starter (React/Vue). Tell me which you'd prefer.