64 lines
2.1 KiB
PHP
64 lines
2.1 KiB
PHP
<?php include "../html-head.php"; ?>
|
|
|
|
<link rel="stylesheet" href="colors.css">
|
|
<link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
|
|
|
|
<title>Colors – Elias Fink</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<main id="content">
|
|
|
|
<div id="blue" class="color-palette">
|
|
<div class="single-color">
|
|
<div style="background-color: var(--blue-darkest);"></div>
|
|
<span>#001A33</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--blue-darker);"></div>
|
|
<span>#004D99</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--blue-medium);"></div>
|
|
<span>#0080FF</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--blue-lighter);"></div>
|
|
<span>#66B3FF</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--blue-lightest);"></div>
|
|
<span>#CCE6FF</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="grey" class="color-palette">
|
|
<div class="single-color">
|
|
<div style="background-color: var(--grey-darkest);"></div>
|
|
<span>#161A1D</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--grey-darker);"></div>
|
|
<span>#434D56</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--grey-medium);"></div>
|
|
<span>#708090</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--grey-lighter);"></div>
|
|
<span>#A9B3BC</span>
|
|
</div>
|
|
<div class="single-color">
|
|
<div style="background-color: var(--grey-lightest);"></div>
|
|
<span>#E2E6E9</span>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
</body>
|
|
|
|
</html>
|