πŸš€ Quick Start Guide - MTJ Data Analytics Website

What You Have

A complete Quarto website for MTJ Data Analytics with: - βœ… 6 fully-designed pages - βœ… Professional blue theme - βœ… Mobile-responsive design - βœ… Contact forms and service listings - βœ… Pricing tables - βœ… Webinar/training information

Files Included

Your Website Files/
β”œβ”€β”€ _quarto.yml          ← Main configuration
β”œβ”€β”€ custom.scss          ← Theme colors
β”œβ”€β”€ styles.css           ← Styling
β”œβ”€β”€ index.qmd           ← Home page
β”œβ”€β”€ services.qmd        ← Services page
β”œβ”€β”€ pricing.qmd         ← Pricing page
β”œβ”€β”€ webinars.qmd        ← Webinars page
β”œβ”€β”€ about.qmd           ← About page
β”œβ”€β”€ contact.qmd         ← Contact page
β”œβ”€β”€ build_website.R     ← Build helper script
β”œβ”€β”€ README.md           ← Full documentation
β”œβ”€β”€ DEPLOYMENT.md       ← Deployment guide
└── QUICKSTART.md       ← This file!

3-Step Setup

Step 1: Install Quarto (5 minutes)

  1. Go to: https://quarto.org/docs/get-started/
  2. Download for your system (Windows/Mac/Linux)
  3. Install it (just click Next, Next, Finish)
  4. Done!

Step 2: Add Your Logo (Optional)

  • Save your logo as logo.png in the website folder
  • If you don’t have a logo yet, that’s okay - the text logo works fine

Step 3: Build Your Website (1 minute)

Option A - Easy Way (RStudio):

1. Open RStudio
2. Open the website folder
3. Click "Render Website" button
4. Done! Website is in docs/ folder

Option B - Command Line:

cd /path/to/website
quarto render

Option C - Using R Script:

source("build_website.R")
# Then choose option 1 from the menu

What Happens Next?

After building, you’ll have a docs/ folder containing your complete website: - docs/index.html - Your home page - docs/services.html - Services page - And all other pages + styling

View Your Website

Preview before deploying:

quarto preview

Opens in your browser at http://localhost:4200

Deploy Your Website (Choose One)

🌟 Easiest: Netlify Drop

  1. Go to https://app.netlify.com/drop
  2. Drag the docs/ folder onto the page
  3. Done! You get a free website at yourname.netlify.app

πŸ”₯ Best for Free: GitHub Pages

  1. Create GitHub account (if needed)
  2. Create repository called β€œmtj-website”
  3. Upload your files
  4. Enable Pages in Settings β†’ Pages
  5. Live at yourusername.github.io/mtj-website

πŸ’Ό If You Have Hosting

  1. Build the website (Step 3 above)
  2. Upload contents of docs/ folder via FTP to your server
  3. Done!

Full deployment instructions in DEPLOYMENT.md

Customize Your Website

Change Colors

Edit these files: - custom.scss - Change $primary: #0047AB; to your color - styles.css - Search for #0047AB and replace

Update Content

Edit any .qmd file: - Use regular text for paragraphs - Use # for headings - Use - for bullet points

Example:

## My Section
This is a paragraph.

- Bullet point 1
- Bullet point 2

After changes, run quarto render again.

Add Webinars

Edit webinars.qmd and copy one of the webinar card sections, then modify:

::: {.webinar-card}
### πŸ“Š Your Webinar Title
**Date:** March 15, 2025
**Time:** 2:00 PM WAT
Description here...
[Register](https://wa.me/2349019441200){.register-btn}
:::

Update Prices

Edit the tables in pricing.qmd:

| Service | Cost (₦) |
|---------|----------|
| My Service | 50,000 |

Need Help?

Common Issues

β€œQuarto not found” β†’ Install Quarto from quarto.org

β€œCannot render” β†’ Make sure you’re in the correct folder with _quarto.yml

β€œWebsite looks wrong” β†’ Make sure you uploaded ALL files from docs/ folder

Get Support

  • πŸ“– Read: README.md (full documentation)
  • πŸš€ Read: DEPLOYMENT.md (deployment details)
  • πŸ“§ Email: info@mtjdataanalytics.com
  • πŸ“± WhatsApp: +234 901 944 1200

Pro Tips

  1. Always preview before deploying - Catch errors early!
  2. Keep a backup - Copy the whole folder somewhere safe
  3. Test on mobile - Open on your phone after deploying
  4. Update regularly - Add new content monthly
  5. Share on social media - Let people know about your new site!

What’s Next?

After your website is live:

  1. βœ… Add it to your email signature
  2. βœ… Share on Facebook/LinkedIn
  3. βœ… Update Google My Business
  4. βœ… Add to WhatsApp status
  5. βœ… Tell your clients!

Remember

  • Build = quarto render (creates the website)
  • Preview = quarto preview (view locally)
  • Deploy = Upload docs/ folder (make it live)

You’ve got this! Your professional website is ready to go live! πŸŽ‰

Need the full details? Check README.md Ready to deploy? Check DEPLOYMENT.md

Good luck! - The MTJ Data Analytics Team