______               _______ _                 __          __  _       _____           _           _   
 |  ____|             |__   __(_)                \ \        / / | |     |  __ \         (_)         | |  
 | |__ _ __ ___  ___     | |   _ _ __ ___   ___   \ \  /\  / /__| |__   | |__) | __ ___  _  ___  ___| |_ 
 |  __| '__/ _ \/ _ \    | |  | | '_ ` _ \ / _ \   \ \/  \/ / _ \ '_ \  |  ___/ '__/ _ \| |/ _ \/ __| __|
 | |  | | |  __/  __/    | |  | | | | | | |  __/    \  /\  /  __/ |_) | | |   | | | (_) | |  __/ (__| |_ 
 |_|  |_|  \___|\___|    |_|  |_|_| |_| |_|\___|     \/  \/ \___|_.__/  |_|   |_|  \___/| |\___|\___|\__|
                                                                                       _/ |              
                                                                                      |__/               

❯ REPLACE-ME

Table of Contents

• Overview
• Features
• Demo
• Project Structure
• Getting Started
  • Installation
• Contributing
• License

---

Overview

This is my first web page project — a small collection of HTML/CSS/JavaScript examples and components that demonstrate basic web features such as an admin panel, core site structure, file upload, and a live video demo. HTML: 70.1% JavaScript: 18.6% CSS: 11.3%

---

Features

- Admin Panel/ — Simple admin panel UI examples. - Core part of a website/ — Core pages and utilities for the site. - Core part of a website/Upload/ — File upload examples, including an "Upload With Section" demo. - Clean, simple HTML prototypes for learning and iteration. - Client-side JavaScript interactions and small demos. - Instructions for running the demos locally and deploying to GitHub Pages.

---

Demo

• 3D Rotating Slider Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/3D%20Rotating%20Slider%20Animation/index.html

• Admin Panel

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/index.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/Admin_profile.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/All%20Admin.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/Location%20%26%20Log.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/Login%20%26%20security.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/LoginAdmin.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/Movies.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/Resevation.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/Setting.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/User.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Admin%20Panel/my%20setting.html

• Ambient Backgrounds

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Ambient%20Backgrounds/index2.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/Ambient%20Backgrounds/index4.html

• Apex Parts

  • Apex_Head
  • Buttonn & Flipping text
  • Drag & drop section
  • Flipping Text Hero Section
  • Icon list & Counter
  • Icon section
  • Live clock and footer
  • Service section
  • Untitled-1
  • price section
  • privacy
  • terms
  • video section with flipping text
  • vision section
  • vistion section 2
  • work

• Auto Slide Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Auto%20Slide%20Animation/index.html

• Core part of a website

  • (no direct .html detected at top-level of this folder; subfolders exist)

• Curser Trail Animations

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Curser%20Trail%20Animations/index.html

• Delivery Truck Loading

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Delivery%20Truck%20Loading/index.html

• GSAP-Animation-Home-Page-main

  • https://himanthathathsara.github.io/Free-Time-Web-Project/GSAP-Animation-Home-Page-main/Index%20Gsap.html

• Hover Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Hover%20Animation/index.html

• Image Reveal Animetion

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Image%20Reveal%20Animetion/index.html

• Interactive Grid with Blurring Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Interactive%20Grid%20with%20Blurring%20Animation/index.html

• Interactive Image Carousel with Drag-to-Scroll Function

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Interactive%20Image%20Carousel%20with%20Drag-to-Scroll%20Function/index.html

• Interactive Image Zoom Effect with CSS and JavaScript

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Interactive%20Image%20Zoom%20Effect%20with%20CSS%20and%20JavaScript/index.html

• JJK Landing Page

  • https://himanthathathsara.github.io/Free-Time-Web-Project/JJK%20Landing%20Page/index.html

• Menu Animation Hover Respons

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Menu%20Animation%20Hover%20Respons/index.html

• Menu Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Menu%20Animation/index.html

• Menu Bar Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Menu%20Bar%20Animation/index.html

• Modern Component

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Modern%20Component/index.html

• Multi Layer Page Effect

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Multi%20Layer%20Page%20Effect/index.html

• My Second - Protfolio

  • https://himanthathathsara.github.io/Free-Time-Web-Project/My%20Second%20-%20Protfolio/Dennis-Snellenberg-main/index.html

• OnScroll Image Animation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index%202.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index%203.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index%204.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index%205.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index%206.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/OnScroll%20Image%20Animation/index%207.html

• Password Generator

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Password%20Generator/index.html

• Profile

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Profile/index.html

• Protfolio Template

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Protfolio%20Template/tset.html

• Responsive Image Slider with Auto-Scroll and Navigation

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Responsive%20Image%20Slider%20with%20Auto-Scroll%20and%20Navigation/index.html

• Simple Architecture of website

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Simple%20Architecture%20of%20website/index.html

• Spried Man Animetion

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Spried%20Man%20Animetion/index.html

• StarBuck Clone

  • https://himanthathathsara.github.io/Free-Time-Web-Project/StarBuck%20Clone/index.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/StarBuck%20Clone/Catogary%20view.html
  • https://himanthathathsara.github.io/Free-Time-Web-Project/StarBuck%20Clone/Product%20view.html

• Starbucks-Redesign-Page-main

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Starbucks-Redesign-Page-main/Starbucks-Redesign-Page-main/index.html

• Tailwind css landing page

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Tailwind%20css%20landing%20page/index.html

• Website for Business

  • https://himanthathathsara.github.io/Free-Time-Web-Project/Website%20for%20Business/Website%20for%20Business.html

• boostrap resturent

  • https://himanthathathsara.github.io/Free-Time-Web-Project/boostrap%20resturent/index.html

---

Getting Started

Installation

Install Free-Time-Web-Project using one of the following methods:

Build from source:

1. Clone the Free-Time-Web-Project repository:

❯ git clone https://github.com/HimanthaThathsara/Free-Time-Web-Project

2. Navigate to the project directory:

❯ cd Free-Time-Web-Project

---

Contributing

• Join the Discussions
• Report Issues
• Submit Pull Requests

Contributor Graph

---

License

This project is protected under the MIT-A-LICENSE License. For more details, refer to the LICENSE file.