Member-only story

How to create a one page charity website using HTML and CSS

Crystal X
6 min readMar 16, 2024

--

I have been working to add another skill to my computer science studies and have decided to embark upon web development. I decided to start out small, so I have developed a one page charity website which is a parody and has not been put on line because I don’t have a domain name for it.

I have written the HTML and CSS code in VSCode and have put it all in one HTML file for ease of visualisation.

The webpage has four parts, which are sectioned out in the code:-

  1. Home
  2. About
  3. Donate
  4. Contact

The first section of the website is the Home section, and it is the first thing the viewer sees when he looks at the page. There is a Donate button, which will direct the viewer to the Donate section of the page, and enables him to make a donation if he so chooses.

The second section of the webpage is the About section, which tells the viewer a little bit about the charity. In this instance, the webpage that I have made is about a nonexistent charity, which I have made for educational purposes only.

--

--

Crystal X
Crystal X

Written by Crystal X

I have over five decades experience in the world of work, being in fast food, the military, business, non-profits, and the healthcare sector.

No responses yet