---
layout: base.njk
metaDesc: "Demo eCommerce website by Derek L. Seitz - dlseitz.dev"
seoIndexing: false
title: "Community Events - Bloom Valley Nursery Demo"
stylesheet: 
    - "/styles/variables.css"
    - "/styles/base.css"
    - "/styles/header.css"
    - "/styles/community.css"
    - "/styles/footer.css"
    - "/styles/modals.css"
fontAwesome: "https://kit.fontawesome.com/c42448086d.js"
currentPage: "community"
pageScripts:
    - "/scripts/cart.js"
    - "/scripts/newsletter.js"
---
<div class="community">
<h1>Mark Your Calendars!</h1>
<div id="calendar-events-container">
  <section class="events" aria-label="List of upcoming local events">
    <div class="upcoming-events">
      <h2>Upcoming Events</h2>
      {% for event in zohoCalendarEvents %}
        <div id="{{ event.uid }}" class="zoho-event">
          {% if event.title %}
            <h3 class="title">{{ event.title }}</h3>
          {% endif %}
          <p class="display-date">{{ event.displayDate }}</p>
          {% if event.location %}
            <p class="location">Location: {{ event.location }}</p>
          {% endif %}
          {% if event.description %}
            <p class="description">{{ event.description }}</p>
          {% endif %}
      </div>
    {% endfor %}
    </div>
    <div class="calendar">
    <iframe src="https://calendar.zoho.com/zc/ui/embed/#calendar=zz0801123006fa33fd29e1610f845b1a39bac3a52e92215b45d6a6f982e3a69c351d4e7b0be038133d1988f6ed212d5f2bd86e7bef&title=Bloom%20Valley%20Nursery&type=1&language=en&timezone=America%2FChicago&showTitle=1&showTimezone=1&startingDayOfWeek=0&timeFormat=0&view=month&showDetail=1&theme=1&showAttendee=0&showSwitchingViews=0&expandAllday=0&eventColorType=light&showAllEvents=0" title="Bloom Valley Nursery"width=650 height=500 frameBorder="0" scrolling="no"></iframe>
  </div>
  </section>
  <div class="add-events">
    <p>
      For more details, to add events to this page, or to leave feedback,
      <a
        href="/about/#feedback"
        aria-label="Go to the feedback form on the About Us page to leave feedback or inquiries."
        >click here</a
      > to send us a message.
    </p>
  </div>
</div>