- This project is intended to build a webpage based on Figma designer files Homepage Pricing Courses
- The purpose of this project is to utilize HTML/CSS/Accessibility/Responsive/Bootstrap design knowledge.
- Build a website that is fully responsive on desktop(
1400px
), tablet(768px
), and moblie(480px or less
) devices.
0-homepage.html
: Set up the project page starting with header/hero section and responsive navigation menu.1-homepage.html
: Carousel of quotes.2-homepage.html
: “Most popular tutorials” section. Carousel component of Bootstrap, create this Carousel of video cards.3-homepage.html
: “Free membership” section4-homepage.html
: Copy the block “Most popular tutorials” to “Latest videos”homepage.html
: finalizing the homepage with responsive footer0-pricing.html
: Set up the pricing web page with the header/hero piece and responsive navigation menu1-pricing.html
: the prices grid2-pricing.html
: the Carousel of quotes, Same as the Homepage3-pricing.html
: the FAQ gridpricing.html
: finalizing the pricing page with responsive footer0-courses.html
: Set up the courses web page with the header/hero piece andresponsive navigation menu1-courses.html
: the search filters section and form group2-courses.html
: the result section of coursescourses.html
: finalizing the courses page with responsive footerstyles.css
: css file for additional styling elements on 3 web pages/fonts
and/images
folders