Treatment options

resources/views/app/compare.blade.php

@@ -1,21 +1,21 @@
 @extends('layouts.app')
 @section('content')
 <div class="bg-light">
-    <div class="container pt-3">
-        <nav class="mb-0">
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="{{route('index')}}"><u>Home</u></a></li>
-                <li class="breadcrumb-item active" aria-current="page">Compare treatment options</li>
-            </ol>
-        </nav>
-    </div>
+  <div class="container pt-3">
+    <nav class="mb-0">
+      <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="{{route('index')}}"><u>Home</u></a></li>
+        <li class="breadcrumb-item active" aria-current="page">Compare treatment options</li>
+      </ol>
+    </nav>
+  </div>
 </div>
 <div class="bg-grey py-5">
   <div class="container py-lg-4">
     <div class="row justify-content-center">
       <div class="col-lg-7 text-center">
-        <h5 class="subtitle">Compare treatment options</h5>
-        <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>
+        <h5 class="subtitle">Compare Treatment Options</h5>
+        <p>There are a number of ways to treat hemorrhoids, from symptom-management to removing the root of the issue. Compared to other hemorrhoid treatments, rubber banding is the fastest, least painful, and most effective solution.</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">Treatment comparisons:</h5>
+      <h5 class="subtitle">What are my medical options for treating hemorrhoids?</h5>
     </div>
   </div>
   <div class="mt-4 col-lg-12">
@@ -32,11 +32,21 @@
         <thead>
           <tr class="bg-light text-center">
             <th></th>
-            <th><h5 class="m-0 my-3">Success rate</h5></th>
-            <th><h5 class="m-0 my-3">Recurrence rate</h5></th>
-            <th><h5 class="m-0 my-3">Complications</h5></th>
-            <th><h5 class="m-0 my-3">Pain level</h5></th>
-            <th><h5 class="m-0 my-3">Treatment time</h5></th>
+            <th>
+              <h5 class="m-0 my-3">Success rate</h5>
+            </th>
+            <th>
+              <h5 class="m-0 my-3">Recurrence rate</h5>
+            </th>
+            <th>
+              <h5 class="m-0 my-3">Complications</h5>
+            </th>
+            <th>
+              <h5 class="m-0 my-3">Pain level</h5>
+            </th>
+            <th>
+              <h5 class="m-0 my-3">Treatment time</h5>
+            </th>
           </tr>
         </thead>
         <tbody>
@@ -146,13 +156,78 @@
         </tbody>
       </table>
     </div>
-    <div class="my-4 d-flex justify-content-center align-items-center">
+    <div class="mt-4 d-flex justify-content-center align-items-center">
+      <div class="">
+        <img src="{{asset('img/medscape.svg')}}" class="w-100" alt="">
+      </div>
+      <span class="mx-3">|</span>
+      <span>Source: Medscape website</span>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+  <div class="row">
+    <div class="col-lg-12">
+      <hr />
+    </div>
+  </div>
+</div>
+
+<div class="container py-5">
+  <div class="row">
+    <div class="col-lg-6 mb-lg-5 mb-4">
+      <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+        <div class="">
+          <h4 class="header text-dark">Hemorrhoid banding</h4>
+          <p>With rubber band ligation, or banding, a doctor places a rubber band around the swollen tissue and cuts off blood flow to the hemorrhoid. The tissue shrinks away and then detaches from the body, leaving scar tissue that redirects blood flow and even helps to prevent future hemorrhoids. This procedure is painless, safe, convenient, and quick with the Snyder HemBand.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-6 mb-lg-5 mb-4">
+      <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
         <div class="">
-          <img src="{{asset('img/medscape.svg')}}" class="w-100" alt="">
+          <h4 class="header text-dark">Infrared Coagulation</h4>
+          <p>With infrared coagulation, small internal hemorrhoids are exposed to a laser or infrared light. This causes scar tissue to form, cutting off blood flow and causing hemorrhoidal tissue to die.</p>
         </div>
-        <span class="mx-3">|</span>
-        <span>Source: Medscape website</span>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-lg-6 mb-4">
+      <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+        <div class="">
+          <h4 class="header text-dark">Sclerotherapy</h4>
+          <p>In this procedure, a solution is injected into the internal hemorrhoid by a doctor, causing scar tissue to form. The scar tissue cuts off the blood supply, often shrinking the hemorrhoids. Results are seen over a series of treatments.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-6 mb-sm-4">
+      <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+        <div class="">
+          <h4 class="header text-dark">Hemorrhoidectomy</h4>
+          <p>A surgeon performs surgery in which large external hemorrhoids and prolapsing internal hemorrhoids resistant to non-surgical treatments are removed. Anesthesia is required before performing a hemorrhoidectomy. The risk of surgical complications is associated.</p>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-6 mb-sm-4">
+      <div class="d-sm-flex d-center text-sm-start text-center align-items-start">
+        <div class="">
+          <h4 class="header text-dark">Hemorrhoid stapling</h4>
+          <p>A surgeon removes internal hemorrhoid tissue by using a staple and pulls a prolapsing internal hemorrhoid back into the anus. Anesthesia is required before performing a hemorrhoidectomy. The risk of surgical complications is associated.</p>
+          <p>Of the non-surgical options, banding is the leading option. Compared to sclerotherapy, which primarily treats lower-level hemorrhoids over a series of visits, and coagulation, which only treats small hemorrhoids over a series of visits, <b>rubber band ligation can treat most hemorrhoids regardless of size or classification in a single doctor’s office visit.</b></p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="row mt-4">
+    <div class="col-12">
+      <div class="text-center">
+        <a href="{{ route('find-a-clinic') }}" class="btn px-4 py-2 rounded-0 btn-pry">Find a Clinic Near You</a>
+      </div>
     </div>
   </div>
 </div>
-@endsection
+
+
+@endsection

resources/views/layouts/app.blade.php

@@ -81,12 +81,14 @@
 <footer>
       <div class="py-lg-5 py-3" style="background-color: #F7F7F7;">
         <div class="container">
-          <div class="d-sm-flex align-items-center w-100">
-            <div>
-              <h4 class="header m-0">Have any questions? <br class="d-md-none d-block"></h4>
-            </div>
-            <div class="ps-sm-4">
-              <a href="{{route('contact')}}" class="btn btn-outline-pry px-5 mt-sm-0 mt-3">Contact us</a>
+          <div class="row justify-content-center">
+            <div class="d-flex justify-content-center align-items-center w-100">
+              <div>
+                <h4 class="header m-0">Have any questions? <br class="d-md-none d-block"></h4>
+              </div>
+              <div class="ps-sm-4">
+                <a href="{{route('contact')}}" class="btn btn-outline-pry px-5 mt-sm-0 mt-3">Contact us</a>
+              </div>
             </div>
           </div>
         </div>