DEV Community

Gifty Asamoah
Gifty Asamoah

Posted on

ISOC IWD '25 - Building a simple Landing Page

INTRODUCTION
According to several reports, women in developing countries are the economic backbone of their families. At this year’s ISOC IWD celebration, this brief documentation as a how-to guide has been developed to help you build landing pages (in few minutes) to promote your businesses online, advancing ISOC’s mission of internet accessibility, safety, and affordability.

NECESSARY TOOLS:
Before we begin, ensure you have these necessary tools installed for editing, version control, and deployment. Here’s what you need:

  1. Code Editor:
  2. Download & Install VS Code from -----> https://code.visualstudio.com/download
  3. At the extensions part, install live server & prettier

  4. Version Control & Collaboration:

  5. Download & Install Git ----> https://git-scm.com/downloads

  6. Create Github Account: https://github.com/join

  7. Template Editing & File Extraction:

  8. Zip Extractor – If you're downloading the template, ensure you have a tool like:

  9. Choose your Frontend template:

  10. Template site: https://themewagon.com/?swoof=1&post_type=product&woof_text=One%20page&paged=2

  11. Preview and download your preferred choice.

  12. Extract from the zip folder to either your desktop or documents (to easily trace the file path)

  13. Replace images in the IMG folder with your preferred images.

  14. Deployment Platforms:

  15. Vercel is highly recommended (https://vercel.com/) – sign up

  16. GitHub Pages - (https://pages.github.com/) – if you already have a git account, kindly ignore this.

  17. Browser & Developer Tools:

  18. Google Chrome - (https://www.google.com/chrome/) – Preferred browser with DevTools for debugging.

NEXT STEPS:

  • Open folder in vs code.
  • Edit to suit.
  • Link your VS Code to your Git Account.
  • Push codes to your Github.
  • Deploy on vercel.

The link to a thorough walk-through video will soon be shared. Thank you.

THE END.

Top comments (0)