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 Physician</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 mt-3">
  <div class="d-sm-flex align-items-start justify-content-between py-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 pb-xl-5">
  <div class="row">
    <div class="col-xl-6 pe-xl-0">
      <div class="box-1">
        <div class="d-flex flex-column">
          <h5 class="subtitle">About Snyder Hemband</h5>
          <p>Snyder hemband is device for treating hemorrhoids. The components of this device include inner tube, plunger, outer tube, thumb pusher, loading device and elastic band.</p>

          <p>Snyder Hemband is the system that allows a physician to place a gentle medical rubber band safely around the base of hemorrhoids.</p>

          <p>The soft rubber band generates the compression around the hemorrhoids reducing the blood supply, which causes it to shrink and eventually fall off.</p>

          <p>It is a painless procedure with little discomfort occasionally. The rubber band gets placed around the hemorrhoid in less than a minute. </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-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 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">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>
<div class="container py-md-5 py-4">
  <div class="text-center">
    <h4 class="title mb-3">Snyder Hemband</h4>
    <p>Snyder hemband is a device for treating hemorrhoids. The components of this device <br class="d-lg-block d-none">  include an inner tube, plunger, outer tube, thumb pusher, loading device, and elastic band.</p>
  </div>
  <div class="border mt-5 mb-4 p-md-5 p-3 text-center">
    <img src="{{asset('img/snyder.png')}}" class="w-75" alt="">
  </div>
  <div class="d-md-flex align-items-center justify-content-between mb-md-4 mb-2 pb-3 border-bottom">
    <h4 class="header m-0">Snyder Hemband process in 3 steps:</h4>
    <a href="#" class="btn btn-pry px-5 mt-md-0 mt-3">Order now</a>
  </div>
  <div class="row">
    <div class="col-lg-4 p-md-4 pt-3">
      <h4 class="mb-3">1. Ligation process</h4>
      <p class="text-justify border-bottom pb-4">Ligation process treats bleeding or prolapsing internal hemorrhoids. In this procedure, a doctor places a special rubber band (non-latex option is available on request) around the base of the hemorrhoids in an outpatient clinic setting or hospital.Use of anascope is optional based on discretion of physicians. No pre-procedure such as anesthesia or sterilization is required.</p>
    </div>
    <div class="col-lg-4 p-md-4 pt-3">
      <h4 class="mb-3">2. Destroying hemorrhoids</h4>
      <p class="text-justify border-bottom pb-4">The blood supply gets cut off and the banded part of hemorrhoid dries up and falls off mostly within a week. Scar tissue left behind gets healed by itself. A trained doctor performs this procedure and one should never try to do it by himself.</p>
    </div>
    <div class="col-lg-4 p-md-4 pt-3">
      <h4 class="mb-3">3. Post-treatment care</h4>
      <p class="text-justify border-bottom pb-4">Maintain a regular exercise routine and a healthy weight to help avoid the recurrence of hemorrhoids. Continue to take your usual medications as prescribed. Check with your physician about medications that could cause constipation or diarrhea. Unless your doctor directs you to do so, do not insert medication inside your rectum.</p>
    </div>
  </div>
</div>
@endsection