HTML Lang Charset Name Content Rel Href Rel Href Href Rel Href Rel Href Rel
HTML Lang Charset Name Content Rel Href Rel Href Href Rel Href Rel Href Rel
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="bootstrap-4.4.1-dist/bootstrap-4.4.1-
dist/css/bootstrap.min.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?
family=Solway:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?
family=Merriweather:wght@700&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popp
er.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.
min.js"></script>
</head>
<body>
<div class="container-fluid one">
<div class="icon">
<a style="padding: 0px 0px 0px 0px;" class="btn btn-social-icon btn
-xs btn-facebook mr-3"><i class="fa fa-facebook "></i></a>
<a style="padding: 0px 0px 0px 0px;" class="btn btn-social-icon btn
-sm btn-facebook mr-3"><i class="fa fa-twitter"></i></a>
<a style="padding: 0px 0px 0px 0px;" class="btn btn-social-icon btn
-sm btn-facebook mr-3"><i class="fa fa-instagram"></i></a>
<a style="padding: 0px 0px 0px 0px;" class="btn btn-social-icon btn
-sm btn-facebook mr-3"><i class="fa fa-youtube"></i></a>
<a style="padding: 0px 0px 0px 0px;" class="btn btn-social-icon btn
-sm btn-facebook mr-3"><i class="fa fa-whatsapp"></i></a>
</div>
<div class="quote">
<center>
Millions of people's life has changed, millions more awaiting yo
ur donation
</center>
</div>
<div class="butto">
<button class="but mr-1">UK Donor</button>
<button class="but mr-1">Donate Now</button>
<button class="but ">SMIT Results</button>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light two">
<a class="navbar-brand" href="#"><img src="Saylani-logo.png" widt
h="200px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNavDropdown">
<div class="homebut">
<ul class="navbar-nav navbar-right mr-auto" >
<li class="nav-item active">
<a style="color: black;" class="nav-link " href="#">Home</a>
</li>
<li class="nav-item">
<a style="color: black;" class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" i
d="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-
haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item dropdown">
<a style="color: black;" class="nav-link dropdown-toggle" href="#"
id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-
haspopup="true" aria-expanded="false">
Dropdown link
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</div>
</ul>
</div>
</nav>
<div id="carouselExampleControls" class="carousel slide" data-
ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="Screenshot (263).png" alt="First slide
">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Screenshot (264).png" alt="Second slid
e">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Screenshot (265).png" alt="Third slide
">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="Screenshot (266).png" alt="Third slide
">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" rol
e="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="#carouselExampleControls" rol
e="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<br>
<div class="onoffswitch3 new ">
<!-- <input type="checkbox" name="onoffswitch3" class="onoffswitch3-
checkbox" id="myonoffswitch3" checked> -->
<label class="onoffswitch3-label" for="myonoffswitch3">
<span class="onoffswitch3-inner">
<span class="onoffswitch3-active news">
<marquee style="font-size: 15px;" class="scroll-text "> (News
-1 Dated:15-06-2019) PIAICNext Phase Admission in Islamabad And Faisalabad" . M
ore Details (News-2 Dated:15-05-2019) Saylani Welfare Announced "Donation Ap
plication" . More Details (News-3 Dated:07-05-2019) Alhamdulillah Saylani Or
ganized 200+ Locations For Iftar And Sehri In This Holy Month . More Details
(News-4 Dated:08-03-2019) Saylani Welfare Distributing Ration & Clothes to affe
cted people of Balochistan. More Details (News-5 Dated:25-02-2019) PIAIC Ent
rance Exam Merit Ranking List Announced. More Details (News-6 Dated:23-02-
2019) President of Pakistan (Dr. Arif Alvi) Visited Saylani Welfare Internation
al Trust HeadOffice Karachi. More Details (News-7 Dated:19-02-2019) Dr Jamil
Ahmed (Additional Inspector General of Police) & Atiqmir Visit Saylani Welfare I
nternational Trust, Saylani Mass I.T. Training. More Details </marquee>
</span>
</span>
</label>
</div>
<div class="container-fluid three">
<div>
<h4 class="intro"><span style="color: #326dc3;" class="in">INTRO</span><
span style="color: #528517;" class="in" >DUCTION</span></h4>
</div>
<div style="display: flex;justify-content: center;">
<hr class="left">
<img class="ima" src="introdown.png" alt="">
<hr class="right">
</div>
<div class="container ">
<div class="row">
<div class="col-sm-12">
<p>Established in May 1999 by famous spiritual and religious schol
ar 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 spread
ing happiness.</p>
<p>We are an organization that believes in lighting up the lives o
f underprivileged people across the world. We endeavor to provide the best quali
ty 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 th
ousands of hungry people each day, hundreds more are given the hope of life thro
ugh medical health care, many are educated to become leaders of tomorrow and sev
eral are given the opportunity to stand on their feet financially.</p>
<p>Today, we are proud to say that our physical presence extends t
hroughout Pakistan with a vast network of 125 branches operating in major cities
including Karachi, Lahore, Islamabad, Rawalpindi, Hyderabad and Faisalabad. Apar
t from Pakistan, we have overseas offices in the UK, USA and UAE as well. Our wo
rldwide branches are operating under the guidance of a team of over 2,000 workin
g professionals who help almost 125,000 people on a daily basis.</p>
<p>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>
<br>
<br>
<br>
</div>
</div>
</div>
</div>
<div class="container-fluid four">
<div class="row ">
<div class="col-sm-3 mb-md-50 insideone ">
<div class="text-center">
<img src="icon_food_png.png" width="50px" height="50px" alt="icon foo
d">
<h2 style="font-weight: 500;">
125,000
</h2>
<h5 class="h5b">
DAILY DASTRAKHAN
<span class="sp">
<font color="#00FF00">(MONTHLY)</font>
</span>
</h5>
</div>
</div>
<div class="col-sm-3 insidetwo">
<div class=text-center>
<img src="icon_family_png.png" width="50px" height="50px" alt="">
<h2 style="font-weight: 500;">
7,500
</h2>
<h5 class="h5b">
FAMILY ADOPTION
<span class="sp">
<font color="#00FF00">(MONTHLY)</font>
</span>
</h5>
</div>
</div>
<div class="col-sm-3 insidethree">
<div class="text-center">
<img src="icon_medical_png.png" width="50px" height="50px" alt="">
<h2 style="font-weight: 500;">
43,749
</h2>
<h5 class="h5b">
MEDICAL
<span class="sp">
<font color="#00FF00">(MONTHLY)</font>
</span>
</h5>
</div>
</div>
<div class="col-sm-3 insidefour">
<div class="text-center">
<img src="icon_education_png.png" width="50px" height="50px" alt="">
<h2 style="font-weight: 500;">
180,000
</h2>
<h5 class="h5b">
EDUCATION
<span class="sp">
<font color="#00FF00">(MONTHLY)</font>
</span>
</h5>
</div>
</div>
</div>
</div>
<div>
</div>
</body>
</html>