diff --git a/README.md b/README.md index 7ed589e..c9e7c21 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,23 @@ -# AD - SBA - HTML/CSS/JavaScript +# AD - SBA - HTML/CSS/JavaScript - UPDATE + +Access my site by navigating to the following link: https://livinginbeta.github.io/sba.javascript_3-page-website/ + +LastFavors.com is the website for an application that helps people navigate the tumultous timeframe after a loved one dies, whether unexpectedly or not. it provides for the collection of wants and requests by a person for after they pass (who should be invited -- or not -- to their funeral, what kind of music and service it should be, information about life insurance, whether they want to be buried or cremated, etc.) it also serves as a guide for someone one who might not know whom to contact after experiencing the loss of a loved one, what steps need to happen, LastFavors.com will also suggest local officiants for any resulting religious services, grief counselors for peace of mind, estate lawyers, funeral homes, etc. + +Bootrap was employed to take advantage of its grid system as a skeleton for the site's page structure. HTML, CSS, and Javascript were used to meet assignment requirements, such as multiple forms (done in HTML), media (video, an animated GIF, and images). Two of the images were created in Photoshop. + +Regex validation was used on the first and last name fields of the Contact Us form. Additionally, when the submit button is sent a listener activates the pulling of both first and last name into a personalized message to the user. + + + + + +=============================== + + + + + diff --git a/contactus.html b/contactus.html new file mode 100644 index 0000000..a5f441d --- /dev/null +++ b/contactus.html @@ -0,0 +1,162 @@ + + + + + + + + LastFavors Contact Us + + + + + + + + + + + + + +
+
+
+ +
+ LastFavors Banner + + + + + + +
HomeApp SurveyContact Us
+
+

+

+

Contact Us

+

+ Do you have a question or comment or testimonial? Please use the form below to send us your feedback. We read submissions frequently, but please allow us 48 hours to reply. This form is the best way to reach us. +

+
+

+

+

+

Feedback Form

+

+

+
+
+
+ + + + +
+

+ + +

+

+ +
+ +

+

+ +
+ + +
+
+ + +
+
+ + +

+

+ +
+ +
+ +
+

+

+

+ +
+

+ +

+
+

+
+
+
+
+
+
+

+

Rage Against The Dying Of The Light

+

+ When a person's time is near its end it can be difficult to muster the strength and resolve to, as Dylan Thomas put it, "... not go gentle into that good night." +

+

+ We at LastFavors believe in the beauty of life, which is why we urge all people not to wait for the end to seize the day, make the most of what you have, and passionately live life to its fullest. We developed LastFavors to help make sense of and organize often sudden and tragic loss. It is good to prepare. But, please do not forget to "Rage, rage against the dying of the light."
+

+
+ +
+

+
+

+

+

+ +
+
+

+
+
+
+ +
+ + \ No newline at end of file diff --git a/css/style.css b/css/style.css index d17d83a..59e095f 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,86 @@ -body { - background-color: navy; +html body { + background-color: whitesmoke; } +#column1 { + float: left; + margin-left: 13.2px; + margin-top: 10px; +} +a:hover{ + color: darkslateblue; + font-weight: bold; + text-decoration: none; + +} + +a { + color:darkgoldenrod; + font-weight: bold; + text-decoration: none; +} + +.navTable { + padding: 0 50px 50px; + width: 33%; + text-align: center; + font-size: 16; +} + +.footer { + color: darkgoldenrod; + font-size: 15px; +} + +.testimonial { + border-top: 1px solid darkgoldenrod; + font-size: 20px; + font-style: italic; + border-bottom: 1px solid darkgoldenrod; +} + +.source::before { + content: "\a"; + white-space: pre; +} + +.color { + color: black; + font-weight: bold; + text-align: center; +} + +.rounded{ + border: none; + border-radius: 7px; + text-align: center; + color: white; + font-weight: bold; + background-color: black; + padding: .5em 0 .5em 0; + margin: .2em; + width: 7em; + height: 3em; + box-shadow: 0 4px 8px 0 rgba(0,0,0,.4); +} + +.rounded:hover{ + color: black; + background-color: white; +} + +.robot{ + color: red; + display: inline; +} + +.media { + display: block; + margin-left: auto; + margin-right: auto; +} + object { height: 100vh; width: 100vh; diff --git a/img/lastFavorsBanner.png b/img/lastFavorsBanner.png new file mode 100644 index 0000000..8a9ac58 Binary files /dev/null and b/img/lastFavorsBanner.png differ diff --git a/img/newHands3.png b/img/newHands3.png new file mode 100644 index 0000000..c4849a7 Binary files /dev/null and b/img/newHands3.png differ diff --git a/index.html b/index.html index 4dc0c72..7e2c0e6 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,97 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - The quickest of brown foxes. - - - - - - + + + + + + LastFavors + + + + + + + + + + + + + + + +
+
+
+ +
+ LastFavors Banner + + + + + + +
HomeApp SurveyContact Us
+
+

+

+

We Are Here To Help

+

+ Death is a necessary part of life but it can arrive unexpectedly. Even when a death is anticipated, many of us are too impacted by grief to effectively accompish the tasks needed by law or custom to arrange for a burial or even notify the correct authorities. LastFavors was developed to help guide people through the proper steps following a death. Afterall, millions experience loss each year, but for someone thrust into the position of quickly planning a funeral, these steps are brand new. A man's hand gently holds the hand of an elderly woman +

+

+ Many people are unprepared for when their aging parents die. Nowadays, family members often do not live in the same city -- or even state -- as each other. Regardless of the distance from a loved one, funerals often take place within a week of death, much sooner in some religious traditions. But what is the first thing the survivor of an unexpected death should do? Who do they contact? Did they find out what sort of arrangements the deceased wanted? Who they wanted to invite to their funeral? Would you even know how to find your grandmother's second-grade classmate to invite her? These are just a sample of the barrage of questions that need to be answered in a time of grief and distraction. +

+

+ LastFavors can collect the following data before death: +

    +
  • Life insurance policy numbers
    • +
  • Cemetery plot information
    • +
  • Details of cremation/burial
    • +
  • Who should be invited/not invited?
    • +
  • Who should perform the service?
    • +
  • Which traditions should be followed?
    • +
  • What music should be played?
    • +
  • Should any donations be made?
    • +
+ Additionally, the following information should be available: +
    +
  • How to obtain a death certificate
    • +
  • Stopping payments and bills
    • +
  • Grief counselors by ZIP code
    • +
  • Estate lawyers by ZIP code
    • +
  • Religious organizations to locate an officiant by ZIP code
    • +
  • Funeral service providers by ZIP code with ratings
    • +
  • Filled out living will information
    • +
  • An opportunity for the person to work on an obituary before passing
    • +
  • Next of kin information to be retrieved by emergency personnel in case of accident
    • +
+

+
+

+

+

+ +
+

+
+
+
+ +
- - - - - - - - \ No newline at end of file diff --git a/js/LastFavors.js b/js/LastFavors.js new file mode 100644 index 0000000..1f07347 --- /dev/null +++ b/js/LastFavors.js @@ -0,0 +1,16 @@ +document.getElementById("contactForm").addEventListener("submit", formAlert); + +function formAlert() { + var cForm=document.getElementById("contactForm"); + var nameArray = new Array(); + var counter = 0; + for (var i=0;i + + + + + + + LastFavors Survey + + + + + + + + + + + + + + + + +
+
+
+ +
+ LastFavors Banner + + + + + + +
HomeApp SurveyContact Us
+
+

+

+

LastFavors Will Be Available On Phones

+ Download the LastFavors app from the App StoreTechnology is constantly changing and LastFavors knows that a phone app is the most convenient way for users to interact with us. Our developers are working hard to get apps for both iOS and Android phones posted to their respective marketplaces. Please be patient knowing that we are perfecting our products before making them available to you. +

+ Please fill out the survey below to help us make sure the apps we deliver have all the features you want. +

+

+ The survey should only take a few moments and it is completely anonymous. We value your feedback and your participation will improve LastFavors for all of our users. +

+

+ If you would like to give us more focused feedback, please visit the Contact Us page. +

+
+

+

+

+

App Survey

+

+ + + + + + + + + + + + + + +
Which color is your favorite?
RedGreenBlue
OrangeYellowPurple
+

+

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+

+ +
+ +
+ +
+ +
+ +
+ +
+

+
+

+ + +

+
+

+ +
+ Yes +
+ No +

+ 		+

+ +
+ +

+
+

+ +
+  Grandmother +
+  Grandfather +
+  Mother +
+  Father +
+  Aunt +
+  Uncle +
+  Older Sibling +
+  Younger Sibling +
+  Significant Other
+  Friend +
+  Self +

+
+

+ +
+ Free + + $10.00   + $ +

+
+ + +
+
*Required
+

+

+
+
+ +
+

+

+
+
+
+
+
+

+

+ +
+
+

+
+
+
+ +
+ + \ No newline at end of file