From 155a269dc260e29f09a21b40cfd614ed089c2fd7 Mon Sep 17 00:00:00 2001
From: Navan Chauhan <navanchauhan@gmail.com>
Date: Fri, 9 Feb 2018 19:06:47 +0530
Subject: Update Contact.html
---
Contact.html | 76 +++++++++++++++++++++---------------------------------------
1 file changed, 26 insertions(+), 50 deletions(-)
(limited to 'Contact.html')
diff --git a/Contact.html b/Contact.html
index b543975..37a32d5 100644
--- a/Contact.html
+++ b/Contact.html
@@ -16,13 +16,12 @@
</script>
<title>Contact Me</title>
- <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.css">
-
+ <link rel="stylesheet" href="css/contact.css">
</head>
-<body class="mdc-typography" style="background: #2196F3;">
+<body>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<div w3-include-html="https://navanchauhan.me/menu.html">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
@@ -32,58 +31,35 @@
<script>
w3.includeHTML();
</script>
-
-
-<div>
- <fieldset style="width:25%; background-color: white; margin: auto;">
-
- <form id="contact" action="https://formspree.io/navanchauhan@gmail.com" method="post">
- <div class="mdc-form-field">
- <div class="mdc-text-field" data-mdc-auto-init="MDCTextField">
- <input name="Name" tabindex="1" id="name" type="text" class="mdc-text-field__input" size="100%">
- <label for="name" class="mdc-text-field__label">
- Name
- </label>
- <div class="mdc-line-ripple"></div>
- </div>
- </div>
- <br>
- <div class="mdc-text-field" data-mdc-auto-init="MDCTextField">
- <input name="_replyto" tabindex="2" id="email" type="text" class="mdc-text-field__input" size="100%" type="email">
- <label for="email" class="mdc-text-field__label">
- Email
- </label>
- <div class="mdc-line-ripple"></div>
- </div>
- </div>
- <input type="text" name="_gotcha" style="display:none" />
- <input type="hidden" name="_subject" value="New submission!" />
- <div class="mdc-text-field--textarea">
- <textarea name="message" tabindex="3" id="textarea" class="mdc-text-field__input" rows="8" cols="40" placeholder="Type Ypur Message Here..."></textarea>
-
-
- </div>
-
- </div>
- <div>
- <button type="submit" class="mdc-button
- mdc-button--raised
- mdc-ripple-surface" data-mdc-auto-init="MDCRipple" style="margin: auto; display: block;">
- Submit
- </button>
- </form>
-
+ <div class="container">
+ <form id="contact" action="https://formspree.io/navanchauhan@gmail.com" method="post">
+ <h3>Quick Contact</h3>
+ <h4>Contact me today, and get a reply within 24 hours!</h4>
+ <fieldset>
+ <input placeholder="Your name" type="text" tabindex="1" name="Name" required autofocus>
+ <input type="text" name="_gotcha" style="display:none" />
+ <input type="hidden" name="_subject" value="New submission!" />
+ <input type="hidden" name="_next" value="https://navanchauhan.github.io/Thanks.html" />
+ </fieldset>
+ <fieldset>
+ <input placeholder="Your Email Address" type="email" tabindex="2" name="_replyto" required>
+ </fieldset>
+ <fieldset>
+ <input placeholder="Your Phone Number" type="tel" tabindex="3" name="Phone Number" >
</fieldset>
- <!-- The p element below is where we'll eventually output our greeting -->
+ <fieldset>
+ <textarea placeholder="Type your Message Here...." tabindex="4" name="Message" required></textarea>
+ </fieldset>
+ <fieldset>
+ <button name="submit" type="submit" value="Send" id="contact-submit" data-submit="...Sending">Submit</button>
+ </fieldset>
+ </form>
- <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.js"></script>
- <script>
- window.mdc.autoInit();
- </script>
</div>
-</body>
+</body>
+
</html>
--
cgit v1.2.3