Skip to content

Commit 4630433

Browse files
authored
Create README.md
1 parent 99c1894 commit 4630433

File tree

1 file changed

+38
-0
lines changed

1 file changed

+38
-0
lines changed

README.md

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# Pacesetters Foundation Website
2+
Live site: https://scodegit.github.io/pacesettersfoundation.github.io/
3+
4+
---
5+
6+
## 🌍 About
7+
This is the official website of Pacesetters Foundation — designed to reflect professionalism and purpose similar to global NGOs like the Gates Foundation.
8+
9+
Built using:
10+
- HTML5
11+
- CSS3
12+
- Hosted freely on GitHub Pages
13+
14+
---
15+
16+
## 🧱 Project Structure
17+
pacesettersfoundation.github.io/
18+
19+
├── index.html → Main homepage file (controls layout and text)
20+
├── style.css → Design file (colors, fonts, spacing)
21+
└── /images → Folder for all pictures (hero.jpg, etc.)
22+
23+
---
24+
25+
## 🧑🏽‍💻 How to Edit
26+
### ✏️ Change Text
27+
Open **index.html** in any text editor (Notepad or VS Code).
28+
Find the section you want (e.g., “Our Programs”, “About Us”) and simply replace the text inside the `<p>` or `<h3>` tags.
29+
Save → upload again to GitHub (replace the old version).
30+
31+
### 🎨 Change Colors or Font
32+
Open **style.css** and edit the top color variables:
33+
```css
34+
:root {
35+
--primary: #0b61c3; /* Change main blue */
36+
--accent: #ffb100; /* Change yellow accent */
37+
--bg: #f6f7fb; /* Background color */
38+
}

0 commit comments

Comments
 (0)