<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title><%= pageTitle %></title>
  <link rel="icon" type="image/x-icon" href="images/favicon.ico" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap"
    rel="stylesheet"
  />
  <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
    rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
    crossorigin="anonymous"
  />
  <link rel="stylesheet" type="text/css" href="/styles/main.css" />
  <link rel="stylesheet" type="text/css" href="/styles/nav-background.css" />
  <link rel="stylesheet" type="text/css" href="/styles/about-me.css" />
  <link rel="stylesheet" type="text/css" href="/styles/resume.css" />
  <link rel="stylesheet" type="text/css" href="/styles/gallery.css" />
  <link rel="stylesheet" type="text/css" href="/styles/blog.css" />

  <script
    src="https://kit.fontawesome.com/ea6241fb72.js"
    crossorigin="anonymous"
  ></script>
</head>
