<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="/js/jquery.js"></script> <link rel="stylesheet" href="/css/style.css"> <link rel="icon" type="image/svg" href="/img/colormatic_logo.svg"> <title>Colormatic - About</title> <script> $(document).ready(function(){ $("#navbar").load("/component/navbar.html") }) $(document).ready(function(){ $("#footer").load("/component/footer.html") }) </script> </head> <body> <header class="container" id="navbar"></header> <main class="container"> <div style="margin-top: 10%;"></div><!-- Separator --> <div class="hero"> <h1>Colormatic: A non-profit project of creation.</h1> <p class="justify">Colormatic is a non-profit project for creating a curated collection of sub-projects that match a high-quality, high attention to detail standard.</p> </div> </main> <div style="margin-top: 10%;"></div><!-- Separator --> <footer id="footer"></footer> </body> </html>