<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Take On Vancouver</title>

<style>

**/* LOAD LEMON MILK */**

@font-face {

font-family: 'LemonMilk';

src: url('fonts/LEMONMILK-Bold.otf') format('opentype');

font-weight: bold;

font-style: normal;

}

**/* RESET */**

body {

margin: 0;

background: #f6f6f6;

}

**/* HEADER WITH STRIPES */**

header {

height: 160px;

display: flex;

align-items: center;

justify-content: center;

background: linear-gradient(

120deg,

#0b6578 0%,

#0b6578 40%,

#0f7f95 40%,

#0f7f95 60%,

#b24a2b 60%,

#b24a2b 100%

);

}

**/* TITLE */**

header h1 {

margin: 0;

font-family: 'LemonMilk', sans-serif;

font-size: 56px;

letter-spacing: 4px;

color: #ffffff;

text-transform: uppercase;

}

</style>

</head>

<body>

<header>

<h1>TAKE ON VANCOUVER</h1>

</header>

</body>

</html>

TAKE ON VANCOUVER