index.html

<!-- @format -->

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/style.css" />
    <style></style>
    <title>Saylani Welfare Trust</title>
  </head>
  <body>
    <header id="head">
      <div class="container-fluid">
        <div class="row header">
          <div class="col-xl-3 col-lg-4 col-md-12 col-sm-12 col-12 text-center">
            <ul class="list-unstyled header-ul-social">
              <li class="pl-2 pr-2 hovr">
                <a class="" href="https://www.facebook.com/pg/saylaniwelfare" target="_blank">
                  <i class="fa fa-facebook-f" style="color: white"></i>
                </a>
              </li>

              <li class="pl-2 pr-2 ml-2 hovr">
                <a href="https://twitter.com/OfficialSwit" target="_blank">
                  <i class="fa fa-twitter" style="color: white"></i>
                </a>
              </li>

              <li class="pl-2 pr-2 ml-2 hovr">
                <a href="https://www.instagram.com/saylaniwelfare/" target="_blank">
                  <i class="fa fa-instagram" style="color: white"></i>
                </a>
              </li>

              <li class="pl-2 pr-2 ml-2 hovr">
                <a href="https://www.youtube.com/c/SaylaniWelfareTrustOfficialPage" target="_blank">
                  <i class="fa fa-youtube" style="color: white"></i>
                </a>
              </li>

              <li class="pl-2 pr-2 ml-2 hovr">
                <a href="https://wa.me/923331201585" target="_blank">
                  <i class="fa fa-whatsapp" style="color: white; background-color: #65bc54"></i>
                </a>
              </li>
            </ul>
          </div>
          <div class="col-xl-6 col-lg-4 col-md-12 col-sm-12 col-12 text-center">
            <span class="text-justify align-middle text-justify" style="color: #fff; font-weight: 550; font-family: Open Sans; word-spacing: 1px; font-weight: 700">Millions of people's life has changed, millions more awaiting your donation</span>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-12 col-sm-12 col-12 text-center">
            <ul class="list-unstyled text-center donation-links">
              <li>
                <button type="button" class="btn-sm">
                  <a class="" href="https://www.saylaniwelfare.com/UK-Ramzan" target="_blank">UK Donor</a>
                </button>
              </li>
              <li>
                <button type="button" class="btn-sm">
                  <a class="" href="https://www.saylaniwelfare.com/Online-Sadqah" target="_blank">Donate Now</a>
                </button>
              </li>
              <li>
                <button type="button" class="btn-sm">
                  <a class="" href="https://www.saylaniwelfare.com/result" target="_blank">SMIT Results</a>
                </button>
              </li>
            </ul>
          </div>
        </div>

        <div class="row pt-2 bg-white">
          <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 col-xs-12">
            <nav class="navbar navbar-expand-lg">
              <img style="max-width: 100%; max-height: 52px" src="./images/Sylani-logo.png" class="img-fluid" alt="Responsive image" />
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="">
                  <i class="fa fa-bars" style="font-size: 24px; color: #777777"></i>
                </span>
              </button>

              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                  <li class="nav-item active">
                    <a class="nav-link btn-sm text-center" style="background-color: #316dc3; color: white !important; padding: 8px 16px; border-radius: 30px" href="#">
                      Home
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>

                  <li class="nav-item dropdown">
                    <a style="border-radius: 30px" class="nav-link navmyhover" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      About
                      <i class="fa fa-angle-down"></i>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                      <a class="dropdown-item" href="#">Introduction</a>
                      <a class="dropdown-item" href="#">Chairman Message</a>
                      <a class="dropdown-item" href="#">Sylani Annual report</a>
                    </div>
                  </li>

                  <li class="nav-item dropdown">
                    <a style="border-radius: 30px" class="nav-link navmyhover" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Saylani Services
                      <i class="fa fa-angle-down"></i>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                      <a class="dropdown-item" href="#">Education</a>
                      <a class="dropdown-item" href="#">Medical</a>
                      <a class="dropdown-item" href="#">Welfare</a>
                      <a class="dropdown-item" href="#">Hajj Application Form</a>
                      <a class="dropdown-item" href="#">Sylani Dastarkhawan</a>
                      <a class="dropdown-item" href="#">Saylani Ro Plant</a>
                      <a class="dropdown-item" href="#">Online Sadqah</a>
                      <a class="dropdown-item" href="#">Oline Taweez / Istekhara</a>
                      <a class="dropdown-item" href="#">Syalni Job Bank</a>

                      <a class="dropdown-item" href="#">Online Quran Academy</a>
                      <a class="dropdown-item" href="#">Books</a>
                      <a class="dropdown-item" href="#">Saylani Online Masjid</a>
                    </div>
                  </li>

                  <li class="nav-item dropdown">
                    <a style="border-radius: 30px" class="nav-link navmyhover" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Future Project
                      <i class="fa fa-angle-down"></i>
                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                      <a class="dropdown-item" href="#">Saylani University</a>
                      <a class="dropdown-item" href="#">Saylani City</a>
                    </div>
                  </li>

                  <li class="nav-item active">
                    <a style="border-radius: 30px" class="nav-link navmyhover" href="#">
                      Media
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>

                  <li class="nav-item active">
                    <a style="border-radius: 30px" class="nav-link navmyhover" href="#">
                      News
                      <span class="sr-only">(current)</span>
                    </a>
                  </li>

                  <li class="nav-item dropdown">
                    <a style="border-radius: 30px" class="nav-link navmyhover" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Donation
                      <i class="fa fa-angle-down"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                      <a class="dropdown-item" href="#">Bank Details</a>
                      <a class="dropdown-item" href="#">Sadqa</a>
                      <a class="dropdown-item" href="#">Aqiqa</a>
                      <a class="dropdown-item" href="#">Other Donation</a>
                      <a class="dropdown-item" href="#">Corona Effecties</a>
                      <a class="dropdown-item" href="#">Ramzan 2020</a>
                      <a class="dropdown-item" href="#">Contact Us</a>
                    </div>
                  </li>
                </ul>
              </div>
            </nav>
          </div>
        </div>
      </div>
    </header>

    <div class="main-content">
      <section>
        <div class="container-fluid">
          <div class="row">
            <div class="col">
              <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                  <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                  <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                  <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <img class="d-block w-100" src="./images/RotiBank_Slider.jpeg" alt="First slide" />
                  </div>
                  <div class="carousel-item">
                    <img class="d-block w-100" src="./images/Banner.png" alt="Second slide" />
                  </div>

                  <div class="carousel-item">
                    <img class="d-block w-100" src="./images/slider1.jpeg" alt="Third slide" />
                  </div>

                  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="container">
          <div class="row mt-2 pt-1 pb-1 marqu">
            <div class="col">
              <marquee behavior="" direction="left" scrollamount="6">
                <span>(News-1 Dated:15-06-2019)</span>
                PIAICNext Phase Admission in Islamabad And Faisalabad" .
                <a href="">More Details</a>
                <span>(News-2 Dated:15-05-2019)</span>
                Saylani Welfare Announced "Donation Application" .
                <a href="">More Details</a>
                <span>(News-3 Dated:07-05-2019)</span>
                Alhamdulillah Saylani Organized 200+ Locations For Iftar And Sehri In This Holy Month .
                <a href="">More Details</a>
                <span>(News-4 Dated:08-03-2019)</span>
                Saylani Welfare Distributing Ration & Clothes to affected people of Balochistan.
                <a href="">More Details</a>
                <span>(News-5 Dated:25-02-2019)</span>
                PIAIC Entrance Exam Merit Ranking List Announced.
                <a href="">More Details</a>
                <span>(News-6 Dated:23-02-2019)</span>
                President of Pakistan (Dr. Arif Alvi) Visited Saylani Welfare International Trust HeadOffice Karachi.
                <a href="">More Details</a>
                <span>(News-7 Dated:19-02-2019)</span>
                Dr Jamil Ahmed (Additional Inspector General of Police) & Atiqmir Visit Saylani Welfare International Trust, Saylani Mass I.T. Training.
                <a href="">More Details</a>
              </marquee>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="container">
          <div class="row mt-5 mb-5">
            <div class="col-xl-12 text-center">
              <h2 class="introduction-h2">
                <span class="intro-span-1">INTRO</span>
                <span class="intro-span-2">DUCTION</span>
              </h2>

              <span style="color: #427900; font-weight: bold !important; font-size: 20px">
                __
                <img style="height: 40px !important; margin-left: 20px; margin-right: 20px" src="./images/mini-logo.jpg" class="img-fluid" alt="Responsive image" />
                __
              </span>
            </div>

            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 intro" style="line-height: 1.9">
              <p style="font-family: Open Sans">Established in May 1999 by famous spiritual and religious scholar Maulana Bashir Ahmed Farooqui, Saylani Welfare International Trust was built on the fundamentals of breaking the cycle of poverty, alleviating the financial troubles of the poor, giving people a chance to live a dignified life and spreading happiness.</p>

              <p style="font-family: Open Sans">We are an organization that believes in lighting up the lives of underprivileged people across the world. We endeavor to provide the best quality services in areas including food, education, medical and social welfare free of cost to people living in the dark. With over 60 different sectors, we feed thousands of hungry people each day, hundreds more are given the hope of life through medical health care, many are educated to become leaders of tomorrow and several are given the opportunity to stand on their feet financially.</p>

              <p style="font-family: Open Sans">Today, we are proud to say that our physical presence extends throughout Pakistan with a vast network of 125 branches operating in major cities including Karachi, Lahore, Islamabad, Rawalpindi, Hyderabad and Faisalabad. Apart from Pakistan, we have overseas offices in the UK, USA and UAE as well. Our worldwide branches are operating under the guidance of a team of over 2,000 working professionals who help almost 125,000 people on a daily basis.</p>

              <p style="font-family: Open Sans">We strongly believe that a little help goes a long way and our work would not be possible without the generous support of our valuable donors. Our local and international donors have graciously lent us a hand by supporting our causes and enabling us to serve the needs of people in need.</p>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="container-fluid">
          <div class="row services text-center pb-5 pt-5 mb-5">
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12 mb-4 pt-4">
              <img src="./images/dastar 1.png" class="img-fluid imgs" alt="Responsive image" />
              <h2 class="text-white font-42 font-weight-500 mt-0 mb-0">125,000</h2>
              <h5 class="text-white text-uppercase font-weight-600 mt-3">
                DAILY DASTRAKHAN
                <span class="span-2">(MONTHLY)</span>
              </h5>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12 mb-4 pt-4">
              <img src="./images/family 1.png" class="img-fluid imgs" alt="Responsive image" />
              <h2 class="text-white font-42 font-weight-500 mt-0 mb-0">7,500</h2>
              <h5 class="text-white text-uppercase font-weight-600 mt-3">
                FAMILY ADOPTION
                <span class="span-2">(MONTHLY)</span>
              </h5>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12 mb-4 pt-4">
              <img src="./images/medical 1.png" class="img-fluid imgs" alt="Responsive image" />
              <h2 class="text-white font-42 font-weight-500 mt-0 mb-0">43,749</h2>
              <h5 class="text-white text-uppercase font-weight-600 mt-3">
                MEDICAL
                <span class="span-2">(MONTHLY)</span>
              </h5>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 col-12 mb-4 pt-4">
              <img src="./images/education 1.png" class="img-fluid" alt="Responsive image" />
              <h2 class="text-white font-42 font-weight-500 mt-0 mb-0">180,000</h2>
              <h5 class="text-white text-uppercase font-weight-600 mt-3">
                EDUCATION
                <span class="span-2">(MONTHLY)</span>
              </h5>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="container">
          <div class="row saylani-doing font-weight-600 text-center mb-5" style="background-color: #f7f8fa !important">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 font-weight-600 mb-5">
              <h2 style="font-size: 2rem" class="h2">
                <span class="doing-span-1">WHAT WE</span>
                <span class="doing-span-2">ARE DOING?</span>
              </h2>
              <span style="color: #427900; font-weight: bold !important; font-size: 20px">
                __
                <img style="height: 40px !important; margin-left: 20px; margin-right: 20px" src="./images/mini-logo.jpg" class="img-fluid" alt="Responsive image" />
                __
              </span>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="text-center box-shadow bg-white">
                <a href="https://www.saylaniwelfare.com/Online-Sadqah">
                  <img src="./images/donation.png" alt="" />
                </a>
                <h4 class="font-weight-600 mt-4">ONLINE SADQAH</h4>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="text-center box-shadow bg-white">
                <a href="">
                  <img src="./images/family 2.png" alt="" />
                </a>
                <h4 class="font-weight-600 mt-4">WELFARE</h4>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="text-center box-shadow bg-white">
                <a href="">
                  <img src="./images/medical 2.png" alt="" />
                </a>
                <h4 class="font-weight-600 mt-4">MEDICAL</h4>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="text-center box-shadow bg-white">
                <a href="">
                  <img src="./images/dastar 2.png" alt="" />
                </a>
                <h4 class="font-weight-600 mt-4">DASTARKHWAN</h4>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="text-center box-shadow bg-white">
                <a href=""><img src="./images/plant.png" alt="" /></a>
                <h4 class="font-weight-600 mt-4">RO PLANT</h4>
              </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
              <div class="text-center box-shadow bg-white">
                <a href="">
                  <img src="./images/education 2.png" alt="" />
                </a>
                <h4 class="font-weight-600 mt-4">EDUCATION</h4>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="container mission-events" style="background-color: #ffffff !important">
          <div class="row mb-5">
            <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 mb-4">
              <h3>
                <span style="padding-bottom: 7px; border-bottom: 2px solid #427900">MIS</span>
                SION AND UPCOMING PROJECTS
              </h3>

              <div class="row mt-5">
                <div class="col-xl-6 col-lg-6 col-md-6 sol-sm-12">
                  <div class="media">
                    <a href="https://www.saylaniwelfare.com/home#">
                      <img class="mr-3" src="./images/hapatitis.png" alt="Generic placeholder image" />
                    </a>
                    <div class="media-body">
                      <h4 class="mt-0">HEPATITIS</h4>
                    </div>
                  </div>
                </div>

                <div class="col-xl-6 col-lg-6 col-md-6 sol-sm-12">
                  <div class="media">
                    <a href="https://www.saylaniwelfare.com/home#">
                      <img class="mr-3" src="./images/home.png" alt="Generic placeholder image" />
                    </a>
                    <div class="media-body">
                      <h4 class="mt-0">HOUSING SOCIETY</h4>
                    </div>
                  </div>
                </div>

                <div class="col-xl-6 col-lg-6 col-md-6 sol-sm-12">
                  <div class="media">
                    <a href="https://www.saylaniwelfare.com/home#">
                      <img class="mr-3" src="./images/laptop (1).png" alt="Generic placeholder image" />
                    </a>
                    <div class="media-body">
                      <h4 class="mt-0">IT LITERACY</h4>
                    </div>
                  </div>
                </div>

                <div class="col-xl-6 col-lg-6 col-md-6 sol-sm-12">
                  <div class="media">
                    <a href="https://www.saylaniwelfare.com/home#">
                      <img class="mr-3" src="./images/desert.png" alt="Generic placeholder image" />
                    </a>
                    <div class="media-body">
                      <h4 class="mt-0">THARPARKAR</h4>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
              <h3 class="pb-4">
                <span style="padding-bottom: 8px; border-bottom: 2px solid #427900">Upc</span>
                oming Events
              </h3>
              <p class="text-justify" style="margin-top: 25px">
                <marquee direction="up" width="250" height="200" scrollamount="3">
                  Saylani Welfare Distributing Ration &amp; Clothes to affected people of Balochistan .
                  <a href="https://www.facebook.com/saylaniwelfare/posts/3164679946891260?__tn__=-R">More Details</a>
                  <br />
                  <br />
                  Entry Test Accouncement (Graphic Designing &amp; Video Editing/Animation Course) On Sunday 3rd March 2019 @ 11:00Am Vanue: 4rh Floor, Saylani Welfare International Trust HeadOffice Bahadurabad .
                  <a href="https://www.facebook.com/saylaniwelfare/photos/a.258515937507690/3152781434747778/?type=3&amp;theater>">More Details</a>
                  <br />
                  <br />
                  Dr Jamil Ahmed (Additional Inspector General of Police) &amp; Atiqmir Visit Saylani Welfare International Trust, Saylani Mass I.T. Training .
                  <a href="https://www.facebook.com/saylaniwelfare/posts/3124996217526300?__xts__[0]=68.ARCElwXqFXBXobZcA_UIl5WsTnqek6hA0692UZgzLiTQcX71VvEVoMgzqDV_LCU8l4vgjmKHex8j5abeGcQPzz-0Vo7g8gNqrP0CK04uhT29KI7ZBXw7L0UhSE9vpr7JOS4591gwSiYhmPbI_exl5O0PUbYyqzRyVjDhZf833fadxaHMxR3LURDcRfhfFRurM3x6cKNgZ7XwQi2vP6tA2-XS4HUzYNRUfZ5Yc4iUJAwXHOGi64EA62Drmy5c0mv0CZumqreWzE6JGBGOlQC5dMh7k07-qNBGwItqzarzu8CiNWC9kZMwzYyExhOY7JKF76U1ZzEbClh6A-yQYJ-qY1jbYQ&amp;__tn__=-R>">More Details</a>
                  <br />
                  <br />
                  PIAIC Entrance Exam Merit Ranking List Announced.
                  <a href="https://www.saylaniwelfare.com/result">More Details</a>
                  <br />
                  <br />
                  President of Pakistan (Dr. Arif Alvi) Visited Saylani Welfare International Trust HeadOffice Karachi.
                  <a href="https://www.facebook.com/saylaniwelfare/posts/3135103563182232?__xts__[0]=68.ARD9PTgM3DL_2vvulRqQ-b25KUD2P8X7TSS9g6gbxDfRdIBqgjNGJffSbV0ZcFmUFF5Ocrn-wvtpvDbjWBQxq0UHTlRJR1vEkgUOfm8Vk0ltcQp9K5q268QBcUMjujlPyCnBIxXcbe_Qjqbw1DXfCLQ1fFwBdGk77ndYxRXPrUVHrYybrBb5jWxu8GJQ37RpI7LLayc6xkve6gO149Ud-NWv_eF72blzToVI2fZW2ZWJUlRFSgWFK5jgrDGcsP-I7NBis9UXNfBBb55nXahKzJHvloneJh93hN9Wc3bIyvpn7v1IJSixyqcGRr_KHC-mO46gL9JUYx_acVfGdQDLUCBORw&amp;__tn__=-R>">More Details</a>
                </marquee>
              </p>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="container-fluid">
          <div class="row image-gallery text-center" style="font-size: 32px; font-weight: 600">
            <div class="col-xl-12 mb-4 mt-4">
              <h2 class="text-center" style="color: #316dc3">
                IMAGE
                <span style="color: #427900">GALLERY</span>
              </h2>
              <span style="color: #427900; font-weight: bold !important; font-size: 20px">
                __
                <img style="height: 40px !important; margin-left: 20px; margin-right: 20px" src="./images/mini-logo.jpg" class="img-fluid" alt="Responsive image" />
                __
              </span>
            </div>

            <div class="col-xl-12 images">
              <a href="https://www.saylaniwelfare.com/public_html/images/saylani/gallery/rashan2.jpg" target="_blank">
                <img src="./images/rashan2.jpg" class="img-fluid" alt="Responsive image" />
              </a>
              <a href="https://www.saylaniwelfare.com/public_html/images/saylani/gallery/food.jpg" target="_blank">
                <img src="./images/rashan1.jpg" class="img-fluid" alt="Responsive image" />
              </a>
              <a href="https://www.saylaniwelfare.com/public_html/images/saylani/gallery/hazrat.jpg" target="_blank">
                <img src="./images/rashan3.jpg" class="img-fluid" alt="Responsive image" />
              </a>
              <a href="https://www.saylaniwelfare.com/public_html/images/saylani/gallery/rashan2.jpg" target="_blank">
                <img src="./images/rashan5.jpg" class="img-fluid" alt="Responsive image" />
              </a>
              <a href="https://www.saylaniwelfare.com/public_html/images/saylani/gallery/hazrat2.jpg" target="_blank">
                <img src="./images/rashan1.jpg" class="img-fluid" alt="Responsive image" />
              </a>
            </div>
          </div>
        </div>
      </section>
    </div>

    <footer>
      <div class="container-fluid">
        <div class="row p-5" style="background-color: rgb(37, 39, 46); font-size: 14px">
          <div class="col-xl-4 col-lg-4 col-sm-6 col-md-4" style="color: #acacad !important">
            <p style="font-weight: 700">
              Head Office,
              <br />
              A-25, Bahadurabad Chowrangi Karachi, Pakistan
            </p>
            <ul class="list-unstyled contact-list" style="color: #a7a7a8 !important">
              <li>
                <i class="fa fa-phone" style="font-size: 13px; color: #3c6909"></i>
                UAN: 111-729-526
              </li>
              <li class="othernumber">
                <i class="fa fa-globe" style="font-size: 13px; color: #3c6909"></i>
                (+0092-213) 4130786-90
              </li>
              <li>
                <i class="fa fa-phone" style="font-size: 13px; color: #3c6909"></i>
                CELL: 92-311-1729526
              </li>
              <li>
                <i class="fa fa-phone" style="font-size: 13px; color: #3c6909"></i>
                USA NO +1(716)941 7792
              </li>
              <li>
                <i class="fa fa-phone" style="font-size: 13px; color: #3c6909"></i>
                UK NO (+44)115 970 6256
              </li>
              <li>
                <i class="fa fa-envelope-o" style="font-size: 13px; color: #3c6909"></i>
                info@saylaniwelfare.com
              </li>
            </ul>
          </div>
          <div class="col-xl-4 col-lg-4 col-sm-6 col-md-4">
            <h5 style="border-bottom: 1px solid #444; padding-bottom: 10px" class="">
              <span style="padding-bottom: 8px; border-bottom: 2px solid #427900">Useful</span>
              Links
            </h5>
          </div>

          <div class="col-xl-4 col-lg-4 col-sm-6 col-md-4">
            <h5>Connect With Us</h5>
            <ul class="list-unstyled footer-social-list">
              <li>
                <a href="https://www.facebook.com/pg/saylaniwelfare" target="_blank">
                  <i class="fa fa-facebook-official rounded-circle p-2" style="font-size: 13px; color: white; background-color: #316dd7"></i>
                </a>
              </li>
              <li>
                <a href="https://twitter.com/OfficialSwit" target="_blank">
                  <i class="fa fa-twitter p-2 rounded-circle" style="font-size: 13px; color: white; background-color: #316dd7"></i>
                </a>
              </li>
              <li>
                <a href="https://www.instagram.com/saylaniwelfare/" target="_blank">
                  <i class="fa fa-instagram p-2 rounded-circle" style="font-size: 13px; color: white; background-color: #316dd7"></i>
                </a>
              </li>
              <li>
                <a href="https://www.youtube.com/c/SaylaniWelfareTrustOfficialPage" target="_blank">
                  <i class="fa fa-youtube p-2 rounded-circle" style="font-size: 13px; color: white; background-color: #316dd7"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="row p-2" style="color: white; background-color: #316dd9; font-size: 11px; text-align: left">
          <div class="col-xl-12">
            <p class="ml-5" style="vertical-align: middle">Copyright © 2020 Saylani Welfare</p>
            <a href="#head">
              <span class="scroll">
                <i class="fa fa-angle-up"></i>
              </span>
            </a>
          </div>
        </div>
      </div>
    </footer>
  </body>
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</html>