Skip to content

HTML/SCSS/JS project. Figma to HTML project made with Scss. A landing page of the shoes shop for Puma brand 👟

Notifications You must be signed in to change notification settings

viktor-kindrat/puma-landing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

69 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Puma - Online Shoes Shop Landing Page

Welcome to the Puma Shoes Shop landing page! This project is a result of my extensive dedication and commitment. You can track my progress on this task through my Wakatime profile.

Wakatime

Introduction

This project involves the conversion of a Figma design into a functional HTML page using Scss. The landing page represents an online shoes shop for the renowned Puma brand, offering a visually appealing and interactive interface.

Features

The Puma Shoes Shop landing page incorporates the following features:

  • Scss: The project utilizes Scss (Sass) to enhance the flexibility and maintainability of the CSS code.
  • JS Interactions: JavaScript is employed to provide dynamic and interactive elements on the page, enriching the user experience.
  • One Scroll Page: The landing page is designed to be a single-scroll page, ensuring a seamless browsing experience.
  • Custom Video Player: A custom video player is implemented, enabling users to watch promotional videos or other related content.
  • Preloader (under development): The page incorporates a preloader to enhance user experience by displaying a loading animation while the content is being loaded.
  • Random User API: The landing page integrates the Random User API to showcase dynamic user information, creating a sense of personalization.
  • Bacon Ipsum API: The Bacon Ipsum API is utilized to generate placeholder text, providing realistic content examples.

Preview

You can get a sneak peek of the Puma Shoes Shop landing page by clicking on the following image:

Preview

Links

  • Open: Visit the live version of the Puma Shoes Shop landing page here.
  • Figma: Access the original Figma design of the project here.

Connect with Me

Feel free to reach out to me on various platforms:

  • LinkedIn: Connect with me on LinkedIn to explore professional opportunities.
  • GitHub: Visit my GitHub profile here to explore my other projects and contributions.
  • Instagram: Follow me on Instagram @victor_kindrat to stay updated on my creative journey.

Thank you for visiting the Puma Shoes Shop landing page!

About

HTML/SCSS/JS project. Figma to HTML project made with Scss. A landing page of the shoes shop for Puma brand 👟

Topics

Resources

Stars

Watchers

Forks