Pages/Contact.cshtml

@@ -3,12 +3,47 @@
 @{
     ViewData["Title"] = "Contact";
 }
-<h2>@ViewData["Title"]</h2>
-<h3>@Model.Message</h3>
-<div class="row">
-  <div class="col-md-12">
-    <h3>Contact us</h3>
-  </div>
+
+
+    <div class="container">	
+	
+						<div class="jumbotron text-center" style="background-image: url(images/jumbotronbackgroundABC.png); background-size: 100% no-repeat center;">
+  <font color="white"><h2>Have questions? We have answers!</h2>
+  </font>
+</div><!--close jumbotron-->
+<hr>
+	
+		
+<p>&nbsp;</p>
+
+
+<div>
+		<div class="row">
+                <div class="col-sm-12 col-md-12">                    
+                        <div class="panel panel-default">
+                            <div class="panel-body">
+								<ul>
+								<li>Check out the <a href="Faqanswers.htm">Answers to Frequently Asked Questions</a> including technical, configurations, licensing, pricing,  purchasing and more</li>
+								</ul>
+								<ul>
+								<li>Follow along with the step tutorial <a href="https://www.ayanova.com/AyaNova7webHelp/basic_overview_of_a_workorder.htm">How do I...?'s</a> with screenshots in the AyaNova online Help documentation</li>
+								</ul>
+								<ul>
+								<li>Check out <a href="https://www.ayanova.com/AyaNova7webHelp/accessing_data_displayed_in_ma.htm">details about each feature</a> of AyaNova and/or its optional add-on in the AyaNova online Help documentation</li>
+								</ul>
+								<ul>
+								<li>View answers to common questions on the <a href="https://forum.ayanova.com" target="_blank">AyaNova Support Forum</a></li>
+								</ul>
+								<ul>
+								<li>Contact us via direct email at <strong>support@ayanova.com</strong></li>
+								</ul>
+								<ul>
+								<li>Have a quick question? Send us your question via our online form below</li>
+								</ul>
+							</div>
+                        </div>                   
+                </div>
+		</div>
 </div>
 <form class="form form-horizontal" method="post">
   <div asp-validation-summary="All"></div>
@@ -56,9 +91,30 @@
       </div>
     </div>
   </div>
-  <div class="row">
+  
+  <!-- Button -->
+		<div class="form-group">
+		  <label class="col-md-4 control-label" for="Send"></label>
+		  <div class="col-md-4">
+			<button type="submit" class="btn btn-info" >Send us your question</button>
+		  </div>
+		</div>		
+  <!-- <div class="row">
     <div class="col-md-12">
       <button type="submit">Send</button>
     </div>
-  </div>
+  </div> -->
 </form>
+<div class="row">
+                <div class="col-sm-12 col-md-12">                    
+                        <div class="panel panel-default">
+                             <div class="panel-body">
+								<p>The email address you provided will automatically and immediately receive a copy of what you sent to us as confirmation too. </p>		
+								<p>All of our responses are from real live people, so there could be a delay receiving a reply due to time zone differences, time of day, weekend, or if a holiday long weekend.</p>
+								<strong><p>Why do we ask for your name, company name and email address?</p></strong>
+								<p>We use the information you send us to respond to you, to provide sales support and technicial support to you and your company, and to make AyaNova recommendations and suggestions to you and your company. Also refer to our <a href="https://www.ayanova.com/privacypolicy.htm" target="_blank">Privacy Policy</a> for more clarity.</p>
+							
+							</div>
+                        </div>                   
+                </div>
+		</div>

Pages/Contact.cshtml.cs

@@ -17,7 +17,7 @@ namespace contact.Pages
         public string Name { get; set; }
         [Required]
         public string Company { get; set; }
-        [Required]
+        [Required, EmailAddress]
         public string Email { get; set; }
         [Required]
         public string Message { get; set; }

wwwroot/css/site.css

@@ -35,3 +35,11 @@ body {
         display: none;
     }
 }
+
+.field-validation-error{
+    color: red;
+}
+
+.validation-summary-errors{
+    color: red;
+}