sunshinesinging
11/3/2018 - 12:18 AM

HTML

Contact Form

<!-- Form -->
			  <span>Contact Me</span>
			  <form id="contact" name="contact" method="post">
			  	<!-- First Name & Last Name -->
			  	<div class="row">
				  <div class="col-sm-6">
				  	<!-- First Name -->
				    <div class="form-group">
				      <input id="firstname" spellcheck=false class="form-control" name="firstname" type="text" size="18" alt="login" required="">
				      <span class="form-highlight"></span>
				      <span class="form-bar"></span>
				      <label for="firstname" class="float-label">First Name *</label>
				      <div id="errfirstname" class="errortext"></div>
				    </div>
				  </div>
				  <div class="col-sm-6">
				  	<!-- Last Name -->
				    <div class="form-group">
				      <input id="lastname" spellcheck=false class="form-control" name="lastname" type="text" size="18" alt="login" required="">
				      <span class="form-highlight"></span>
				      <span class="form-bar"></span>
				      <label for="lastname" class="float-label">Last Name *</label>
				      <div id="errlastname" class="errortext"></div>
				    </div>
				  </div>
				</div>
			  	
			    <!-- Email -->
			    <div class="form-group">
			      <input id="email" spellcheck=false class="form-control" name="email" type="text" size="18" alt="login" required="">
			      <span class="form-highlight"></span>
			      <span class="form-bar"></span>
			      <label for="email" class="float-label">Email *</label>
			      <div id="erremail" class="errortext"></div>
			    </div>
			    <!-- Comment -->
			    <div class="form-group">
			      <label for="subject">Comment</label>
			      <span class="form-highlight"></span>
			      <span class="form-bar"></span>
			      <textarea id="comment" name="comment" placeholder="Your Comment.." style="height:200px"></textarea>
			      <div id="errcomment" class="errortext"></div>
			    </div>

			    <div class="form-group">
				    <button id="submit" type="submit" ripple>Submit</button>
			    </div>
			    <!-- The Modal -->
				<div id="myModal" class="modal">
				  <!-- Modal content -->
				  <div class="modal-content">
				    <span class="close">&times;</span>
				    <p id="info"></p>
				  </div>
				</div>
			  </form>