Om os side

<!doctype html>
<html><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/style.css">
<title>Om Improving</title>
</head>
<body>
	<header>
	</header>
	<main>
		<section>
			<br>
			<article class="sideOverskrift">
				<h1>Om<br>I M P R O V I N G</h1>
			</article>
			<br>
		</section>
		<section class="backgroundGray">
			<article class="citatBox">
				<br>
				<h2 class="alignCenter">"Vores primære opgave, er at tilføre værdi til vores kunders forretninger - giver opgaven ikke værdi, bør vi ikke udføre den"</h2>
				<br>
			</article>
		</section>
			<br>
			<br>
		<section>
			<article>
				<h3 id="omOsTekstOverskrift">Digitalt bureau med fokus på Magento</h3>
				<br>
				<p class="pTekst">Improving er et mindre e-handelsbureau bestående af dedikerede seniorfolk med fokusområder inden for udvikling, design, markedsføring og strategi.</p><br>
				<p class="pTekst">Vi fokuserer på e-handel og sætter barren højt, for hvad vi vil opnå med vores kunder. De faglige udfordringer når man entrerer med dygtige købmand er enorme, hvilket motiverer og driver os til at yde mere.</p><br>
			</article>
		</section>
		<br>
		<br>
		<section class="backgroundRed">
			<article class="citatBox">
				<br>
				<h2 class="alignCenter">"Vi arbejder udelukkende på platformen Magento, fordi den giver de optimale muligheder for at lave gode integrationer og sikrer frihed til at videreudvikle"</h2>
				<br>
			</article>
		</section>
		<br>
		<br>
		<br>
		<section class="backgroundGray">
			<h2 class="medarbejderOverskrift">Medarbejdere</h2>
		</section>
		<section class="medarbejderListe">
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Nikolaj Riisberg</h5>
					<p class="titleRed">CEO & Partner</p><p>60 60 40 09 <br> nr@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Niels Kinch</h5>
					<p class="titleRed">E-Business Consultant</p><p>71 99 75 07<br> th@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Thomas Thune Hansen</h5>
					<p class="titleRed">Senior Backend Udvikler</p><p>20 94 76 49<br> th@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Nikolaj Møller</h5>
					<p class="titleRed">Frontend Developer</p><p>28 57 52 31<br> nm@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Katrine Birk</h5>
					<p class="titleRed">Projekt Koordinator</p><p>26 24 52 76<br> kb@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Morten Messer</h5>
					<p class="titleRed">Art Director</p><p>60 60 30 70<br> mm@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Simon Wichmann Nielsen</h5>
					<p class="titleRed">Backend Udvikler</p><p>60 67 67 49<br> sw@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Steffen Mortensen</h5>
					<p class="titleRed">Frontend Udvikler</p><p>27 63 99 36<br> sm@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Anne Højer Jespersen</h5>
					<p class="titleRed">Marketing Koordinator</p><p>28 96 15 09<br> aj@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Morten Jakobsen</h5>
					<p class="titleRed">CTO & Partner</p><p>22 27 55 11<br> mj@improving.dk</p>
				</div>
			</article>
			<article>
				<div>
					<img class="profilePic" src="../img/placeholderProfilePic.png" alt="profile billede">
				</div>
				<div>
					<h5>Dennis Falkner</h5>
					<p class="titleRed">Senior Frontend Developer</p><p>27 28 45 68<br> df@improving.dk</p>
				</div>
			</article>
		</section>
	</main>
</body>
</html>


*{
	margin:0;
	padding:0;
}

.sideOverskrift{
	font-size:35pt;
	text-align:center;
	font-family:'Brandon Grotesque Medium';
	line-height:56px;
}

.alignCenter{
	text-align:center;
}

#omOsTekstOverskrift{
	text-transform:uppercase;
	font-family:"Brandon Grotesque Medium";
	width:77%;
	margin: 0 auto;
}

.pTekst{
	padding-left:20px;
	width:80%;
	margin: 0 auto;
	font-size:14pt;
	font-family:"Proxima Nova";
}

.profilePic{
	width:100px;
	height:100px;
}

.citatBox{
	color:white;
	width:70%;
	margin: 0 auto;
	padding:4px;
	font-family:"Brandon Grotesque Medium";
}

.backgroundGray{
	background-color:#666666;
}

.backgroundRed{
	background-color:#ED1144;
}

.medarbejderOverskrift{
	color:white;
	text-align:center;
	font-size:20pt;
	line-height:59px;
	font-family:"Brandon Grotesque Medium";
}

.medarbejderListe{
	background-color:white;
    position: absolute;
    display: flex;
	flex-wrap:wrap;
    width: 100%;
    height: 100%;
	text-align:center;
}

.medarbejderListe article{
	width:42%;
	display:flex;
	margin-top:20px;
	margin-left:25px;
	color:black;
	padding-right: 36px;
}
.medarbejderListe div{
	margin-left:20px;
}

.medarbejderListe article div h5{
	font-family:"Brandon Grotesque Medium";
}

.medarbejderListe p, .medarbejderListe h5{
	line-height: 25px;
}

.medarbejderListe p{
	font-family:"Proxima Nova";
}

.medarbejderListe h5{
	font-size: 20px;
	font-weight:bold;
	letter-spacing:0px;
}

.titleRed{
	color:#ED1144;
	font-weight:bold;
}