Hello,

I have to build a fully responsive website for an upcoming project for a class I'm taking. Unfortunately, I'm still a beginner at coding in HTML and CSS so my ability to complete this extensive (for my skills) project is lacking. I have attached a Microsoft Word document with all of the instructions and requirements for the assignment as well as any information the professor wants included in the website. The assignment is due Tuesday October2nd, 2018. Please let me know if you have any questions for me. Thank you for your time.

CS2H: Web Apps & Games

Web Applications Project

Problem: You have been asked to design a site for a fundraiser for families affected by cancer. The fundraiser is called Swim for the Girls and takes place at a local swim club in the summer season. The main audience of the site is the members of participating swim teams. Parents, Coaches and Donors will use the site to get information and register their children. The site should also be constructed in a way that makes young athletes WANT to participate in the event.

Assignment:

Part 1:Use the Bootstrap framework and the content provided to build a site for Swim for the Girls. The site must contain the following requirements:

A nav bar with links and logo

A comprehensive form for applications to host an event

A form to join an event

A modal

A table

A card

A color theme or overwritten styles

Also, in the mobile age, the site should work equally well on cell phones, tablets and desktops.

As far as colors are concerned, any color scheme can be used. You have been provided a logo, but can feel free to create your own and stray from the given color palette. You will be asked to alter the original colors of Bootstrap in one of three ways:

Use a pre-built, free, downloadable theme

Overwrite Bootstrap with local CSS classes

EC Opportunity: Create a custom Bootstrap theme. If you stick to designing with the contextual colors (default, info, success, etc), you can make your original design and then change the site quickly with a custom theme. If you need help choosing a color scheme, use Adobe CC or another color generator (http://www.creativebloq.com/colour/tools-colour-schemes-12121430) to help. There are also a variety of tools available to create custom Bootstrap Themes such as (http://bootstrap-live-customizer.com/and http://getbootstrap.com).

If a form is described to the users in the content, that description is more for you to build the form. Forms should be well organized and user friendly. Think of this as the beginning of the Web App part of the course. A well designed and organized data collection method is the start of an effective application. While we cant process any of the forms, we can set up the interaction on the client side. This way, as we learn more techniques and code, we will be able to add to our application and make it work the way we want.

Parts 2 & 3:

In anticipation of the later parts of this project, the sitepage will need to have the following items:

A login location (could be part of the nav bar if desired) - for coaches and admins

An announcement/events section on the home page

Ideas for interactive content for future implementation

Content:

Overview

Swim for the Girls is a fundraiser event where boys wear a girl's bathing suit during the breaststroke race. Nor-Gwyn Swim Club has hosted the event annually since 2013 and has raised over $7,500 for families affected by breast cancer.

About

Started in 2013, Swim for the Girls is an annual fundraiser to support families affected by breast cancer. Conceived from a dare following a swim meet, the original event was organized by Will Neverosky, Luke Engel, Luke Neverosky, Lance Engel, Cortney Neverosky and Bryce Engel.

The event involves girls lending their suits to boys to wear over their own suit during the breaststroke races of the meet. Some boys even allow the girls to choose their full outfit including caps and goggles. All participants (both genders) are asked to raise money through pledges. Divers can participate as well by wearing a girls suit during the diving event.

At the event, there is typically a donation table that collects donations from participants, accepts donations from spectators and helps to coordinate the exchange of suits between the boys and girls. Spare suits can typically also be found at this table for any late entries or boys who were not paired up ahead of time.

All proceeds from the event each year are donated to The Breathing Room, located in Jenkintown, PA. The Breathing Room Foundation's mission is to 'strive to provide a family with whatever it is that will allow them a bit of breathing room from their daily struggle against cancer.' For more information about the Breathing Room, visit their site: http://www.breathingroomfoundation.org.

Get Involved

To get involved, boys are asked to complete a form that requests their name, team, age group and suit size. Girls then find a boy on their team of approximately the same suit size and sign up to supply that boy with a suit.

News

The First Annual Swim for the Girls!

July 23, 2013

On Tuesday, July 23, 2013, over 200 members of the Nor Gwyn Swim Team, and visiting Fanny Chapman Swim Team participated in the first annual Swim for the Girls. The event was created and organized by Nor Gwyn Swimmers Will (11), Luke(10), Cortney(7) Neverosky and Luke(10) and Lance(8) Engel. Swim for the Girls was a great success as $2,131.86 was raised. All proceeds were donated to the Breathing Room Foundation, a local organization dedicated to helping families fighting cancer. Thanks to all the coaches, swimmers and families who participated in this event.

Swim For The Girls 2014

June 26, 2014

2014's Swim For The Girls was a huge success. Taking place on June 26, 2014, Nor-Gwyn and Towamencin raised $1,197.18. This money went to the Breathing Room Foundation, as it had the year before. Thanks to everyone who participated in the event.

Swim for the Girls 2015

July 23, 2015

Thank you to everyone who participated in Swim for the Girls. Thanks to your generosity, we were able to give $1,357.50 to the Breathing Room. Even the storm couldn't stop this from being a great event.

Swim for the Girls 2016

July 21, 2015

Thanks to all the families from Nor Gwyn and Towamencin for supporting swim for the girls. This year we raised $1,197.18 for the Breathing Room.

Swim for the Girls 2017

July 15, 2017

Thank you Pennridge swimmers and divers for your generous contributions to Swim for the Girls. As always, thanks to Nor Gwyn Aquatic Club for supporting this event. this year we raised $1,848.36 for the Breathing Room taking our 5 year total over $7,500.

Swim for the Girls 2018

July 23, 2018

This year, the Souderton swim team joined Nor Gwyn in the annual Swim for the Girls event. It was a special evening as proceeds would be split two two causes: Breast Cancer and Childhood Leukemia. In the end, over $1300 was raised and donated to the Breathing Room in the name of Haley Reath. Thanks to all for their dedication and participation.

Swim for the Girls 2019

Septembre 11, 2018

We are thrilled to announce that Swim for the Girls will be a LEAGUE wide event in 2019. All eight Bux Mont Swim League Teams will participate at their respective swim meets on the second meet of the season. If you are interested in organizing your team, please contact us at info@swimforthegirls.com.

Host a S4TG Event

A swim team wishing to host a S4TG event should complete the following application.

The club name and address

The sponsor name, birthdate, phone, email and address

The proposed date of the event

The approximate number of swimmers on both teams (combined value)

Sponsors hosting an event will be provided with promotional materials and instructions on how to host a meet.

Join a S4TG Event

How to join an event:

Select the event you would like to join

Select the team that you are on

Select if you are male or female

Male swimmers are asked to enter their name, age and suit size

Female swimmers are asked to identify a male swimmer that they will sponsor (provide a suit and apparel)

Download a pledge form and start collecting for this fun event!!

Images can be found here: https://drive.google.com/open?id=18DrcpHcO9xybwZuKZEOHUAe0VsmQdgzQ

Pledge forms link is: https://docs.google.com/document/d/1H_nctweiaApZDm2yKJTnJR_FgWxRn3KhlPichB8Petw/edit?usp=sharing