From 8218248ffbdd49c265523d41b03befea2442eca2 Mon Sep 17 00:00:00 2001 From: Meira Tompkins Date: Sat, 14 Mar 2020 19:35:11 -0400 Subject: [PATCH] form --- .../NiceSimpleContactForm/contactengine.php | 43 +++++++++ .../NiceSimpleContactForm/contactthanks.php | 35 +++++++ .../NiceSimpleContactForm/images/stripe.png | Bin 0 -> 166 bytes week-8/NiceSimpleContactForm/images/title.gif | Bin 0 -> 2800 bytes week-8/NiceSimpleContactForm/index.html | 53 ++++++++++ week-8/NiceSimpleContactForm/style.css | 61 ++++++++++++ .../NiceSimpleContactForm/._index.html | Bin 0 -> 186 bytes week-8/form.html | 91 ++++++++++++++++++ week-8/form2.html | 74 ++++++++++++++ 9 files changed, 357 insertions(+) create mode 100644 week-8/NiceSimpleContactForm/contactengine.php create mode 100644 week-8/NiceSimpleContactForm/contactthanks.php create mode 100644 week-8/NiceSimpleContactForm/images/stripe.png create mode 100644 week-8/NiceSimpleContactForm/images/title.gif create mode 100644 week-8/NiceSimpleContactForm/index.html create mode 100644 week-8/NiceSimpleContactForm/style.css create mode 100644 week-8/__MACOSX/NiceSimpleContactForm/._index.html create mode 100644 week-8/form.html create mode 100644 week-8/form2.html diff --git a/week-8/NiceSimpleContactForm/contactengine.php b/week-8/NiceSimpleContactForm/contactengine.php new file mode 100644 index 0000000..ec4636b --- /dev/null +++ b/week-8/NiceSimpleContactForm/contactengine.php @@ -0,0 +1,43 @@ +"; + exit; +} + +// prepare email body text +$Body = ""; +$Body .= "Name: "; +$Body .= $Name; +$Body .= "\n"; +$Body .= "Tel: "; +$Body .= $Tel; +$Body .= "\n"; +$Body .= "Email: "; +$Body .= $Email; +$Body .= "\n"; +$Body .= "Message: "; +$Body .= $Message; +$Body .= "\n"; + +// send email +$success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>"); + +// redirect to success page +if ($success){ + print ""; +} +else{ + print ""; +} +?> \ No newline at end of file diff --git a/week-8/NiceSimpleContactForm/contactthanks.php b/week-8/NiceSimpleContactForm/contactthanks.php new file mode 100644 index 0000000..08a0e4d --- /dev/null +++ b/week-8/NiceSimpleContactForm/contactthanks.php @@ -0,0 +1,35 @@ + + + + A Nice & Simple Contact Form + + + + + + +
+ + A Nice & Simple Contact Form +

By CSS-Tricks

+ + +

+ + +

Your message has been sent!


+ +

Back to Contact Form

+ +
+ + + + + + + \ No newline at end of file diff --git a/week-8/NiceSimpleContactForm/images/stripe.png b/week-8/NiceSimpleContactForm/images/stripe.png new file mode 100644 index 0000000000000000000000000000000000000000..fa739c2257eca3e4bfd6a1c772f3426ce1882617 GIT binary patch literal 166 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 C0qm9l literal 0 HcmV?d00001 diff --git a/week-8/NiceSimpleContactForm/index.html b/week-8/NiceSimpleContactForm/index.html new file mode 100644 index 0000000..36681b1 --- /dev/null +++ b/week-8/NiceSimpleContactForm/index.html @@ -0,0 +1,53 @@ + + + + + A Nice & Simple Contact Form + + + + + + + + +
+ + A Nice & Simple Contact Form

+

By CSS-Tricks

+ +

There are a million contact form examples on the web, why this one? Because it's SIMPLE, it's FREE, it WORKS, it's VALID, and it's primarily styled with CSS.

+ +

If you are trying to contact CSS-Tricks, DO NOT USE THIS FORM. This is just an example, my real contact form is here.

+ +

[DOWNLOAD THIS EXAMPLE]

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

Check out a version of this with SPAM protection.

+ +
+ +
+ + + + \ No newline at end of file diff --git a/week-8/NiceSimpleContactForm/style.css b/week-8/NiceSimpleContactForm/style.css new file mode 100644 index 0000000..4cb03c0 --- /dev/null +++ b/week-8/NiceSimpleContactForm/style.css @@ -0,0 +1,61 @@ +* { + margin: 0; + padding: 0; +} + +body { + font-size: 62.5%; + font-family: Helvetica, sans-serif; + background: url(images/stripe.png) repeat; +} + +p { + font-size: 1.3em; + margin-bottom: 15px; +} + +#page-wrap { + width: 660px; + background: white; + padding: 20px 50px 20px 50px; + margin: 20px auto; + min-height: 500px; + height: auto !important; + height: 500px; +} + +#contact-area { + width: 600px; + margin-top: 25px; +} + +#contact-area input, #contact-area textarea { + padding: 5px; + width: 471px; + font-family: Helvetica, sans-serif; + font-size: 1.4em; + margin: 0px 0px 10px 0px; + border: 2px solid #ccc; +} + +#contact-area textarea { + height: 90px; +} + +#contact-area textarea:focus, #contact-area input:focus { + border: 2px solid #900; +} + +#contact-area input.submit-button { + width: 100px; + float: right; +} + +label { + float: left; + text-align: right; + margin-right: 15px; + width: 100px; + padding-top: 5px; + font-size: 1.4em; +} \ No newline at end of file diff --git a/week-8/__MACOSX/NiceSimpleContactForm/._index.html b/week-8/__MACOSX/NiceSimpleContactForm/._index.html new file mode 100644 index 0000000000000000000000000000000000000000..7b87b7189e4370d2f19b0fc53a5986413ffe89f5 GIT binary patch literal 186 zcmZQz6=P>$Vqox1Ojhs@R)|o50+1L3ClDI}aR(5C_`86Z2;dkJ62y>y^#f2TNXHBy zRzlOph!7V|&d=4$O-wGz&rK{zE!Im;EJ`h5sOADWBso8)G&fJdR>9mF%+JZpO9k>w IEUdX|0VfI?*#H0l literal 0 HcmV?d00001 diff --git a/week-8/form.html b/week-8/form.html new file mode 100644 index 0000000..33faaae --- /dev/null +++ b/week-8/form.html @@ -0,0 +1,91 @@ + + + + + + Website Contact Form + + + + +
+

Website Contact Form

+

Required fields are followed by *.

+
+

Contact information

+ +

+ + +

+

+ + +

+

+ + +

+ + +

+
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/week-8/form2.html b/week-8/form2.html new file mode 100644 index 0000000..fa74e1a --- /dev/null +++ b/week-8/form2.html @@ -0,0 +1,74 @@ + + + + + Contact Form + + + +
+ + +

+ + +

+ + + +

+ + + +

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