Title

Short Description. (Optional)

---

Table of Contents

1. Overview
   1. Key Components
   2. Technology
2. Rules, Practices and Principles
3. Resources

---

Overview

Description of the project in details.

Guiding Question:

• What is the project
• Whats the purpose
• What are key components
• What technology used and how it is used

Key Components

• MultiPage Website/Single Page Website
• Parallax transition
• Transactional

Technology

Rules, Practices and Principles

1. Always use WD- in the front of the Title of the Project for the Subject followed by your custom naming.
2. Do not rename any .html files; always use index.html as the filename.
3. Place Files in their respective folders.
4. All file naming are in camel case.
   • Camel case is naming format where there is no white space in separation of each words, the first word is in all lower case while the succeding words first letter are in upper followed by lower cased letters.
   • ex.: buttonAnimatedStyle.css
5. Use only External CSS.
6. Renaming of Pages folder names are a must, and relates to what it is doing or data it holding.
7. File Structure to follow below.

WD-ProjectName
└─ assets
|   └─ css
|   |   └─ style.css
|   └─ img
|   |   └─ fileWith.jpeg/.jpg/.webp/.png
|   └─ js
|       └─ script.js
└─ pages
|  └─ pageName
|     └─ assets
|     |  └─ css
|     |  |  └─ style.css
|     |  └─ img
|     |  |  └─ fileWith.jpeg/.jpg/.webp/.png
|     |  └─ js
|     |     └─ script.js
|     └─ index.html
└─ index.html
└─ readme.md

Resources

Title	Purpose	Link
Sample Title	Sample purpose would be here like this and this is the example of what it is.	trykolang.com