title	First Java Script Project
author	Matin HAB
tags	practice html-css-javascript
date	2025-02-25

JavaScript-HTML-CSS Practice Project

Table of Contents

• Introduction
• Todo List
• Goals
• Features
• How to View
• Project Preview

Introduction

This project is First practice project for reviewing and practicing JS language with HTML-CSS. In this project, I tried to implement a home page, although the main focus was on use JS for custom animations and lazy loading and calling OSM for api map.

Todo List

• ✅ Header
  • ✅ Design Guide Structure & HTML
  • ✅ CSS Styles (Colors, Shadows, Transitions, ...)
• ✅ Body
  • ✅ Design Guide Structure & HTML
  • ✅ CSS Styles (Colors, Shadows, Transitions, ...)
  • ✅ New Animations
• ✅ Footer
  • ✅ Design Guide Structure & HTML
  • ✅ CSS Styles (Colors, Shadows, Transitions, ...)
  • ✅ New Animations
• ⚪ Responsive Design
• ✅ Js Script

Goals

The goal of this practice was to write JS and practice how can JS use for frontend.

Features

• JavaScript
• Lazy Loading
• HTML5
• CSS
• Flex Box
• Animation

How to View

Check it here

Project Preview