<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Solace Of Service</title> <link rel="stylesheet" href="main.css" /> <link rel="icon" type="image/x-icon" href="./img/favicon.png" /> </head> <body class="h-screen w-screen main-colour"> <nav class="flex w-full h-20 secondary-colour fixed top-0 left-0 right-0 border-b-4 border-black" > <img src="./img/SOS_Logo_WBG.png" alt="product logo" class="p-1 ml-10" /> <div class="w-full flex justify-around"> <a href="./index.html" class="px-4 text-justify h-fit w-fit self-center" ><h1>Home</h1></a > <a href="#" class="px-4 text-justify h-fit w-fit self-center" ><h1>About SSLR</h1></a > <a href="#" class="px-4 text-justify h-fit w-fit self-center"><h1>Profile</h1></a> </div> </nav> <footer class="secondary-colour h-40"> <h2></h2> </footer> </body> </html>