Adaptive markup of a car dealership website by Denis EfremovAdaptive markup of a car dealership website by Denis Efremov

Adaptive markup of a car dealership website

Denis Efremov

Denis Efremov

There was a task

Need to make a markup for a car dealership website using a Figma layout.

Project Description

The work was done on HTML, CSS, JS, FA-icons (added fontawesome icons), WOW JS (added appropriate animations at the moments of page scrolling). Made several slick sliders. In the process of markup, I used Flexbox and grid to create a reliable structure of the site and high-quality adaptivity. Interestingly implemented the burger menu. Adapts to mobile devices up to 320px.

Project links:

Stages of development

✅ Downloaded the design layout and opened a duplicate design layout in Figma.
✅ Copied and opened my starter template to get started
✅ To work with icons, I connected the library Fontawesome
✅ Next I used a ruler to define the bounding container and the height of the Header and Footer.
✅ Next, I identified all the fonts used in the layout and connected them to my project.
✅ Next I started the markup Header and Footer.
✅ Next I did the markup of 2 pages

Results

The result is a reliable, cross-browser, adaptive website ready to be installed on any modern content management system.
Did the job in 2 days. Approximate cost $170.
Like this project

Posted Nov 30, 2024

Car dealership website markup, made using Figma design layout