<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- .site-wrap 625--> 
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title></title>
		<link rel="stylesheet" href="assets/css/style.css">

	</head>
	<body data-spy="scroll" data-target=".navbar" data-offset="50">
		<div id="mobile-menu-overlay"></div>
		<nav class="navbar navbar-expand-lg fixed-top">
			<div class="container">
				<span class="navbar-brand" ><img src="assets/images/logo.svg" alt=""></span>
				<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
					<ul class="navbar-nav ml-auto align-items-center">
						<li class="nav-item active">
							<a class="nav-link" href="/"><img src="assets/images/en.png"></a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="fr/"><img src="assets/images/fr.png"></a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="de/"><img src="assets/images/de.png"></a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="es/"><img src="assets/images/es.png"></a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="it/"><img src="assets/images/it.png"></a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<div class="page-body-wrapper">
			<section id="home" class="home">
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<div class="main-banner">
								<div class="d-sm-flex justify-content-between">
									<div data-aos="zoom-in-up">
										<div class="banner-title">
												<h3 class="font-weight-medium">Maecenas adipiscing ante non diam sodales hendrerit</h3>
										</div>
										<p class="mt-3">Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. 
										</p>
									</div>
									<div class="mt-5 mt-lg-0">
										<img src="assets/images/group.png" alt="" class="img-fluid" data-aos="zoom-in-up">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="our-services" id="services">
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<h5 class="text-dark">Praesent aliquam</h5>
							<h3 class="font-weight-medium text-dark mb-5">Fermentum mollis ligula</h3>
						</div>
					</div>
					<div class="row" data-aos="fade-up">
						<div class="col-sm-4 text-center text-lg-left">
							<div class="services-box" >
								<img src="assets/images/integrated-marketing.svg" alt="" >
								<h6 class="text-dark mb-3 mt-4 font-weight-medium">Aliquam euismod</h6>
								<p>Lorem ipsum dolor sit amet, 
									pretium pretium tempor.Lorem ipsum 
								</p>
							</div>
						</div>
						<div class="col-sm-4 text-center text-lg-left">
							<div class="services-box" >
								<img src="assets/images/design-development.svg" alt="">
								<h6 class="text-dark mb-3 mt-4 font-weight-medium">Aliquam euismod</h6>
								<p>Lorem ipsum dolor sit amet, 
									pretium pretium tempor.Lorem ipsum 
								</p>
							</div>
						</div>
						<div class="col-sm-4 text-center text-lg-left">
							<div class="services-box" >
								<img src="assets/images/digital-strategy.svg" alt="" >
								<h6 class="text-dark mb-3 mt-4 font-weight-medium">Aliquam euismod</h6>
								<p>Lorem ipsum dolor sit amet, 
									pretium pretium tempor.Lorem ipsum 
								</p>
							</div>
						</div>
					</div>
					<div class="row" data-aos="fade-up">
						<div class="col-sm-4 text-center text-lg-left">
							<div class="services-box  pb-lg-0" >
								<img src="assets/images/digital-marketing.svg" alt="" >
								<h6 class="text-dark mb-3 mt-4 font-weight-medium">Aliquam euismod</h6>
								<p>Lorem ipsum dolor sit amet, 
									pretium pretium tempor.Lorem ipsum 
								</p>
							</div>
						</div>
						<div class="col-sm-4 text-center text-lg-left">
							<div class="services-box pb-lg-0" >
								<img src="assets/images/growth-strategy.svg" alt="" >
								<h6 class="text-dark mb-3 mt-4 font-weight-medium">Aliquam euismod</h6>
								<p>Lorem ipsum dolor sit amet, 
									pretium pretium tempor.Lorem ipsum 
								</p>
							</div>
						</div>
						<div class="col-sm-4 text-center text-lg-left">
							<div class="services-box pb-0" >
								<img src="assets/images/saving-strategy.svg" alt="" >
								<h6 class="text-dark mb-3 mt-4 font-weight-medium">Aliquam euismod</h6>
								<p>Lorem ipsum dolor sit amet, 
									pretium pretium tempor.Lorem ipsum 
								</p>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="our-process" id="about">
				<div class="container">
					<div class="row">
						<div class="col-sm-6" data-aos="fade-up">
							<h5 class="text-dark">Curabitur aliquet pellentesque</h5>
							<h3 class="font-weight-medium text-dark">Integer quis metus vitae elit lobortis egestas</h3>
							<h5 class="text-dark mb-3">Aliquam euismod libero eu enim</h5>
							<p class="font-weight-medium mb-4">Lorem ipsum dolor sit amet, <br> 
								pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur
							</p>
							<div class="d-flex justify-content-start mb-3">
								<img src="assets/images/tick.png" alt="" class="mr-3 tick-icon"  >
								<p class="mb-0">Lorem ipsum dolor sit amet, pretium pretium</p>
							</div>
							<div class="d-flex justify-content-start mb-3">
								<img src="assets/images/tick.png" alt="" class="mr-3 tick-icon"  >
								<p class="mb-0">Lorem ipsum dolor sit amet, pretium pretium</p>
							</div>
							<div class="d-flex justify-content-start">
								<img src="assets/images/tick.png" alt="" class="mr-3 tick-icon"  >
								<p class="mb-0">Lorem ipsum dolor sit amet, pretium pretium</p>
							</div>
						</div>
						<div class="col-sm-6 text-right" >
							<img src="assets/images/idea.png" alt="" class="img-fluid">
						</div>
					</div>
				</div>
			</section>
			<section class="our-projects" id="projects">
				<div class="container">
					<div class="row mb-5">
						<div class="col-sm-12">
							<div class="d-sm-flex justify-content-between align-items-center mb-2">
								<h3 class="font-weight-medium text-dark ">Integer quis metus vitae elit lobortis egestas</h3>
							</div>
						</div>
					</div>
				</div>
				<div class="mb-5" data-aos="fade-up">
					<div class="owl-carousel-projects owl-carousel owl-theme row">
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider1.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider2.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider3.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider4.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider5.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider1.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider2.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider3.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider4.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider5.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider1.jpg" alt="">
						</div>
						<div class="item col-md-2">
							<img src="assets/images/carousel/slider2.jpg" alt="">
						</div>
					</div>
				</div>
				<div class="container">
					<div class="row pt-5 mt-5 pb-5 mb-5">
						<div class="col-sm-3">
							<div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-down">
								<img src="assets/images/satisfied-client.svg" alt="" class="mr-3">
								<div>
									<h4 class="font-weight-bold text-dark mb-0"><span class="scVal">20</span>%</h4>
									<h5 class="text-dark mb-0">Fusce vulputate</h5>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-up">
								<img src="assets/images/finished-project.svg" alt="" class="mr-3">
								<div>
									<h4 class="font-weight-bold text-dark mb-0"><span class="fpVal">60</span></h4>
									<h5 class="text-dark mb-0">Aliquam euismod</h5>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-down">
								<img src="assets/images/team-members.svg" alt="" class="mr-3">
								<div>
									<h4 class="font-weight-bold text-dark mb-0"><span class="tMVal">70</span></h4>
									<h5 class="text-dark mb-0">Libero eu enim</h5>
								</div>
							</div>
						</div>
						<div class="col-sm-3">
							<div class="d-flex py-3 my-3 my-lg-0 justify-content-center" data-aos="fade-up">
								<img src="assets/images/our-blog-posts.svg" alt="" class="mr-3">
								<div>
									<h4 class="font-weight-bold text-dark mb-0"><span class="bPVal">90</span></h4>
									<h5 class="text-dark mb-0">Mauris ullamcorper</h5>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="testimonial" id="testimonial">
				<div class="container">
					<div class="row  mt-md-0 mt-lg-4">
						<div class="col-sm-6 text-white" data-aos="fade-up">
							<p class="font-weight-bold mb-3">Aenean </p>
							<h3 class="font-weight-medium">Suscipit nulla sem at sapien <br /> dolor sit amet</h3>
						</div>
						<div class="col-sm-6" data-aos="fade-up">
							<div id="testimonial-flipster">
								<ul>
									<li>
										<div class="testimonial-item">
											<img src="assets/images/testimonial/testimonial1.jpg" alt="" class="testimonial-icons">
											<p>Lorem ipsum dolor sit amet, consectetur
												pretium pretium tempor.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium
											</p>
											<h6 class="testimonial-author">Consectetur</h6>
											<p class="testimonial-destination">Pretium</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</section>

		
			<section class="contactus" id="contact">
				<div class="container">
					<div class="row mb-5 pb-5">
						<div class="col-sm-5">
							<img src="assets/images/contact.jpg" alt="" class="img-fluid">
						</div>
						<div class="col-sm-7">
							<h3 class="font-weight-medium text-dark mt-5 mt-lg-0">Gultricies lacus</h3>
							<h5 class="text-dark mb-5">Aliquam euismod libero eu enim</h5>
							<p>Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus</p>
							<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. </p>
						</div>
					</div>
				</div>
			</section>
		</div>
		<footer class="footer">
			<div class="footer-top">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<img src="assets/images/logo.svg" alt="" class="mr-3">
							<p style="margin-top:2em">Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula.</p>
						</div>
						<div class="col-sm-6">
							<div class="row">
								<div class="col-sm-4">
									<h6 class="footer-title">Purus</h6>
									<ul class="list-footer">
										<li>Aliquam</li>
				                        <li>Convallis</li>
				                        <li>Sollicitudin</li>
				                        <li>Purus</li>
									</ul>
								</div>
								<div class="col-sm-4">
									<h6 class="footer-title">Purus</h6>
									<ul class="list-footer">
										<li>Aliquam</li>
				                        <li>Convallis</li>
				                        <li>Sollicitudin</li>
				                        <li>Purus</li>
									</ul>
								</div>
								<div class="col-sm-4">
									<h6 class="footer-title">Purus</h6>
									<ul class="list-footer">
										<li>Aliquam</li>
				                        <li>Convallis</li>
				                        <li>Sollicitudin</li>
				                        <li>Purus</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">
					<div class="d-flex justify-content-between align-items-center">
						<div class="d-flex align-items-center">
							<p class="mb-0 text-small pt-1">Powered by : <a href="https://www.bzdsigns.com" target="_blank">bzdsigns.com</a></p>
            
						</div>
           
					</div>

				</div>
			</div>
		</footer>

	</body>
</html>