Footer

by Avnish Sanujay

HTML

<footer1><h3>
  
  Orders</h3>Phone 1.800.NO-WHEAT
 <br>Email: [email protected]</footer1>
 <footer2><h3>Address</h3>382 Leeroy Ave. Denver, CO,
80135</footer2>
  <footer3><h3>
  Hours</h3>Mon – Thur  6AM - 7PM<br>
Friday  6AM - 6PM<br>
Saturday  7AM - 4PM<br>Sunday  7AM - 1PM</footer3>
<footer4><h3>Follow Us</h3><a href="https://www.facebook.com/No-Wheat-Treats-1649536035286609/?fref=ts"><img src="http://static.wixstatic.com/media/5e966e0f0a673434ef82173642bd4ef9.png/v1/fill/w_50,h_50,al_c,usm_0.66_1.00_0.01/5e966e0f0a673434ef82173642bd4ef9.png" alt="Facebook" height="38" width="38">
  <a href="https://twitter.com/WheatNo"><img src="https://static.wixstatic.com/media/3ab1a351034dea3a35bdb4f03301c088.png/v1/fill/w_50,h_50,al_c,usm_0.66_1.00_0.01/3ab1a351034dea3a35bdb4f03301c088.png" alt="Facebook" height="38" width="38">
  <a href="https://www.instagram.com/nowheattreatsdenver/"><img src="https://static.wixstatic.com/media/13ab93739771c3a90bf78b73eaae3a68.png/v1/fill/w_50,h_50,al_c,usm_0.66_1.00_0.01/13ab93739771c3a90bf78b73eaae3a68.png" alt="Facebook" height="38" width="38">

CSS

ul {
    width: 200%;
    display: table;
    table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}
footer1 {
    display: table-cell;
    background:#F5ECCE;
    text-align: center;
    border: 2px ridge;
    width: 260px;
    vertical-align: top;
    font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
}
footer2 {
    display: table-cell;
    background:#F5ECCE;
    text-align: center;
    border: 2px ridge;
    width: 300px;
    vertical-align: top;
    font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
}
footer3 {
    display: table-cell;
    text-align: center;
    border: 2px ridge;
    background:#F5ECCE;
    width: 400px;
    vertical-align: middle;
    font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
}
footer4 {
    display: table-cell;
    text-align: center;
    border: 2px ridge;
    background:#F5ECCE;
    width: 300px;
    vertical-align: top;
    font-family: Rockwell, 'Courier Bold', Courier, Georgia, Times, 'Times New Roman', serif;
}