From 5e09fb77f4a40bd03707496b47dbc1539b34a089 Mon Sep 17 00:00:00 2001
From: martindwyer <martin@mdbytes.com>
Date: Tue, 1 Feb 2022 13:58:32 -0600
Subject: [PATCH] Footer update

---
 wild-things/src/components/Footer.js | 100 +++------------------------
 1 file changed, 8 insertions(+), 92 deletions(-)

diff --git a/wild-things/src/components/Footer.js b/wild-things/src/components/Footer.js
index ae3d544..2eed06a 100644
--- a/wild-things/src/components/Footer.js
+++ b/wild-things/src/components/Footer.js
@@ -25,111 +25,25 @@ class Footer extends Component {
           <div className="container">
             <div className="row">
               <div className="col-sm-4 col-lg-4">
-                <div className="contact-box pt-1 d-md-flex d-lg-flex d-flex">
-                  <div className="contact-box__icon">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="icon icon-tabler icon-tabler-phone-call"
-                      viewBox="0 0 24 24"
-                      strokeWidth="1"
-                      fill="none"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    >
-                      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                      <path d="M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2" />
-                      <path d="M15 7a2 2 0 0 1 2 2" />
-                      <path d="M15 3a6 6 0 0 1 6 6" />
-                    </svg>
-                  </div>
-                  <div id="call-number" className="contact-box__info">
-                    <a href="#call-number" className="contact-box__info--title">
-                      (319) 555-1212
-                    </a>
-                    <p className="contact-box__info--subtitle">Working Hours</p>
-                  </div>
-                </div>
+                <div className="contact-box pt-1 d-md-flex d-lg-flex d-flex"></div>
               </div>
 
               <div className="col-sm-4 col-lg-4">
-                <div className="contact-box pt-1 d-md-flex d-lg-flex d-flex">
-                  <div className="contact-box__icon">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="icon icon-tabler icon-tabler-mail-opened"
-                      viewBox="0 0 24 24"
-                      strokeWidth="1"
-                      fill="none"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    >
-                      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                      <polyline points="3 9 12 15 21 9 12 3 3 9" />
-                      <path d="M21 9v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10" />
-                      <line x1="3" y1="19" x2="9" y2="13" />
-                      <line x1="15" y1="13" x2="21" y2="19" />
-                    </svg>
-                  </div>
-                  <div id="email-address" className="contact-box__info">
-                    <a
-                      href="#email-address"
-                      className="contact-box__info--title"
-                    >
-                      info@info.com
-                    </a>
-                    <p className="contact-box__info--subtitle">
-                      Response within 24 hrs
-                    </p>
-                  </div>
-                </div>
+                <div className="contact-box pt-1 d-md-flex d-lg-flex d-flex"></div>
               </div>
 
               <div className="col-sm-4 col-lg-4">
-                <div className="contact-box pt-1 d-md-flex d-lg-flex d-flex">
-                  <div className="contact-box__icon">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      className="icon icon-tabler icon-tabler-map-2"
-                      viewBox="0 0 24 24"
-                      strokeWidth="1"
-                      fill="none"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    >
-                      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                      <line x1="18" y1="6" x2="18" y2="6.01" />
-                      <path d="M18 13l-3.5 -5a4 4 0 1 1 7 0l-3.5 5" />
-                      <polyline points="10.5 4.75 9 4 3 7 3 20 9 17 15 20 21 17 21 15" />
-                      <line x1="9" y1="4" x2="9" y2="17" />
-                      <line x1="15" y1="15" x2="15" y2="20" />
-                    </svg>
-                  </div>
-                  <div className="contact-box__info">
-                    <a
-                      href="https://www.google.com/maps/place/Czech+Village,+Cedar+Rapids,+IA/@41.9661634,-91.6628355,17z/data=!3m1!4b1!4m5!3m4!1s0x87e4f76a1694022d:0xf04f757e08d3a14c!8m2!3d41.9665611!4d-91.6608876"
-                      className="contact-box__info--title"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                    >
-                      Cedar Rapids, Iowa
-                    </a>
-                    <p className="contact-box__info--subtitle">
-                      Near Czech Village
-                    </p>
-                  </div>
-                </div>
+                <div className="contact-box pt-1 d-md-flex d-lg-flex d-flex"></div>
               </div>
             </div>
-            <div className="row d-flex align-content-center justify-content-center">
-              <hr />
-            </div>
+            <div className="row d-flex align-content-center justify-content-center"></div>
           </div>
 
           <div className="container footer-middle">
             <div className="row text-white justify-content-center ">
               <div className="col-12 col-sm-4 col-lg-4">
                 <div className="footer-sm">
-                  <h5 className="">Social Media Links</h5>
+                  <h5 className="text-center">Social Media Links</h5>
                   <p>Visit Today</p>
 
                   <div id="social-icons" className="row ">
@@ -177,7 +91,9 @@ class Footer extends Component {
                 </div>
               </div>
               <div id="mascot-container" className="col-12 col-sm-4 col-lg-4">
-                <h5 className="company-font">WildThings Photography</h5>
+                <h5 className="company-font text-center">
+                  WildThings Photography
+                </h5>
                 <br />
                 <img src={penny} alt="Baby Tux" className="img-fluid" />