Add logo to the header

This commit is contained in:
Steve Dogiakos 2025-04-01 21:00:24 -06:00
parent 524fc06913
commit 4ce2544038
2 changed files with 5 additions and 2 deletions

BIN
static/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Museum Visitor Guestbook</title> <title>The Montana Dinosaur Center Visitor Guestbook</title>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style> <style>
@ -39,7 +39,10 @@
<body> <body>
<div class="container mt-5 mb-5"> <div class="container mt-5 mb-5">
<h1 class="mb-4">Museum Visitor Guestbook</h1> <header class="d-flex align-items-center mb-4">
<img src="static/images/logo.png" alt="Museum Logo" class="me-3" style="height: 50px;">
<h1 class="h3 mb-0">Museum Visitor Guestbook</h1>
</header>
<!-- Brief instructions for the form --> <!-- Brief instructions for the form -->
<div class="alert alert-info" role="alert"> <div class="alert alert-info" role="alert">