<!DOCTYPE html>
<html lang="en">
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/style.css">
	<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,700" rel="stylesheet">


</head>
<body data-spy="scroll" data-target="#pb-navbar" data-offset="200">



	<nav class="navbar navbar-expand-lg site-navbar navbar-light bg-light" id="pb-navbar">

		<div class="container">



			<div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample09">
				<ul class="navbar-nav">
					<li class="nav-item"><a class="nav-link" href="/"><img src="images/en.png"></a></li>
					<li class="nav-item"><a class="nav-link" href="fr/"><img src="images/fr.png"></a></li>
					<li class="nav-item"><a class="nav-link" href="de/"><img src="images/de.png"></a></li>
					<li class="nav-item"><a class="nav-link" href="es/"><img src="images/es.png"></a></li>
					<li class="nav-item"><a class="nav-link" href="it/"><img src="images/it.png"></a></li>
				</ul>
			</div>
		</div>
	</nav>




	<section class="site-hero" style="background-image: url(images/image_1.jpg);" id="section-home" data-stellar-background-ratio="0.5">
		<div class="container">
			<div class="row intro-text align-items-center justify-content-center">
				<div class="col-md-10 text-center pt-5">

					<h1 class="site-heading site-animate">Convallis vehicula <strong class="d-block">Integer tortor</strong></h1>
					<strong class="d-block text-white text-uppercase letter-spacing">aliquam faucibus, convallis id, congue eu, quam</strong>

				</div>
			</div>
		</div>
	</section> <!-- section -->






	<section class="site-section" id="section-portfolio">
		<div class="container">
			<div class="row">
				<div class="section-heading text-center col-md-12">
					<h2>Rhoncus <strong>faucibus</strong></h2>
				</div>
			</div>
	

			<div class="filters-content">
				<div class="row grid">
					<div class="single-portfolio col-sm-4 all mockup">
						<div class="relative">
							<div class="thumb">
								<div class="overlay overlay-bg"></div>
								<img class="image img-fluid" src="images/p1.jpg" alt="">
							</div>                                 
						</div>
						<div class="p-inner">
							<h4>Curabitur aliquet pellentesque</h4>
							<div class="cat">Integer</div>
						</div>                                         
					</div>
					<div class="single-portfolio col-sm-4 all mockup">
						<div class="relative">
							<div class="thumb">
								<div class="overlay overlay-bg"></div>
								<img class="image img-fluid" src="images/p2.jpg" alt="">
							</div>                                 
						</div>
						<div class="p-inner">
							<h4>Curabitur aliquet pellentesque</h4>
							<div class="cat">Integer</div>
						</div>                                         
					</div>                            
					<div class="single-portfolio col-sm-4 all packaging">
						<div class="relative">
							<div class="thumb">
								<div class="overlay overlay-bg"></div>
								<img class="image img-fluid" src="images/p3.jpg" alt="">
							</div>

						</div>
						<div class="p-inner">
							<h4>Curabitur aliquet pellentesque</h4>
							<div class="cat">Integer</div>
						</div>
					</div>
					<div class="single-portfolio col-sm-4 all packaging">
						<div class="relative">
							<div class="thumb">
								<div class="overlay overlay-bg"></div>
								<img class="image img-fluid" src="images/p4.jpg" alt="">
							</div>                               
						</div> 
						<div class="p-inner">
							<h4>Curabitur aliquet pellentesque</h4>
							<div class="cat">Integer</div>
						</div>
					</div>
					<div class="single-portfolio col-sm-4 all typography">
						<div class="relative">
							<div class="thumb">
								<div class="overlay overlay-bg"></div>
								<img class="image img-fluid" src="images/p5.jpg" alt="">
							</div>                               
						</div>
						<div class="p-inner">
							<h4>Curabitur aliquet pellentesque</h4>
							<div class="cat">Integer</div>
						</div>
					</div>
					<div class="single-portfolio col-sm-4 all photography">
						<div class="relative">
							<div class="thumb">
								<div class="overlay overlay-bg"></div>
								<img class="image img-fluid" src="images/p6.jpg" alt="">
							</div>                              
						</div>
						<div class="p-inner">
							<h4>Curabitur aliquet pellentesque</h4>
							<div class="cat">Integer</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- .section -->

	
	<section class="site-section " id="section-resume">
		<div class="container">
			<div class="row">
				<div class="col-md-12 mb-5">
					<div class="section-heading text-center">
						<h2>Aenean ut <strong>orci vel</strong></h2>
					</div>
				</div>
				<div class="col-md-6">
					<h2 class="mb-5">Mauris ullamcorper felis vitae</h2>
					<div class="resume-item mb-4">
						<h3>Integer quis metus vitae</h3>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus.</p>
					</div>

					<div class="resume-item mb-4">
						<h3>Masteral in Information Technology</h3>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus.</p>
					</div>

				</div>
				<div class="col-md-6">


					<h2 class="mb-5">Proin feugiat augue non elementum</h2>

					<div class="resume-item mb-4">
						<h3>Lead Product Designer</h3>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus.</p>
					</div>

					<div class="resume-item mb-4">
						<h3>Lead Product Designer</h3>
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus.</p>
					</div>


				</div>
			</div>
		</div>
	</section> <!-- .section -->

	<section class="site-section" id="section-about">
		<div class="container">
			<div class="row mb-5 align-items-center">
				<div class="col-lg-7 pr-lg-5 mb-5 mb-lg-0">
					<img src="images/image_1.jpg" alt="Image placeholder" class="img-fluid">
				</div>
				<div class="col-lg-5 pl-lg-5">
					<div class="section-heading">
						<h2>Gravida nec <strong>nunc</strong></h2>
					</div>
					<p class="lead">Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
					<p class="mb-5  ">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.</p>

				</div>
			</div>


		</div>
	</section>

	<section class="site-section">
		<div class="container">
			<div class="row mb-5">
				<div class="col-md-12">
					<div class="section-heading text-center">
						<h2>Gravida nec <strong>nunc</strong></h2>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">

					<div class="block-47 d-flex mb-5">
						<div class="block-47-image">
							<img src="images/person_1.jpg" alt="Image placeholder" class="img-fluid">
						</div>
						<blockquote class="block-47-quote">
							<p>&ldquo;Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.&rdquo;</p>
						</blockquote>
					</div>

				</div>
				<div class="col-md-6">

					<div class="block-47 d-flex mb-5">
						<div class="block-47-image">
							<img src="images/person_2.jpg" alt="Image placeholder" class="img-fluid">
						</div>
						<blockquote class="block-47-quote">
							<p>&ldquo;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.&rdquo;</p>
						</blockquote>
					</div>

				</div>

				<div class="col-md-6">

					<div class="block-47 d-flex mb-5">
						<div class="block-47-image">
							<img src="images/person_3.jpg" alt="Image placeholder" class="img-fluid">
						</div>
						<blockquote class="block-47-quote">
							<p>&ldquo;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.&rdquo;</p>
						</blockquote>
					</div>

				</div>
				<div class="col-md-6">

					<div class="block-47 d-flex mb-5">
						<div class="block-47-image">
							<img src="images/person_4.jpg" alt="Image placeholder" class="img-fluid">
						</div>
						<blockquote class="block-47-quote">
							<p>&ldquo;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.&rdquo;</p>
						</blockquote>
					</div>

				</div>

			</div>
		</div>
	</section>

	

	<section class="site-section" id="section-blog">
		<div class="container">
			<div class="row">
				<div class="col-md-12 mb-5">
					<div class="section-heading text-center">
						<h2>Tristique <strong>aliquet</strong></h2>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-6 col-lg-4 mb-4">
					<div class="blog-entry">
						<img src="images/post_1.jpg" alt="Image placeholder" class="img-fluid">
						<div class="blog-entry-text">
							<h3>Augue ultricies lacus lorem varius purus</h3>
							<p class="mb-4">Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>

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

				<div class="col-sm-6 col-lg-4 mb-4">
					<div class="blog-entry">
						<img src="images/post_2.jpg" alt="Image placeholder" class="img-fluid">
						<div class="blog-entry-text">
							<h3>Augue ultricies lacus lorem varius purus</h3>
							<p class="mb-4">Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>

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

				<div class="col-sm-6 col-lg-4 mb-4">
					<div class="blog-entry">
						<img src="images/post_3.jpg" alt="Image placeholder" class="img-fluid">
						<div class="blog-entry-text">
							<h3>Augue ultricies lacus lorem varius purus</h3>
							<p class="mb-4">Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>

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

			</div>
		</div>
	</section>




	<footer class="site-footer">
		<div class="container">

			<div class="row mb-5">
				<p class="col-12 text-center">
					Powered by : <a href="https://www.webfonie.de" target="_blank">webfonie.de</a>
				</p>
			</div>
			
			<div class="row mb-5">
				<div class="col-md-12 text-center">
				</div>
			</div>
			
		</div>
	</footer>




	

    </body>
    </html>