<?php
require_once 'config.php';
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>RANS</title>
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,700&display=swap" rel="stylesheet">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!-- header section start -->
<div class="header_section">
</div><nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand"><a href="index.html"><img src="images/footer-logo.jpg"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="donate.html">Donate</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mission.html">Our Mission</a>
</li>
</ul>
<div class="form-inline my-2 my-lg-0">
<div class="search_icon"><a href="#"><img src="images/search-icon.png"></a></div>
<?php if(isset($_SESSION['user_id'])): ?>
<a href="logout.php" class="donate_btn">Logout</a>
<?php else: ?>
<a href="login.php" class="donate_btn">Login</a>
<?php endif; ?>
<a href="donate.html" class="donate_btn ml-3">Donate Now</a>
</div>
</div>
</nav>
<!-- header section end -->
<!-- banner section start -->
<div class="banner_section layout_padding">
<div class="container">
<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>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-sm-12">
<h1 class="banner_taital">Help Poor Child</h1>
<p class="banner_text">Suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going </p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="col-sm-12">
<h1 class="banner_taital">Help Poor Child</h1>
<p class="banner_text">Suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going </p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
</div>
<div class="carousel-item">
<div class="col-sm-12">
<h1 class="banner_taital">Help Poor Child</h1>
<p class="banner_text">Suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going </p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
</div>
<div class="carousel-item">
<div class="col-sm-12">
<h1 class="banner_taital">Help Poor Child</h1>
<p class="banner_text">Suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going </p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
</div>
<div class="carousel-item">
<div class="col-sm-12">
<h1 class="banner_taital">Help Poor Child</h1>
<p class="banner_text">Suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going </p>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fundraise_section_main">
<div class="row">
<div class="col-lg-4">
<div class="box_main">
<div class="icon_1"><img src="images/icon-1.png"></div>
<h4 class="volunteer_text">Campaign</h4>
<p class="lorem_text">Be a volunteer,Make a Difference</p>
<div class="join_bt"><a href="#">Join Now</a></div>
</div>
</div>
<div class="col-lg-4">
<div class="box_main active">
<div class="icon_1"><img src="images/icon-2.png"></div>
<h4 class="volunteer_text">FUNDRAISE</h4>
<p class="lorem_text">Support the Cause</p>
<div class="join_bt"><a href="#">Join Now</a></div>
</div>
</div>
<div class="col-lg-4">
<div class="box_main">
<div class="icon_1"><img src="images/icon-3.png"></div>
<h4 class="volunteer_text">DONATION</h4>
<p class="lorem_text">Support Us</p>
<div class="join_bt"><a href="#">Join Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner section end -->
<!-- about section start -->
<div class="about_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-8">
<h2 class="about_taital">about Charity</h2>
<p class="about_text">Welcome to Rapid Aid Network System. Your generous support helps us make a positive impact by funding vital projects and assisting those in need. With your contribution, we can continue working towards our mission and create lasting change. Thank you for your kindness and for being a part of this important cause.
</p>
<div class="readmore_bt"><a href="#">Read more</a></div>
</div>
<div class="col-sm-4">
<div class="about_img"><img src="images/about-img.png"></div>
</div>
</div>
</div>
</div>
<!-- about section end -->
<!-- mission section start -->
<div class="mission_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="mission_taital">Mission causes</h1>
<p class="mission_text"> </p>
</div>
</div>
</div>
<div class="mission_section_2">
<div class="row">
<div class="offset-md-2"></div>
<div class="col-md-5">
<div class="container_main">
<img src="images/img-7.png" alt="Avatar" class="image">
<div class="overlay">
<div class="text">
<h4 class="some_text"></h4>
<p class="alteration_text"></p>
<div class="btn_main">
<div class="donate_bt"><a href="#">Read More</a></div>
<div class="donate_bt"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="container_main">
<img src="images/img-5.png" alt="Avatar" class="image">
<div class="overlay">
<div class="text">
<h4 class="some_text"> </h4>
<p class="alteration_text"></p>
<div class="btn_main">
<div class="donate_bt"><a href="#">Read More</a></div>
<div class="donate_bt"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mission_section_2">
<div class="row">
<div class="col-md-5">
<div class="container_main">
<img src="images/img-8.png" alt="Avatar" class="image">
<div class="overlay">
<div class="text">
<h4 class="some_text"></h4>
<p class="alteration_text"></p>
<div class="btn_main">
<div class="donate_bt"><a href="#">Read More</a></div>
<div class="donate_bt"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="container_main">
<img src="images/img-4.png" alt="Avatar" class="image">
<div class="overlay">
<div class="text">
<h4 class="some_text"></h4>
<p class="alteration_text"></p>
<div class="btn_main">
<div class="donate_bt"><a href="#">Read More</a></div>
<div class="donate_bt"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="offset-md-2"></div>
</div>
</div>
<div class="mission_section_2">
<div class="row">
<div class="offset-md-2"></div>
<div class="col-md-5">
<div class="container_main">
<img src="images/img-5.png" alt="Avatar" class="image">
<div class="overlay">
<div class="text">
<h4 class="some_text"></h4>
<p class="alteration_text"></p>
<div class="btn_main">
<div class="donate_bt"><a href="#">Read More</a></div>
<div class="donate_bt"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<div class="container_main">
<img src="images/img-6.png" alt="Avatar" class="image">
<div class="overlay">
<div class="text">
<h4 class="some_text"></h4>
<p class="alteration_text"></p>
<div class="btn_main">
<div class="donate_bt"><a href="#">Read More</a></div>
<div class="donate_bt"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- mission section end -->
<!-- news section start -->
<div class="news_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="news_taital">FEATURED CAUSE</h1>
<p class="news_text"> </p>
</div>
</div>
<div class="news_section_2">
<div class="row">
<div class="col-md-6">
<div class="news_img"><img src="images/news-img.png"></div>
</div>
<div class="col-md-6">
<h1 class="give_taital">GIVE EDUCATION</h1>
<p class="ipsum_text"><br>
<br>
<br>
</p>
<h5 class="raised_text">Raised: rs60,010 <span class="goal_text">Goal: rs70,000</span></h5>
<div class="donate_btn_main">
<div class="readmore_btn"><a href="#">Read More</a></div>
<div class="readmore_btn_1"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- news section end -->
<!-- events section start -->
<div class="events_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="news_taital">FEATURED CAUSE</h1>
<p class="news_text"> </p>
</div>
</div>
<div class="events_section_2">
<div class="row">
<div class="col-md-5">
<div class="img_7"><img src="images/img-7.png" class="img_7"></div>
<div class="date_bt">
<div class="date_text active"><a href="#">01</a></div>
<div class="date_text"><a href="#">FEB</a></div>
</div>
</div>
<div class="col-md-7">
<h1 class="give_taital_1">The Internet tend to repeat</h1>
<p class="ipsum_text_1"></p>
<h5 class="raised_text_1">Raised: rs60,010 <span class="goal_text">Goal: rs70,000</span></h5>
<div class="donate_btn_main">
<div class="readmore_btn"><a href="#">Read More</a></div>
<div class="readmore_btn_1"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
<div class="events_section_2">
<div class="row">
<div class="col-md-5">
<div class="img_7"><img src="images/img-8.png" class="img_7"></div>
<div class="date_bt">
<div class="date_text active"><a href="#">10</a></div>
<div class="date_text"><a href="#">FEB</a></div>
</div>
</div>
<div class="col-md-7">
<h1 class="give_taital_1"></h1>
<p class="ipsum_text_1"></p>
<h5 class="raised_text_1">Raised: rs60,010 <span class="goal_text">Goal: rs70,000</span></h5>
<div class="donate_btn_main">
<div class="readmore_btn"><a href="#">Read More</a></div>
<div class="readmore_btn_1"><a href="donate.html">Donate Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- events section end -->
<!-- donate section start -->
<div class="donate_section layout_padding">
<div class="container">
<h1 class="donate_taital">Donat pepole Says </h1>
<div class="donate_taital_main">
<div id="main_slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="donate_left">
<div class="client_img"><img src="images/client-img.png"></div>
</div>
<div class="donate_right">
<h3 class="client_name_text">Mardo Merk</h3>
<p class="dummy_text"></p>
</div>
</div>
<div class="carousel-item">
<div class="donate_left">
<div class="client_img"><img src="images/client-img.png"></div>
</div>
<div class="donate_right">
<h3 class="client_name_text">Mardo Merk</h3>
<p class="dummy_text"></p>
</div>
</div>
<div class="carousel-item">
<div class="donate_left">
<div class="client_img"><img src="images/client-img.png"></div>
</div>
<div class="donate_right">
<h3 class="client_name_text"></h3>
<p class="dummy_text"></p>
</div>
</div>
</div>
<a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
<a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>
</div>
</div>
</div>
</div>
<!-- donate section end -->
<!-- footer section start -->
<div class="footer_section layout_padding">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-3">
<div class="footer_logo"><img src="images/logo.jpg"></div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3">
<h4 class="footer_taital">NAVIGATION</h4>
<div class="footer_menu_main">
<div class="footer_menu_left">
<div class="footer_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
</div>
<div class="footer_menu_right">
<div class="footer_menu">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="news.html">News</a></li>
<li><a href="mission.html">Our Mission</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-3">
<h4 class="footer_taital">NEWS</h4>
<p class="footer_text">Generators on the Internet</p>
<p class="footer_text">Tend to repeat predefined</p>
<p class="footer_text">Chunks as necessary, making</p>
</div>
<div class="col-sm-6 col-md-6 col-lg-3">
<h4 class="footer_taital">address</h4>
<p class="footer_text">Ave NW, Washington</p>
<p class="footer_text">+01 1234567890</p>
<p class="footer_text">demo@gmail.com</p>
</div>
</div>
<div class="footer_section_2">
<div class="row">
<div class="col-sm-4 col-md-4 col-lg-3">
<div class="social_icon">
<ul>
<li><a href="#"><img src="images/fb-icon.png"></a></li>
<li><a href="#"><img src="images/twitter-icon.png"></a></li>
<li><a href="#"><img src="images/linkedin-icon.png"></a></li>
<li><a href="#"><img src="images/instagram-icon.png"></a></li>
</ul>
</div>
</div>
<div class="col-sm-8 col-md-8 col-lg-9">
<input type="text" class="address_text" placeholder="Enter your Enail" name="text">
<button type="button" class="get_bt">SUBSCRIBE</button>
</div>
</div>
</div>
</div>
</div>
<!-- footer section end -->
<!-- copyright section start -->
<div class="copyright_section">
<div class="container">
<p class="copyright_text">Designed by RANS</a></p>
</div>
</div>
<!-- copyright section end -->
<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/plugin.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<!-- javascript -->
<script src="js/owl.carousel.js"></script>
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<script>
function goToLogin() {
window.location.href = 'login.php';
return false; // Prevent any form submission
}
</script>
</body>
</html>