contact

public/css/style.css

@@ -107,6 +107,9 @@ p {
   margin-top: 18px !important;
   border: 1px solid #eee;
 }
+.dropdown-item small {
+  color: #545E65 !important;
+}
 .dropdown-item {
   padding: 15px 25px;
   font-size: 15px;

resources/views/app/compare.blade.php

@@ -15,7 +15,7 @@
     <div class="row justify-content-center">
       <div class="col-lg-7 text-center">
         <h5 class="subtitle">Comparing treatment options</h5>
-        <p>Hemorrhoids get treated at doctors' offices with different treatment options. Synder Hemband ligation treatment is the most effective, fast, and painless treatment compared to other treatments. It has the least complications and hemorrhoids are less likely to come back than other treatments.</p>
+        <p>Hemorrhoids get treated at doctors' offices with different treatment options. Snyder Hemband ligation treatment is the most effective, fast, and painless treatment compared to other treatments. It has the least complications and hemorrhoids are less likely to come back than other treatments.</p>
       </div>
     </div>
   </div>
@@ -23,7 +23,7 @@
 <div class="container py-5">
   <div class="row justify-content-center">
     <div class="col-lg-7 py-lg-4 text-center">
-      <h5 class="subtitle mb-4">Treatment comparisons:</h5>
+      <h5 class="subtitle">Treatment comparisons:</h5>
     </div>
   </div>
   <div class="mt-4 col-lg-12">
@@ -146,7 +146,7 @@
         </tbody>
       </table>
     </div>
-    <div class="mt-4 d-flex justify-content-center align-items-center">
+    <div class="my-4 d-flex justify-content-center align-items-center">
         <div class="">
           <img src="{{asset('img/medscape.svg')}}" class="w-100" alt="">
         </div>

resources/views/app/contact.blade.php

@@ -10,11 +10,60 @@
         </nav>
     </div>
 </div>
-<div class="container py-5">
-  <div class="row justify-content-center">
-    <div class="col-lg-7 text-center">
-      <h5 class="subtitle">Comparing treatment options</h5>
-      <p>Hemorrhoids get treated at doctors' offices with different treatment options. Synder Hemband ligation treatment is the most effective, fast, and painless treatment compared to other treatments. It has the least complications and hemorrhoids are less likely to come back than other treatments.</p>
+<div class="container py-5 my-4">
+  <div class="row">
+    <div class="col-lg-6 bg-grey p-lg-5 p-4">
+      <h4 class="subtitle">Get in touch with us:</h4>
+      <p class="mb-4">Send us Message and we will get back to you!</p>
+      <form class="" action="" method="post">
+        @csrf
+        <div class="row mb-4">
+          <div class="col-lg-6 form-group">
+            <input type="text" class="form-control rounded-0 py-3" name="fname" placeholder="First Name" required value="">
+          </div>
+          <div class="col-lg-6 form-group">
+            <input type="text" class="form-control rounded-0 py-3" name="lname" placeholder="Last Name" required value="">
+          </div>
+        </div>
+        <div class="form-group mb-4">
+          <input type="email" class="form-control rounded-0 py-3" name="email" placeholder="Email Address" required value="">
+        </div>
+        <div class="form-group mb-4">
+          <input type="text" class="form-control rounded-0 py-3" name="subject" placeholder="Subject" required value="">
+        </div>
+        <div class="form-group mb-4">
+          <textarea name="message" class="form-control rounded-0" required placeholder="Message" rows="6"></textarea>
+        </div>
+        <button type="submit" class="btn btn-pry w-100 py-3">Submit message</button>
+      </form>
+    </div>
+    <div class="col-lg-5 offset-lg-1">
+      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7319.087334623804!2d-75.68153637595971!3d39.66958345452699!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c700d1a9f368ed%3A0xe0065e295c0b7653!2s258%20Chapman%20Rd%2C%20Newark%2C%20DE%2019702%2C%20USA!5e0!3m2!1sen!2ske!4v1665057570431!5m2!1sen!2ske" height="350" class="w-100" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+      <div class="row mt-5">
+        <div class="col-lg-6">
+          <h5 class="header m-0">Our Office</h5>
+          <hr class="w-75 my-3">
+          <div class="">
+            258 Chapman Road, <br>
+            Suite 101-A, <br>
+            Newark, DE 19702
+          </div>
+        </div>
+        <div class="col-lg-6">
+          <h5 class="header m-0">Contact</h5>
+          <hr class="w-75 my-3">
+          <h5 class="mb-2">General questions</h5>
+          <div class="mb-4">
+            <a class="text-dark" href="mailto:info@snyderhemband.com">info@snyderhemband.com</a> <br>
+            <a class="text-dark" href="tel:+1-833-444-8448">+1-833-444-8448</a>
+          </div>
+          <h5 class="mb-2">For physicians</h5>
+          <div class="mb-4">
+            <a class="text-dark" href="mailto:phy@snyderhemband.com">phy@snyderhemband.com</a> <br>
+            <a class="text-dark" href="tel:+1-833-444-8448">+1-833-444-8448</a>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

resources/views/app/post-care.blade.php

@@ -14,8 +14,8 @@
   <div class="container py-lg-4">
     <div class="row align-items-center">
       <div class="col-lg-4">
-        <h5 class="title mb-4">Your treatment with Synder Hemband</h5>
-        <p>A small rubber band is placed around the base of a hemorrhoid using Synder Hemband by your doctor.</p>
+        <h5 class="title mb-4">Your treatment with Snyder Hemband</h5>
+        <p>A small rubber band is placed around the base of a hemorrhoid using Snyder Hemband by your doctor.</p>
         <p>The blood supply to the hemorrhoid is reduced by the generation of compression, causing it to shrink and eventually fall off. This forms a small scar at the base of the hemorrhoid which will heal in just a few days.</p>
         <p>The banding is done above the dentate line, a section of rectum with a very low number of pain-sensitive nerves. This is why the procedure is painless.</p>
       </div>
@@ -33,7 +33,7 @@
         <div class="accordion-item">
           <h2 class="accordion-header" id="faqOne">
             <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentOne" aria-expanded="false" aria-controls="faqContentOne">
-              Can Synder Hemband work for me?
+              Can Snyder Hemband work for me?
             </button>
           </h2>
           <div id="faqContentOne" class="accordion-collapse collapse" aria-labelledby="faqOne" data-bs-parent="#faq">
@@ -73,7 +73,7 @@
         <div class="accordion-item">
           <h2 class="accordion-header" id="faqFivee">
             <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqContentFivee" aria-expanded="false" aria-controls="faqContentFivee">
-              How much does hemorrhoid banding with the Synder Hemband cost?
+              How much does hemorrhoid banding with the Snyder Hemband cost?
             </button>
           </h2>
           <div id="faqContentFivee" class="accordion-collapse collapse" aria-labelledby="faqFivee" data-bs-parent="#faq">

resources/views/app/snyder.blade.php

@@ -79,7 +79,7 @@
 <div class="container py-5">
     <div class="row">
       <div class="col-lg-12 text-center">
-        <h4 class="title mb-5 pb-3">After treatment Care</h4>
+        <h4 class="subtitle mb-4 pb-3">After treatment Care</h4>
       </div>
     </div>
     <div class="row">

resources/views/layouts/app.blade.php

@@ -6,7 +6,7 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>Synder Hemband</title>
+    <title>Snyder Hemband</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
     <link rel="stylesheet" href="{{asset('vendor/fontawesome/css/all.min.css')}}">
     <link rel="stylesheet" href="{{asset('/css/style.css')}}" />
@@ -43,7 +43,7 @@
                     <div class="collapse navbar-collapse" id="navBar">
                         <ul class="navbar-nav ms-auto align-items-lg-center">
                             <li class="nav-item">
-                                <a class="nav-link" href="{{ route('snyderhemband') }}">Synder Hemband</a>
+                                <a class="nav-link" href="{{ route('snyderhemband') }}">Snyder Hemband</a>
                             </li>
                             <li class="nav-item dropdown">
                               <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -59,7 +59,7 @@
                                 <li>
                                   <a class="dropdown-item" href="{{route('treatment')}}">
                                     <h6 class="mb-1">Treatment guide</h6>
-                                    <small>Let’s learn a bit more about Synder Hemband.</small>
+                                    <small>Let’s learn a bit more about Snyder Hemband.</small>
                                   </a>
                                 </li>
                                 <li>
@@ -98,7 +98,7 @@
               <h4>Useful links</h4>
               <p><a href="#"><u>Ligation wikipedia</u></a></p>
               <p><a href="#"><u>What are hemorrhoids</u></a></p>
-              <p><a href="#"><u>What is Synder Hemband</u></a></p>
+              <p><a href="#"><u>What is Snyder Hemband</u></a></p>
               <p><a href="#"><u>How it works</u></a></p>
               <p><a href="#"><u>Treatment options comparision</u></a></p>
             </div>
@@ -120,7 +120,7 @@
                 <img src="{{asset('img/logo_white.svg')}}" class="w-75" alt="">
               </div>
               <div class="col-lg-3">
-                <p class="mb-4"><a href="#" class="text-white">Synder Hemband</a></p>
+                <p class="mb-4"><a href="#" class="text-white">Snyder Hemband</a></p>
                 <div class="dropdown">
                   <a class="text-white mb-4 d-block dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                     Get rid of Hemorrhoids