<!DOCTYPE html>
<html lang="en">
<head>
	<title></title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Google Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i" rel="stylesheet">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="assets/css/style.css"/>

</head>
<body>

	<!-- header section -->
	<header class="header-section">
		<div class="container">
			<!-- logo -->
			<span class="site-logo"><img src="assets/images/logo.png" alt=""></span>
		</div>
	</header>
	<!-- header section end-->


	<!-- Header section  -->
	<nav class="nav-section">
		<div class="container">
			<ul class="main-menu">
				<li><a href="/"><img src="assets/images/en.png"></a></li>
				<li><a href="fr/"><img src="assets/images/fr.png"></a></li>
				<li><a href="de/"><img src="assets/images/de.png"></a></li>
				<li><a href="es/"><img src="assets/images/es.png"></a></li>
				<li><a href="it/"><img src="assets/images/it.png"></a></li>
			</ul>
		</div>
	</nav>
	<!-- Header section end -->


	<!-- Hero section -->
	<section class="hero-section">
		<div class="hero-slider owl-carousel">
			<div class="hs-item set-bg" style="background:url(assets/images/hero-slider/1.jpg);background-size:cover;">
				<div class="hs-text">
					<div class="container">
						<div class="row">
							<div class="col-lg-8">
								<div class="hs-subtitle">Aliquam euismod libero</div>
								<h2 class="hs-title">Mauris ullamcorper felis vitae erat. Proin feugiat</h2>
								<p class="hs-des">Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula.</p>
								<div class="site-btn">Mauris convallis</div>
							</div>
						</div>
					</div>
				</div>
		</div>
	</section>
	<!-- Hero section end -->


	<!-- Counter section  -->
	<section class="counter-section">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<div class="counter-content">
						<h2>Morbi vel erat non mauris convallis vehicula</h2>
						<p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere.</p>
					</div>
				</div>
	
			</div>
		</div>
	</section>
	<!-- Counter section end -->


	<!-- Services section -->
	<section class="service-section spad">
		<div class="container services">
			<div class="section-title text-center">
				<h3>Justo vitae</h3>
				<p>Metus purus iaculis lectus, et tristique ligula justo vitae magna</p>
			</div>
			<div class="row">
				<div class="col-lg-4 col-sm-6 service-item">
					<div class="service-icon">
						<img src="assets/images/services-icons/1.png" alt="1">
					</div>
					<div class="service-content">
						<h4>Iaculis lectus</h4>
						<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue. Aenean dos cursus lania.</p>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6 service-item">
					<div class="service-icon">
						<img src="assets/images/services-icons/2.png" alt="1">
					</div>
					<div class="service-content">
						<h4>Iaculis lectus</h4>
						<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue. Aenean dos cursus lania.</p>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6 service-item">
					<div class="service-icon">
						<img src="assets/images/services-icons/3.png" alt="1">
					</div>
					<div class="service-content">
						<h4>Iaculis lectus</h4>
						<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue. Aenean dos cursus lania.</p>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6 service-item">
					<div class="service-icon">
						<img src="assets/images/services-icons/4.png" alt="1">
					</div>
					<div class="service-content">
						<h4>Iaculis lectus</h4>
						<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue. Aenean dos cursus lania.</p>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6 service-item">
					<div class="service-icon">
						<img src="assets/images/services-icons/5.png" alt="1">
					</div>
					<div class="service-content">
						<h4>Iaculis lectus</h4>
						<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue. Aenean dos cursus lania.</p>
					</div>
				</div>
				<div class="col-lg-4 col-sm-6 service-item">
					<div class="service-icon">
						<img src="assets/images/services-icons/6.png" alt="1">
					</div>
					<div class="service-content">
						<h4>Iaculis lectus</h4>
						<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue. Aenean dos cursus lania.</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Services section end -->

	
	<!-- Enroll section -->
	<section class="enroll-section spad set-bg" style="background:url(assets/images/enroll-bg.jpg);background-size:cover;">
		<div class="container">
			<div class="row">
				<div class="col-lg-5">
					<div class="section-title text-white">
						<h3>Aenean</h3>
						<p>Vivamus interdum ultrices augue.</p>
					</div>
					<div class="enroll-list text-white">
						<div class="enroll-list-item">
							<span>1</span>
							<h5>Molestie</h5>
							<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue.</p>
						</div>
						<div class="enroll-list-item">
							<span>2</span>
							<h5>Molestie</h5>
							<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue.</p>
						</div>
						<div class="enroll-list-item">
							<span>3</span>
							<h5>Molestie</h5>
							<p>Lorem ipsum dolor sitdo amet, consectetur dont adipis elit. Vivamus interdum ultrices augue.</p>
						</div>
					</div>
				</div>
				<div class="col-lg-6 offset-lg-1 p-lg-0 p-4">
					<img src="assets/images/encroll-img.jpg" alt="">
				</div>
			</div>
		</div>
	</section>
	<!-- Enroll section end -->


	<!-- Courses section -->
	<section class="courses-section spad">
		<div class="container">
			<div class="section-title text-center">
				<h3>Curabitur aliquet</h3>
				<p>Proin feugiat augue non elementum posuere</p>
			</div>
			<div class="row">
				<!-- course item -->
				<div class="col-lg-4 col-md-6 course-item">
					<div class="course-thumb">
						<img src="assets/images/course/1.jpg" alt="">
						<div class="course-cat">
							<span>Suspendisse</span>
						</div>
					</div>
					<div class="course-info">
						<h4>Aliquam euismod libero <br>eu enim</h4>
					</div>
				</div>
				<!-- course item -->
				<div class="col-lg-4 col-md-6 course-item">
					<div class="course-thumb">
						<img src="assets/images/course/2.jpg" alt="">
						<div class="course-cat">
							<span>Suspendisse</span>
						</div>
					</div>
					<div class="course-info">
						<h4>Aliquam euismod libero <br>eu enim</h4>
					</div>
				</div>
				<!-- course item -->
				<div class="col-lg-4 col-md-6 course-item">
					<div class="course-thumb">
						<img src="assets/images/course/3.jpg" alt="">
						<div class="course-cat">
							<span>Suspendisse</span>
						</div>
					</div>
					<div class="course-info">
						<h4>Aliquam euismod libero <br>eu enim</h4>
					</div>
				</div>
				<!-- course item -->
				<div class="col-lg-4 col-md-6 course-item">
					<div class="course-thumb">
						<img src="assets/images/course/4.jpg" alt="">
						<div class="course-cat">
							<span>Suspendisse</span>
						</div>
					</div>
					<div class="course-info">
						<h4>Aliquam euismod libero <br>eu enim</h4>
					</div>
				</div>
				<!-- course item -->
				<div class="col-lg-4 col-md-6 course-item">
					<div class="course-thumb">
						<img src="assets/images/course/5.jpg" alt="">
						<div class="course-cat">
							<span>Suspendisse</span>
						</div>
					</div>
					<div class="course-info">
						<h4>Aliquam euismod libero <br>eu enim</h4>
					</div>
				</div>
				<!-- course item -->
				<div class="col-lg-4 col-md-6 course-item">
					<div class="course-thumb">
						<img src="assets/images/course/6.jpg" alt="">
						<div class="course-cat">
							<span>Suspendisse</span>
						</div>
					</div>
					<div class="course-info">
						<h4>Aliquam euismod libero <br>eu enim</h4>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Courses section end-->


	<!-- Fact section -->
	<section class="fact-section spad set-bg" style="background:url(assets/images/fact-bg.jpg);background-size:cover;">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 col-lg-3 fact">
					<div class="fact-icon">
						<i class="ti-crown"></i>
					</div>
					<div class="fact-text">
						<h2>50</h2>
						<p>Faucibus</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-3 fact">
					<div class="fact-icon">
						<i class="ti-briefcase"></i>
					</div>
					<div class="fact-text">
						<h2>80</h2>
						<p>Faucibus</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-3 fact">
					<div class="fact-icon">
						<i class="ti-user"></i>
					</div>
					<div class="fact-text">
						<h2>500</h2>
						<p>Faucibus</p>
					</div>
				</div>
				<div class="col-sm-6 col-lg-3 fact">
					<div class="fact-icon">
						<i class="ti-pencil-alt"></i>
					</div>
					<div class="fact-text">
						<h2>800+</h2>
						<p>Faucibus</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Fact section end-->


	<!-- Event section -->
	<section class="event-section spad">
		<div class="container">
			<div class="section-title text-center">
				<h3>Tempus sapien</h3>
				<p>Integer quis metus vitae elit lobortis egestas</p>
			</div>
			<div class="row">
				<div class="col-md-6 event-item">
					<div class="event-thumb">
						<img src="assets/images/event/1.jpg" alt="">
					</div>
					<div class="event-info">
						<h4>Lorem ipsum dolor sit amet, consectetuer <br />adipiscing elit</h4>

					</div>
				</div>
				<div class="col-md-6 event-item">
					<div class="event-thumb">
						<img src="assets/images/event/2.jpg" alt="">
					</div>
					<div class="event-info">
						<h4>Lorem ipsum dolor sit amet, consectetuer <br />adipiscing elit</h4>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Event section end -->


	<!-- Footer section -->
	<footer class="footer-section">
		<div class="container footer-top">
			<div class="row">
				<!-- widget -->
				<div class="col-sm-6 col-lg-3 footer-widget">
					<div class="about-widget">
						<img src="assets/images/logo-light.png" alt="">
						<p>Lorem ipsum dolor sit amet, consecter adipiscing elite. Donec minos varius, viverra justo ut, aliquet nisl.</p>
					</div>
				</div>
				<!-- widget -->
				<div class="col-sm-6 col-lg-3 footer-widget">
					<h6 class="fw-title">Aliquet nisl</h6>
					<p>Lorem ipsum dolor sit amet, consecter adipiscing elite. Donec minos varius, viverra justo ut, aliquet nisl.</p>
				</div>
				<!-- widget -->
				<div class="col-sm-6 col-lg-3 footer-widget">
					<h6 class="fw-title">Aliquet nisl</h6>
					<p>Lorem ipsum dolor sit amet, consecter adipiscing elite. Donec minos varius, viverra justo ut, aliquet nisl.</p>
				</div>
				<!-- widget -->
				<div class="col-sm-6 col-lg-3 footer-widget">
					<h6 class="fw-title">Aliquet</h6>
					<p>Lorem ipsum dolor sit amet, consecter adipiscing elite. Donec minos varius, viverra justo ut, aliquet nisl.</p>
				</div>
			</div>
		</div>
		<!-- copyright -->
		<div class="copyright">
			<div class="container">
				<p>Powered by : <a href="https://www.bym-design.com" target="_blank">bym-design.com</a></p>
			</div>		
		</div>
	</footer>

	
</body>
</html>