0xabdulkhalid / four-card-feature-section

An exercise/assessment which was submitted with additional features and tweaks that aspires everyone..✨

Home Page:https://0xabdulkhalid.github.io/four-card-feature-section/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Four card feature section

This is a solution to the Four card feature section challenge on Frontend Mentor



Preview


Links


Built With

  • HTML5
  • CSS3
  • JavaScript
  • ScrollReveal
  • Swiper

Tools Used

  • Shell Script
  • Figma
  • Arch
  • Google
  • Visual Studio Code

Outcome

  • Used HTML5 semantic elements for better accessability and readability
  • Used Js libraries for animations and transitions
  • Used Git and GitHub for project management
  • Tried to maintain clean code
  • Used media queries for responsive design
  • Cross tested on Firefox and Chromium based browsers

What I learned

  • Usage of Swiper.js to get realistic effects
  • Usage of ::before & ::after pesudoclasses in css
  • Usage Figma for designing cover images
  • A lot of minor things

Acknowledgment


Contact


About

An exercise/assessment which was submitted with additional features and tweaks that aspires everyone..✨

https://0xabdulkhalid.github.io/four-card-feature-section/

License:MIT License


Languages

Language:CSS 55.3%Language:HTML 38.7%Language:JavaScript 5.9%