Smile School
This project is a rebuild of the Smile School landing page using only HTML and Font Awesome icons. It focuses on semantic structure, accessibility, and preparation for later styling with CSS.
Features
-
Header & Navigation
-
Logo (placeholder image)
-
Navigation links (Course, Pricing, Login)
-
Main Sections
-
Hero Section – Headline, keywords (Smiles, Grin, Laugh), and CTA button.
-
Learn from the Pros – Grid of instructors with images and achievements.
-
Testimonial Section – Quote with person info.
-
Popular Tutorials – List of tutorials with star ratings (Font Awesome).
-
Free Membership – Grid of benefits with CTA button.
-
FAQ Section – Collapsible Q&A layout.
-
Footer
-
Logo placeholder
-
Social media icons (Facebook, Twitter, Instagram)
-
Copyright
Technologies Used
HTML5 (semantic tags:
, ,Font Awesome 6 (icons for ratings & social media)
Placeholder Images (about_me.jpg used across the design)
How to Run
Clone this repository:
git clone https://github.com/your-username/your-repo-name.git
Open index.html in your browser.
Next Steps
Add CSS styling (base.css + styles.css) for layout and responsiveness.
Replace placeholder images with real assets.
Enhance accessibility with ARIA attributes where needed.