AD-Task-1

---

Table of Contents

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

---

Overview

AD-Task-1 is a task to accomplish declarations, looping, and conditional statements.

Key Components

• Self Introduction
• Responsive Layout

Technology

Language

Rules, Practices and Principles

1. Always use AD- in the front of the Title of the Project for the Subject followed by your custom naming.
2. Do not rename .php files if they are pages; always use index.php as the filename.
3. Add .component to the .php files if they are components code; example: footer.component.php.
4. Add .util to the .php files if they are utility codes; example: account.util.php.
5. Place Files in their respective folders.
6. Different file naming Cases

   Naming Case	Type of code	Example
   Pascal	Utility	Accoun.util.php
   Camel	Components and Pages	index.php or footer.component.php

7. Renaming of Pages folder names are a must, and relates to what it is doing or data it holding.
8. Use proper label in your github commits: feat, fix, refactor and docs
9. File Structure to follow below.

AD-ProjectName
└─ assets
|   └─ css
|   |   └─ style.css
|   └─ img
|       └─ introrighthero.jpg
|       └─ nyebe_white.png
└─ pages
|  └─ favorites
|  |  └─ assets
|  |  |  |  └─ css
|  |  |  |     └─ style.css
|  |  |  └─ img
|  |  |      └─ herofavorites.jpg
|  |  └─ index.php
|  |
|  └─ goals
|  |   └─ assets
|  |   |  └─ css
|  |   |  |  └─ style.css
|  |   |  └─ img
|  |   |      └─ herogoals.jpg
|  |   └─ index.php
|  |
|  └─ hobbies
|      └─ assets
|     |  └─ css
|     |  |  └─ style.css
|     |  └─ img
|     |      └─ herohobbies.jpg
|     └─ index.php
|
└─ .gitignore
└─ index.php
└─ readme.md

The following should be renamed: name.css, name.js, name.jpeg/.jpg/.webp/.png, name.component.php(but not the part of the component.php), Name.utils.php(but not the part of the utils.php)

Resources

Title	Purpose	Link
introrighthero.jpg	Background for the right division of the introduction page.	https://ph.pinterest.com/pin/35958497019126684/
herofavorites.jpg	Hero section for the favorites page.	https://ph.pinterest.com/pin/89649848827145746/
herogoals.jpg	Hero section for the goals page.	https://ph.pinterest.com/pin/1337074888515057/
herohobbies.jpg	Hero section for the hobbies page.	https://ph.pinterest.com/pin/53621051809326464/