Introduction
- Welcome
- What you need to get started
Setting up website structure
- Start building our website
- Setting up basic website structure
- Preparing images for our project
- Adding the main banner
- Adding logo to the navigation bar
- Choosing font for our website
- Adding menu to the navigation bar
- Learning Flexbox
- Using flexbox to format nav layout
- Improving main menu
- Adding header text
- Adding arrow button to header
- Creating About us section
- Adding icons to About us section
- Creating Gallery section
- Adding effects to gallery images
- Adding Testimonials section
- Styling Testimonials section
- Adding arrow navigation to Testimonials
- Adding Contact section
- Styling submit button
- Adding Footer
- Website current state overview
Adding interactions to website
- Using Javascript to add interactions to our page
- Setting up main JS file
- Changing navigation background on scroll
- Adding click event to navigation items
- Adding scroll to section
- Making testimonials changeable
- Opening larger image on gallery image click
- Styling popup image
- Closing popup image
Making website responsive
- Making our website responsive
- Explaining Viewport meta tag
- Setting CSS structure for responsive code
- Adding first responsive code
- Creating mobile navigation
- Styling mobile navigation
- Adding menu toggle button
- Finishing mobile navigation
- Styling for smallest screens
Conclusion
- Preview of finished website
- Next steps
- Thank you
