#1 How i made this free web site - Demo

 Setting up GitHub Pages

Alright, I need to guide through setting up GitHub Pages step-by-step. First, create a GitHub repository. Then, go to the repository settings and scroll down to the GitHub Pages section. Choose the branch you want to publish (usually "main" or "master"). After that, save the settings, and your site will be live at the provided URL. You can add your HTML, CSS, and JS files to the repository to customize the page. Simple, right? Nice, this will look great as a live site. Let’s walk it step by step.

---

1. Prepare your project files

1. Create a folder on your computer, e.g. senior-banner-site.
2. Inside it, create a file named index.html.
3. Paste your full HTML code (with banner, etc.) into index.html.
4. If you use images (banner.png, r1.jpeg, etc.), put them in the same folder (or in subfolders and update paths accordingly).

Your folder might look like:

• index.html
• banner.png
• r1.jpeg
• r2.jpeg
• events.csv (if you use it)

---

2. Create a GitHub repository

1. Go to github.com and log in.
2. Click “+” → New repository.
3. Repository name: for example senior-community-site.
4. Keep it Public.
5. Don’t worry about adding files here yet (we’ll push from your PC).
6. Click Create repository.

You’ll now see a page with git commands like git init, etc.

---

3. Connect your local folder to GitHub

On your computer:

1. Open Terminal / Command Prompt / Git Bash.

2. Navigate to your project folder, e.g.:

   cd path/to/senior-banner-site
   

3. Initialize git:

   git init
   

4. Add all files:

   git add .
   

5. Commit:

   git commit -m "Initial commit"
   

6. Add the GitHub remote (copy the URL from your repo page, e.g. https://github.com/yourname/senior-community-site.git):

   git remote add origin https://github.com/yourname/senior-community-site.git
   

7. Push to GitHub:

   git branch -M main
   git push -u origin main
   

Now your index.html and images are on GitHub.

---

4. Enable GitHub Pages

1. Go to your repo on GitHub: https://github.com/yourname/senior-community-site.
2. Click Settings (top bar).
3. In the left sidebar, click Pages (sometimes under “Code and automation”).
4. Under “Source”:
   • Select Branch: main
   • Select Folder: /root
5. Click Save.

GitHub will build your site. It usually takes 30–60 seconds.

---

5. Get your live URL

On the same Pages settings page, you’ll see a message like:

Your site is live at
https://yourname.github.io/senior-community-site/

Open that URL in your browser — your banner site should be live.

---

6. Update the site later

Whenever you change index.html or images:

1. Save the file.

2. In terminal:

   git add .
   git commit -m "Update banner"   # or any message
   git push
   

GitHub Pages will auto-update in a few seconds.

---

Free Web site Made for You