diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..4eb450e Binary files /dev/null and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..86de7b7 Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/goFundMe.JPEG b/assets/goFundMe.JPEG new file mode 100644 index 0000000..e72636f Binary files /dev/null and b/assets/goFundMe.JPEG differ diff --git a/index.html b/index.html index 504dc31..9c934d5 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,47 @@ - - - - - - - - - - + + + + Help [Your Cause] Fundraising + + + + +
+

Help Fund Kyle's Amsterdam Weekend:

+

Your support can make a difference!

+
+ +
+

Our Story

+

+ Hello readers, +
+ so I'd like to start by saying. My name is Kyle, + I am 27 years old and this is a goFundMe for my upcoming Amsterdam trip. +
+ Unfortunately, of very recent I have come down with a serious disease. + The disease I have inherited is Poverty, + I am poor and I can't actually afford my holiday. +
+
+ Below, here is a current photo of me and my current state: +

+ +
+
+

How You Can Help

+

Any contribution, big or small, can make a significant impact. +
+ Just make sure it's a big contribution, Your support means the world to us!

+ + +
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0152b3b --- /dev/null +++ b/style.css @@ -0,0 +1,64 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f8f8f8; + color: #333; +} + +header { + background-color: #3C4F80; + color: #fff; + padding: 20px; + text-align: center; +} + +section { + max-width: 800px; + margin: 20px auto; + background-color: #fff; + padding: 20px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + text-align: center; +} + +h2 { + color: #2c3e50; + text-decoration: underline; + text-decoration-color: black; +} + +p { + line-height: 1.6; +} + +.donate-btn { + display: inline-block; + padding: 10px 20px; + background-color: #3498db; + color: #fff; + text-decoration: none; + border-radius: 5px; + transition: background-color 0.3s ease; +} + +.kyleImage{ + width: 500px; + margin: auto; + display: block; +} + +.donate-btn:hover { + background-color: #2980b9; +} + +footer { + background-color: #3C4F80; + color: #fff; + text-align: center; + padding: 10px; + position: fixed; + bottom: 0; + width: 100%; +}