Kadir Karabacak Logo
Kadir Karabacak

Natours-Page

In this project, I created a website Natours-Page. This site was created to better understand float, an old CSS feature, and grid structures, a current feature.

Project Image

Natours-Page

In this application, i created a Natours-Page site based on my HTML5, CSS3, SCSS and Javascript experience.

What features does this site have ?
↪   Clipped sections for a modern look.
↪   Hamburger menu which has expanding effect onclick.
↪   "::before", "::after" pseudo elements on buttons.
↪   "Skewed" headings.
↪   "Flip card" components using transform property.
↪   "Image overlay" component.
↪   "Modal" component using CSS.
↪   "Form" component using CSS.
↪   Each image and icon has a lower quality version of itself. These images are used to increase performance for devices with smaller screens.

Feel free to check out the Project by visiting the Live Link.

Tools Used

HTML
CSS
SCSS
JavaScript
GIT
Github
Vercel