Add the anniversary logo to the homepage

index.html

@@ -8,6 +8,10 @@
     <article>
         <div id="content">
             <h1>Home</h1>
+            <section id="anniversary">
+                <img src="anniversarylogo.png" width="300px" alt="Car’s 75th Anniversary and Club’s 50th Anniversary Commemorative Logo" />
+                <h2>Celebrating <span id="gold" class="years">fifty years</span> of the Triumph Mayflower Club and <span id="silver" class="years">seventy five years</span> of the Triumph Mayflower!</h2>
+            </section>
             <p>Welcome to the online home of the Triumph Mayflower Club! Click on a section link below to get started…</p>
             <section>
                 <h2><a href="{{ site.baseurl }}/about">About</a></h2>

page.css

@@ -23,6 +23,47 @@
     color: grey;
 }
 
+#anniversary {
+    border: 1px solid darkgrey;
+    border-radius: 10px;
+
+    background-color: #fff3e8;
+
+    filter: drop-shadow(1px 3px 4px lightgrey);
+
+    display: flex;
+
+    color: #192a2c;
+}
+
+#anniversary h2 {
+    margin: 35px 10px;
+    border: none;
+
+    display: grid;
+
+    text-align: center;
+    align-items: center;
+
+    font-size: 16pt;
+}
+
+#anniversary .years {
+    font-size: 20pt;
+}
+
+#anniversary #gold {
+    color: #ffa602;
+}
+
+#anniversary #silver {
+    color: #a6a6a6;
+}
+
+#anniversary img {
+    margin: 2px 7px;
+}
+
 h1 {
     text-align: center;
     margin-top: 10px;