<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title></title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
<!-- .site-wrap 715-->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Source+Sans+Pro:400,600,700" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet"/>
</head>
<body>
<!--------------------------------------
NAVBAR
--------------------------------------->
<nav class="topnav navbar navbar-expand-lg navbar-light bg-white fixed-top">
<div class="container">
	<span class="navbar-brand" ><strong>Mundana</strong></span>
	<div class="navbar-collapse collapse" id="navbarColor02" style="">
		<ul class="navbar-nav mr-auto d-flex align-items-center">
			<li class="nav-item">
			<a class="nav-link" href="/"><img src="assets/en.png"></a>
			</li>
			<li class="nav-item">
			<a class="nav-link" href="fr/"><img src="assets/fr.png"></a>
			</li>
			<li class="nav-item">
			<a class="nav-link" href="de/"><img src="assets/de.png"></a>
			</li>
			<li class="nav-item">
			<a class="nav-link" href="es/"><img src="assets/es.png"></a>
			</li>
			<li class="nav-item">
			<a class="nav-link" href="it/"><img src="assets/it.png"></a>
			</li>
		</ul>
	</div>
</div>
</nav>
<!-- End Navbar -->
    
    
<!--------------------------------------
HEADER
--------------------------------------->
<div class="container">
	<div class="jumbotron jumbotron-fluid mb-3 pt-0 pb-0 bg-lightblue position-relative">
		<div class="pl-4 pr-0 h-100 tofront">
			<div class="row justify-content-between">
				<div class="col-md-6 pt-6 pb-6 align-self-center">
					<h1 class="secondfont mb-3 font-weight-bold">Maecenas adipiscing ante non diam sodales</h1>
					<p class="mb-3">
					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.
					</p>
				</div>
				<div class="col-md-6 d-none d-md-block pr-0" style="background-size:cover;background-image:url(assets/img/demo/home.jpg);">	</div>
			</div>
		</div>
	</div>
</div>
<!-- End Header -->
    
    
<!--------------------------------------
MAIN
--------------------------------------->
    
<div class="container pt-4 pb-4">
	<div class="row">
		<div class="col-lg-6">
			<div class="card border-0 mb-4 box-shadow h-xl-300">              
                <div style="background-image: url(assets/img/demo/1.jpg); height: 150px;    background-size: cover;    background-repeat: no-repeat;"></div>               
				<div class="card-body px-0 pb-0 d-flex flex-column align-items-start">
					<h2 class="h4 font-weight-bold">
					<span class="text-dark" >Integer quis metus vitae elit lobortis egestas</span>
					</h2>
					<p class="card-text">
						Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit. 
					</p>

				</div>
			</div>
		</div>
		<div class="col-lg-6">
			<div class="flex-md-row mb-4 box-shadow h-xl-300">
				<div class="mb-3 d-flex align-items-center">
					<img height="80" src="assets/img/demo/blog4.jpg">
					<div class="pl-3">
						<h2 class="mb-2 h6 font-weight-bold">
						<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
						</h2>
						<div class="card-text text-muted small">
						Cras vestibulum bibendum
						</div>
					</div>
				</div>
				<div class="mb-3 d-flex align-items-center">
					<img height="80" src="assets/img/demo/blog5.jpg">
					<div class="pl-3">
						<h2 class="mb-2 h6 font-weight-bold">
						<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
						</h2>
						<div class="card-text text-muted small">
						Cras vestibulum bibendum
						</div>
					</div>
				</div>
				<div class="mb-3 d-flex align-items-center">
					<img height="80" src="assets/img/demo/blog6.jpg">
					<div class="pl-3">
						<h2 class="mb-2 h6 font-weight-bold">
						<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
						</h2>
						<div class="card-text text-muted small">
						Cras vestibulum bibendum
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
    
<div class="container">
	<div class="row justify-content-between">
		<div class="col-md-8">
			<h5 class="font-weight-bold spanborder"><span>Integer id felis</span></h5>
			<div class="mb-3 d-flex justify-content-between">
				<div class="pr-3">
					<h2 class="mb-1 h4 font-weight-bold">
					<span class="text-dark" >Integer quis metus vitae elit lobortis egestas</span>
					</h2>
					<p>
					Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.
					</p>
					<div class="card-text text-muted small">
					Fusce vulputate sem at sapien
					</div>
				</div>
				<img height="120" src="assets/img/demo/blog8.jpg">
			</div>
			<div class="mb-3 d-flex justify-content-between">
				<div class="pr-3">
					<h2 class="mb-1 h4 font-weight-bold">
					<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
					</h2>
					<p>
					Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.
					</p>
					<div class="card-text text-muted small">
					Fusce vulputate sem at sapien
					</div>
				</div>
				<img height="120" src="assets/img/demo/1.jpg">
			</div>
			<div class="mb-3 d-flex justify-content-between">
				<div class="pr-3">
					<h2 class="mb-1 h4 font-weight-bold">
					<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
					</h2>
					<p>
					Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.
					</p>
					<div class="card-text text-muted small">
					Fusce vulputate sem at sapien
					</div>
				</div>
				<img height="120" src="assets/img/demo/5.jpg">
			</div>
		</div>
		<div class="col-md-4 pl-4">
            <h5 class="font-weight-bold spanborder"><span>Integer id felis</span></h5>
			<ol class="list-featured">
				<li>
				<span>
				<h6 class="font-weight-bold">
				<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
				</h6>
				<p class="text-muted">
				Aliquam euismod libero
				</p>
				</span>
				</li>
				<li>
				<span>
				<h6 class="font-weight-bold">
				<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
				</h6>
				<p class="text-muted">
				Aliquam euismod libero
				</p>
				</span>
				</li>
				<li>
				<span>
				<h6 class="font-weight-bold">
				<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
				</h6>
				<p class="text-muted">
				Aliquam euismod libero
				</p>
				</span>
				</li>
				<li>
				<span>
				<h6 class="font-weight-bold">
				<span class="text-dark" >Morbi vel erat non mauris convallis vehicula</span>
				</h6>
				<p class="text-muted">
				Aliquam euismod libero
				</p>
				</span>
				</li>
			</ol>
		</div>
	</div>
</div>
    
<!--------------------------------------
FOOTER
--------------------------------------->
<div class="container mt-5">
	<footer class="bg-white border-top p-3 text-muted small">
	<div class="row align-items-center justify-content-between">
		<div>Powered by : <a href="https://www.dickfile.com" target="_blank">dickfile.com</a></div>
	</div>
	</footer>
</div>

</body>
</html>