<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Site Metas -->
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<title>Fanadesh</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="static/css/bootstrap.css">
<!-- progress barstle -->
<link rel="stylesheet" href="http://demo.demohuo.top/modals/65/6587/demo/css/css-circular-prog-bar.css">
<!-- fonts style -->
<link href="static/css/css.css" rel="stylesheet">
<!-- font wesome stylesheet -->
<link rel="stylesheet" href="http://demo.demohuo.top/modals/65/6587/demo/css/font-awesome.min.css">
<!-- Custom styles for this template -->
<link href="static/css/style.css" rel="stylesheet">
<!-- responsive style -->
<link href="static/css/responsive.css" rel="stylesheet">
<link rel="stylesheet" href="http://demo.demohuo.top/modals/65/6587/demo/css/css-circular-prog-bar.css">
</head>
<body>
<div class="top_container">
<!-- header section strats -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="">
<span>
Fanadesh
</span>
</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">
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
<ul class="navbar-nav ">
<li class="nav-item active">
<a class="nav-link" href=""> Home <span class="sr-only">(current)</span></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="admission.html"> Admission </a>
</li>
<li class="nav-item">
<a class="nav-link" href="why.html"> Why Us </a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</div></nav>
</div>
</header>
<section class="hero_section ">
<div class="hero-container container">
<div class="hero_detail-box">
<h1>
Best way
to fund
your study
abroad
</h1>
<p>
ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam
</p>
<div class="hero_btn-continer">
<a href="" class="call_to-btn btn_white-border">
Read More
</a>
</div>
</div>
<div class="hero_img-container">
<div>
<img src="static/picture/hero.png" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
</div>
<!-- end header section -->
<div class="common_style">
<!-- about section -->
<section class="about_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about_img-container">
<img src="static/picture/about.png" alt="">
</div>
</div>
<div class="col-md-6">
<div class="about_detail-box">
<h3>
About our School
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
</p>
<div class="">
<a href="" class="call_to-btn btn_white-border">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- admission section -->
<section class="admission_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="admission_detail-box">
<h3>
Admission open
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
</p>
<div class="">
<a href="" class="call_to-btn btn_white-border">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="admission_img-container">
<img src="static/picture/admission.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- end admission section -->
<!-- why section -->
<section class="why_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="why_img-container">
<img src="static/picture/why.png" alt="">
</div>
</div>
<div class="col-md-6">
<div class="why_detail-box">
<h3>
Why learn on Fanadesh
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
</p>
<div class="">
<a href="" class="call_to-btn btn_white-border">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end why section -->
<!-- determine section -->
<section class="determine_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="determine_detail-box">
<h3>
Datermine the right for you
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
</p>
<div class="">
<a href="" class="call_to-btn btn_white-border">
Read More
</a>
</div>
</div>
</div>
<div class="col-md