https://github.com/developer-ronnie/temple-themed-website
https://github.com/developer-ronnie/temple-themed-website
Last synced: 10 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/developer-ronnie/temple-themed-website
- Owner: Developer-RONNIE
- Created: 2025-07-20T05:23:00.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-03T10:20:58.000Z (11 months ago)
- Last Synced: 2025-08-03T12:11:29.464Z (11 months ago)
- Language: JavaScript
- Size: 210 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Temple Themed Website
Welcome to the source code of this Temple Themed Website — refer to code snippets if you find it difficult to navigate or copy specific CSS sections.
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
4. 🤸 [Quick Start](#quick-start)
5. 🕸️ [Snippets](#snippets)
6. 🔗 [Links](#links)
7. 🚀 [More](#more)
Develop a Christmas Themed Website using HTML and CSS with smooth subtle animations using GSAP.
- HTML 5
- CSS 3
- GSAP
## 🔋 Features
👉 **CSS Variables**: Utilize CSS variables to maintain a consistent and easily adjustable styling approach throughout the project
👉 **Importing CSS Files**: Import CSS files into others, promoting modularity and organization in styling.
👉 **Flex and Position Properties**: Use of flex and position properties in CSS to create responsive and well-structured layouts.
👉 **Rendering HTML through JavaScript**: Rendering HTML through JavaScript using reusable functions, enhancing code efficiency.
👉 **Smooth Animations**: Smooth and subtle animations to enhance the overall user experience, focusing on fluid transitions.
👉 **BEM Method**: Follow the Block Element Modifier (BEM) methodology for naming classes, promoting a clear and maintainable structure.
👉 **Organized File and Folder Structure**: Maintain a well-organized file and folder structure for easy navigation and management of project assets.
👉 **Responsive Design**: The application is completely responsive across all devices, employing responsive design techniques such as media queries and fluid layouts.
all these while creating the sushi website with,
* Navigation Bar
* Creative Hero Section
* About Us Section
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Liveserver](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
**Cloning the Repository**
```bash
git clone https://github.com/Developer-RONNIE/Temple-Themed-Website.git
cd project_html_css_website
```
**Running the Project**
Run the [live server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension
Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.
## 🕸️ Snippets
script.js
```javascript
```
## 🔗 Links
Assets used in the project are [here](/assets/)
## 🚀 More
**Build more clean and creative HTML & CSS projects like this**
Enjoyed creating this project? Dive deeper into more projects for a richer learning adventure. They're packed with detailed cool features, and exercises to boost your skills. Give it a go!
