snyder/resources/views/app/index.blade.php

@extends('layouts.app')
@section('content')
<div class="top">
  <div class="">
    <div class="container h-100 d-flex align-items-center">
      <div class="row">
        <div class="col-lg-7">
          <div class="light-bg shadow-lg">
            <h3 class="md-title text-pry">Non-surgical. Painless. Return to work immediately.</h3>
            <!-- <p class="mb-3">You’re a simple rubber band away from <b>long-lasting hemorrhoid treatment.</b></p> -->
            <p class="mb-3">Just a simple, medical-grade rubber band that takes a doctor <b>less than 60 seconds</b> to apply at the base of your hemorrhoid.</p>
            <p class="mb-3">The hemorrhoid shrinks and falls off, typically within 24 hours.</p>
            <div class="d-sm-flex align-items-center my-4">
              <a href="#" class="btn btn-pry">Find a Clinic</a>
              <a href="#" class="btn btn-outline-pry ms-sm-4 ms-0 mt-sm-0 mt-4">How it Works</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<div class="container pt-md-5 pt-4">

  <div class="row">
    <div class="col-lg-6">
    <h5 class="subtitle">3 things every patient should know:</h5>
    <h5>1. Banding is incredibly effective, safe, and long-lasting.</h5>
    <ul style="" class="mb-3">
      <li class="mb-2">Rubber banding is a highly-effective hemorrhoid removal treatment. It is considered the gold-standard for treating internal hemorrhoids.</li>
      <li class="mb-2">Rubber banding is long-lasting because instead of treating hemorrhoid symptoms, it safely and gently removes hemorrhoids themselves.</li>
      <li class="mb-2">Because it’s non-surgical, you can get back to your life immediately after your visit to a clinic.</li>
    </ul>
    <h5>2. Banding is available at a doctor’s office near you!</h5>
    <ul style="" class="mb-3">
      <li class="mb-2">Thousands of doctors nationwide are trained in hemorrhoid rubber banding.</li>
      <li class="mb-2">Banding takes just minutes - and you’re back to work instantly.</li>
    </ul>
    <h5>3.Banding is widely covered by health insurance plans.</h5>
    <ul style="" class="mb-3">
      <li class="mb-2">Because of banding’s effectiveness, it’s covered by most insurance plans, including Medicare, Medicaid, and employer-sponsored plans.</li>
    </ul>
    </div>
    <div class="col-lg-5 offset-lg-1">
      <div class="bg-dark text-white p-4">
        <p>You’re a simple rubber band away from <b>long-lasting hemorrhoid treatment.</b></p>
        <p>No matter what stage your hemorrhoid is in, a physician trained in using the Snyder HemBand near you can help.</p>
        <a href="#" class="btn btn-light rounded-0 px-5 py-2 mt-3">Find a Clinic</a>
      </div>
    </div>
  </div>
</div>

<div class="container py-5">
  <div class="row">
    <div class="col-xl-6 pe-xl-0">
      <div class="box-1">
        <div class="d-flex flex-column">
          <h4 class="subtitle">
            3 things you should know!
          </h4>
          <h4 class="mb-3">1. It's fast, safe, and effective.</h4>
          <p class="border-bottom pb-4">Banding is the "gold-standard" for treating hemorrhoids, with a greater than 95% success rate. It takes less than a minute.</p>
        
          <h4 class="mb-3">2. It's available near you!</h4>
          <p class="border-bottom pb-4">With thousands of physicians across the United States are trained in how to use the HemBand, there's a clinic near you!</p>
        
          <h4 class="mb-3">3. It's covered by insurance.</h4>
          <p class="border-bottom pb-4">HemBand treatment is covered by most insurance plans, including Medicare, Medicaid, and TriCare.</p>
        </div>
      </div>
    </div>
    <div class="col-xl-6 p-xl-0">
      <div class="box-2">
        <div class="d-flex flex-column">
          <h5 class="header">Hemorrhoids</h5>
          <p class="mb-4">Hemorrhoids emerge when the veins around your anus or your lower rectum get swollen and inflamed. It can be internal or external. Hemorrhoids are prevalent in men and women and affect 1 in 20 Americans. It is most common in adults over the age of 50.</p>
          <a href="#" class="text-white d-block mt-auto text-end">Learn more <i class="ms-1 fal fa-angle-right"></i> </a>
        </div>
      </div>
    <div class="row m-xl-0 box-container">
      <div class="col-xl-6 p-xl-0">
        <div class="box-3">
          <div class="d-flex flex-column">
            <h5 class="header">Post-care</h5>
            <p>Service that won't leave you alone at this.</p>
            <a href="#" class="text-white d-block mt-auto text-end">Learn more <i class="ms-1 fal fa-angle-right"></i> </a>
          </div>
        </div>
      </div>
      <div class="col-xl-6 p-xl-0">
        <div class="box-4">
          <div class="d-flex flex-column">
            <h5 class="header">Comparision</h5>
            <p>There are multiple options available for treating hemorrhoids. Let's see why you should choose snyder hemband?</p>
            <a href="#" class="text-dark d-block mt-auto text-end">Learn more <i class="ms-1 fal fa-angle-right"></i> </a>
          </div>
        </div>
      </div>
    </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="d-sm-flex align-items-start justify-content-between pt-4 pb-5">
    <div class="text-center w-100 mb-sm-0 mb-4">
      <img src="{{asset('img/fp/fp-1.svg')}}" height="40">
      <p class="mt-3"><b>Fast & Safe</b></p>
      <p class="px-4">Hemorrhoid banding takes less than a minute to perform, and is the medical “gold-standard” with a greater than 95% success rate.</p>
    </div>
    <div class="text-center w-100 mb-sm-0 mb-4">
      <img src="{{asset('img/fp/fp-3.svg')}}" height="40">
      <p class="mt-3"><b>Painless</b></p>
      <p class="px-4">Hemorrhoid banding is painless and requires no medication after treatment.</p>
    </div>
    <div class="text-center w-100 mb-sm-0 mb-4">
      <img src="{{asset('img/fp/fp-2.svg')}}" height="40">
      <p class="mt-3"><b>Long-Term Effectiveness</b></p>
      <p class="px-4">Instead of treating symptoms, banding gently removes hemorrhoids themselves.</p>
    </div>
    <div class="text-center w-100 mb-sm-0 mb-4">
      <img src="{{asset('img/fp/fp-4.svg')}}" height="40">
      <p class="mt-3"><b>Covered by Most Health Plans</b></p>
      <p class="px-4">Including Medicare, Medicaid, and most other insurance plans.</p>
    </div>
  </div>
</div>

<div class="container py-xl-5 py-4">
  <div class="d-md-flex align-items-center justify-content-between mb-4 pb-3 border-bottom">
    <h4 class="subtitle mb-0 mb-2"></h4>
  </div>
</div>





<div class="container py-xl-5 py-4 d-none">
  <div class="d-md-flex align-items-center justify-content-between mb-4 pb-3 border-bottom">
    <h4 class="subtitle mb-0 mb-2">What physicians have to say</h4>
    <a href="#">For Phycisians <i class="ms-1 fal fa-angle-right"></i> </a>
  </div>
  <div class="row">
    <div class="col-xl-6">
      <div class="border row m-0">
        <div class="col-xl-4 col-lg-3 col-md-4 ps-0 d-md-block d-none doc-bg" style="background-image:url('{{asset('img/ph-1.png')}}')">
        </div>
        <div class="col-xl-8 col-lg-9 col-md-8 p-4">
          <div class="d-md-none d-block">
            <div class="profile-img">
              <img src="{{asset('/img/ph-1.png')}}" alt="">
            </div>
          </div>
          <div class="text-md-start text-center">
            <div class="d-flex mt-3 align-items-center justify-content-md-start justify-content-center">
              <h4 class="m-0 font-weight-bold">Dr. Nayan Shah</h4>
              <a href="#" class="ms-2"><img src="{{asset('img/linkedin_ic.svg')}}" alt=""> </a>
            </div>
            <h6 class="opacity-50 mt-2 mb-3">Maryland, USA</h6>
          </div>
          <p>"Best treatment option with least possible complications compared to other  treatments. This is a placeholder explaining who is our ideal client & stomer and who we prefer to work with such as medical clinics and etc! Best treatment option with least possible!"</p>
          <div class="d-flex justify-content-between pe-4">
            <img src="{{asset('img/ph-1-sign.svg')}}" alt="">
            <img src="{{asset('img/mayo.svg')}}" alt="">
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-6 mt-xl-0 mt-4">
      <div class="border row m-0">
        <div class="col-xl-4 col-lg-3 col-md-4 ps-0 d-md-block d-none doc-bg" style="background-image:url('{{asset('img/ph-2.png')}}')">
        </div>
        <div class="col-xl-8 col-lg-9 col-md-8 p-4">
          <div class="d-md-none d-block">
            <div class="profile-img">
              <img src="{{asset('/img/ph-2.png')}}" alt="">
            </div>
          </div>
          <div class="text-md-start text-center">
            <div class="d-flex mt-3 align-items-center justify-content-md-start justify-content-center">
              <h4 class="m-0 font-weight-bold">Dr. Nayan Shah</h4>
              <a href="#" class="ms-2"><img src="{{asset('img/linkedin_ic.svg')}}" alt=""> </a>
            </div>
            <h6 class="opacity-50 mt-2 mb-3">Maryland, USA</h6>
          </div>
          <p>"Best treatment option with least possible complications compared to other  treatments. This is a placeholder explaining who is our ideal client & stomer and who we prefer to work with such as medical clinics and etc! Best treatment option with least possible!"</p>
          <div class="d-flex justify-content-between pe-4">
            <img src="{{asset('img/ph-2-sign.svg')}}" alt="">
            <img src="{{asset('img/fl-hosp.svg')}}" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="mt-4 mb-5 bg-grey pt-5">
  <div class="container">
    <div class="row mt-xl-5 mb-xl-0 my-4">
      <div class="col-xl-5 mb-0 d-xl-block d-none">
        <img src="{{asset('img/serve.png')}}" class="w-100" alt="">
      </div>
      <div class="col-xl-6 offset-xl-1">
        <h4 class="subtitle">Who we serve</h4>
        <p>We supply the product Snyder Hemband which is used for treating hemorrhoids through a non-surgical approach in the clinical or hospital setting. It is used by a trained professional who serves patients with hemorrhoids.</p>

        <h5 class="header pt-4">Patients</h5>
        <p class="mb-3">Helping countless patients to deal with hemorrhoids in a painless, quick, effective, and safe manner.</p>
        <hr class="opacity-100">
        <h5 class="header">Physicians</h5>
        <p class="mb-3">Services for those who help others.</p>
        <hr class="opacity-100">
        <h5 class="header">Medical clinics</h5>
        <p class="mb-3">Bulk deals for big companies that care for people.</p>
        <hr class="opacity-100">
      </div>
    </div>
  </div>
</div>
@endsection