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

@extends('layouts.app')
@section('content')
<div class="top">
  <div class="dark">
    <div class="container">
      <div class="row">
        <div class="col-xl-5 col-lg-6">
          <h4 class="title">Non-Surgical Treatment for Hemorrhoids</h4>
          <div class="d-sm-flex text-sm-start text-center align-items-center mt-4">
            <a href="#" class="btn btn-pry">See how it works</a>
            <a href="#" class="text-white d-block ms-sm-5 mt-sm-0 mt-4">Buy Snyder Hemband <i class="ms-2 fal fa-angle-right"></i> </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container py-5">
  <div class="row align-items-baseline">
    <div class="col-xl-5 col-10 offset-xl-0 offset-1 text-xl-start text-center mb-xl-0 mb-4">
      <h4 class="subtitle">For patients</h4>
      <div class="mt-4">
        <img src="{{asset('img/fp.png')}}" class="w-100" alt="">
      </div>
    </div>
    <div class="col-xl-6 offset-xl-1 position-relative">
      <div class="fp-container">
        <div class="border-bottom pb-3 mb-4">
          <div class="d-flex align-items-center mb-2">
            <img src="{{asset('img/fp/fp-1.svg')}}"  class="mb-2" alt="">
            <h5 class="m-0">Painless</h5>
          </div>
          <p>Snyder hemband is the most painless treatment option for hemorrhoids.</p>
        </div>
        <div class="border-bottom pb-3 mb-4 pt-2">
          <div class="d-flex align-items-center mb-3">
            <img src="{{asset('img/fp/fp-2.svg')}}"  alt="">
            <h5 class="m-0">Quick</h5>
          </div>
          <p>Treating hemorrhoids by using snyder hemband is quick and the procedure takes less than a minute.</p>
        </div>
        <div class="border-bottom pb-3 mb-4 pt-2">
          <div class="d-flex align-items-center mb-3">
            <img src="{{asset('img/fp/fp-3.svg')}}"  alt="">
            <h5 class="m-0">Effective</h5>
          </div>
          <p>Appropriate for ALL patients experiencing hemorrhoid symptoms. In fact, over 99% of patients experience relief after treatment.</p>
        </div>
        <div class="pb-3 pt-2">
          <div class="d-flex align-items-center mb-3">
            <img src="{{asset('img/fp/fp-4.svg')}}"  alt="">
            <h5 class="m-0">Safe</h5>
          </div>
          <p>Best treatment option with the least possible complications compared to other treatments.</p>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container py-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-flex mt-3 align-items-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>
          <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-flex mt-3 align-items-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>
          <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