calendar.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="description" content="canadian rock band">
  <meta name="keywords" content="rock, canada, 70s, 80s, punk, blues, band, rock band">
  <meta name="author" content="Sarif Design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="js/main.js" defer></script>
  <script src="js/smoothscrollpolyfills.min.js"></script>
  <link href="icons/css/all.css" rel="stylesheet">
  <title>Calendar | Schedule of Bomber Love live performances</title>
  <link rel="shortcut icon" type="image/jpg" href="img/favicon.png"/>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

  <!-- header -->
  <div class="header">
    <div class="header-container">
      <div class="header-left">
        <a href="index.html">
          <div class="logo-image">
            <img src="img/logo.png" alt="bomberlove logo" />
          </div>
        </a>
      </div>
      <div class="header-right">
        <div class="header-social">
          <a href="https://www.facebook.com/bomberloveband/"><i class="fab fa-facebook"></i></a>
          <a href="https://l.facebook.com/l.php?u=http%3A%2F%2Finstagram.com%2Fbomberloveband%3Ffbclid%3DIwAR18xyloIakpjUgSeJ5_VTbKVPRknHJ3fs4CFsqnbHvxx2eLQnBm4n9sRXM&h=AT2DZcjvZc7ezcu3NpxPVU4kqe2Jy5Lq--elTNaPYWA3emwaWtID4E4Ps_U9ytigvAj41no7jSSzGPQkJuhtXJwg-pSlpGgkLxuqWW9sV5ljn-2MKcYbginaTYpOvZgcVPU"><i class="fab fa-instagram"></i>
          <a href="https://open.spotify.com/artist/4Wu8Y67lRGPaqPkkiQXKds?si=6IfmjeOfTt6T-AhdJ5pNDA&fbclid=IwAR37iLMiLWYd1cEz1CC2gy9ZjRPBvzRCT4WT7P4Ptvf3VZdea5bvFpbxPFA&nd=1"><i class="fab fa-spotify"></i></a>
        </div>
        <div class="toggle" onclick="toggleMenu();"></div>
      </div>
    </div>
  </div>
  <!-- header END -->

<!-- page intro -->
<div class="page-intro">
  <div class="page-intro-title">
    <h1>Calendar<span>.</span></h1>
    <h2>Live performance Schedule</h2>
  </div>
  </div>
</div>
<!-- page intro END -->

<!-- scroll up button -->
<button class="" id="btnScrollTop">
  <i class="fas fa-chevron-up"></i>
</button>
<!-- scroll up button END -->

<section>
  <div class="container">
    <div class="section-half">
      <h2>Calendar</h2>
      <p>
        Stay up to date and don't miss out our next live performance.
      </p>
      <p>
        Get your tickets now.
      </p>
    </div>
    <div class="section-half"></div>
  </div>
</section>

<section>
  <div class="container">
    <div class="section-half centered">
      <h2 class="place-title">Guilt & Co</h2>
      <h4>Dec 6th 2021</h4>
      <h4>10 pm</h4>
      <p class="mb-24">
        Don't miss out our next live performance.
      </p>
      <div class="double-btn">
        <a href="#" class="btn">Visit Website</a>
        <a href="#" class="btn">Buy Ticket</a>
      </div>
    </div>
    <div class="section-half centered">
      <div class="video-box">
        <img src="img/guilt.png" alt="Guilt & Co" />
      </div>
      <div class="social-box">
        <ul>
          <li><a href="#"><i class="fab fa-facebook"></i></a></li>
          <li><a href="#"><i class="fab fa-instagram"></i></a></li>
          <li><a href="#"><i class="fab fa-twitter"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="section-half centered">
      <h2 class="place-title">Frankie's Jazz Club</h2>
      <h4>Dec 14th 2021</h4>
      <h4>11 pm</h4>
      <p class="mb-24">
        Don't miss out our next live performance.
      </p>
      <a href="#" class="btn">Visit Website</a>
    </div>
    <div class="section-half centered">
      <div class="video-box">
        <img src="img/frankie.png" alt="Frankie's Jazz Club" />
      </div>
      <ul>
        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
      </ul>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="section-half centered">
      <h2 class="place-title">Pat's Pub</h2>
      <h4>Dec 20th 2021</h4>
      <h4>10 pm</h4>
      <p class="mb-24">
        Don't miss out our next live performance.
      </p>
      <a href="#" class="btn">Visit Website</a>
    </div>
    <div class="section-half centered">
      <div class="video-box">
        <img src="img/pat.png" alt="Pat's Pub" />
      </div>
      <ul>
        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
      </ul>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="long-box">
      <h2>Get in Touch</h2>
      <p class="mb-24">
        For business inquiries, don't hesitate to give us a message
      </p>
      <a href="contact.html" class="btn">Contact Us</a>
    </div>
  </div>
</section>

<!-- footer -->
<footer>
  <div class="footer-container">
    <div class="footer-row">
      <div class="footer-box">
        <a href="#">
          <div class="footer-logo">
            <img src="img/logoNegative.png" alt="bomber love logo" />
          </div>
        </a>
        <h5>Songs for the Soul</h5>
      </div>
      <div class="footer-box">
        <h4>Navigation</h4>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="media.html">Media</a></li>
          <li><a href="calendar.html">Calendar</a></li>
          <li><a href="store.html">Store</a></li>
          <li><a href="contact.html">Contact Us</a></li>
        </ul>
      </div>
      <div class="footer-box">
        <div class="footer-box-internal">
          <h4>Social</h4>
          <ul>
            <li><a href="https://www.facebook.com/bomberloveband/"><i class="fab fa-facebook"></i> Facebook</a></li>
            <li><a href="https://l.facebook.com/l.php?u=http%3A%2F%2Finstagram.com%2Fbomberloveband%3Ffbclid%3DIwAR18xyloIakpjUgSeJ5_VTbKVPRknHJ3fs4CFsqnbHvxx2eLQnBm4n9sRXM&h=AT2DZcjvZc7ezcu3NpxPVU4kqe2Jy5Lq--elTNaPYWA3emwaWtID4E4Ps_U9ytigvAj41no7jSSzGPQkJuhtXJwg-pSlpGgkLxuqWW9sV5ljn-2MKcYbginaTYpOvZgcVPU"><i class="fab fa-instagram"></i> Instagram</li>
            <li><a href="https://open.spotify.com/artist/4Wu8Y67lRGPaqPkkiQXKds?si=6IfmjeOfTt6T-AhdJ5pNDA&fbclid=IwAR37iLMiLWYd1cEz1CC2gy9ZjRPBvzRCT4WT7P4Ptvf3VZdea5bvFpbxPFA&nd=1"><i class="fab fa-spotify"></i> Spotify</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-row-2">
      <p>&copy; Bomber Love</p>
      <p>Created with <i class="fas fa-heart h-heart"></i> by: Thriving-Source 2021.</p>
    </div>
  </div>
</footer>
<!-- footer END -->

<!-- sidemenu -->
<div class="sidemenu">
  <ul>
    <li><a href="index.html" onclick="toggleMenu();">Home</a></li>
    <li><a href="about.html" onclick="toggleMenu();">About Us</a></li>
    <li><a href="media.html" onclick="toggleMenu();">Media</a></li>
    <li><a href="calendar.html" onclick="toggleMenu();">Calendar</a></li>
    <li><a href="store.html" onclick="toggleMenu();">Store</a></li>
    <li><a href="contact.html" onclick="toggleMenu();">Contact Us</a></li>
  </ul>
  <div class="sidemenu-social">
      <a href="https://www.facebook.com/bomberloveband/"><i class="fab fa-facebook"></i></a>
      <a href="https://l.facebook.com/l.php?u=http%3A%2F%2Finstagram.com%2Fbomberloveband%3Ffbclid%3DIwAR18xyloIakpjUgSeJ5_VTbKVPRknHJ3fs4CFsqnbHvxx2eLQnBm4n9sRXM&h=AT2DZcjvZc7ezcu3NpxPVU4kqe2Jy5Lq--elTNaPYWA3emwaWtID4E4Ps_U9ytigvAj41no7jSSzGPQkJuhtXJwg-pSlpGgkLxuqWW9sV5ljn-2MKcYbginaTYpOvZgcVPU"><i class="fab fa-instagram"></i></a>
      <a href="https://open.spotify.com/artist/4Wu8Y67lRGPaqPkkiQXKds?si=6IfmjeOfTt6T-AhdJ5pNDA&fbclid=IwAR37iLMiLWYd1cEz1CC2gy9ZjRPBvzRCT4WT7P4Ptvf3VZdea5bvFpbxPFA&nd=1"><i class="fab fa-spotify"></i></a>
  </div>
</div>
<!-- sidemenu END -->

</body>
</html>