<link rel="stylesheet" href="/static/custom.css">

Pre-built modules you can install in a few clicks instead of designing a schema from scratch. Each one is a real, downloadable package &mdash; see its page for the full step-by-step setup guide.

<div style="width: 23%; margin: 1rem 1rem 2rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/alert/icon.svg" alt="Alert Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/alert/">Alert</a></h2>
  <p style="font-size: .9rem; height: 70px;">Boost user engagement with eye-catching, personalized alert notifications.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/alert/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>

<div style="width: 23%; margin: 1rem 1rem 2rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/blog/icon.jpg" alt="Blog Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/blog/">Blog</a></h2>
  <p style="font-size: .9rem; height: 70px;">Write, draft, edit, and publish content that keeps your customers coming back.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/blog/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>

<div style="width: 23%; margin: 1rem 1rem 2rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/calendar/icon.jpg" alt="Calendar Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/calendar/">Calendar</a></h2>
  <p style="font-size: .9rem; height: 70px;">Schedule events, give prominent descriptions, and add location services in one place.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/calendar/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>

<div style="width: 23%; margin: 1rem 1rem 2rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/contact/icon.jpg" alt="Contact Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/contact/">Contact</a></h2>
  <p style="font-size: .9rem; height: 70px;">Capture leads and inquiries with a fully customizable contact form.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/contact/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>

<div style="width: 23%; margin: 1rem 1rem 2rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/news/icon.jpg" alt="News Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/news/">News</a></h2>
  <p style="font-size: .9rem; height: 70px;">Keep your users informed about your company happenings or press releases with News.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/news/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>

<div style="width: 23%; margin: 1rem 0 2rem; margin-top: 1rem; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/slider/icon.jpg" alt="Slider Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/slider/">Slider</a></h2>
  <p style="font-size: .9rem; height: 70px;">Showcase products, workspace, or other important aspects of your organization.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/slider/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>

<div style="width: 23%; margin: 1rem 0 2rem; margin-top: 1rem; display: flex; align-items: center; justify-content: center; flex-direction: column; float: left; padding: 1rem;" class="text-center border">
  <img src="../../Images/modules/quick-links/icon.jpg" alt="Quick Links Logo" style="width: 80px;">
  <h2 style="margin-top: 2rem; font-size: 1.4rem;"><a href="/modules/catalog/quick-links/">Quick Links</a></h2>
  <p style="font-size: .9rem; height: 70px;">Convenient shortcuts to allow users to access important information with just one click.</p>
  <p style="margin-top: 1rem;"><a href="/modules/catalog/quick-links/" class="btn-blue-lg" style="padding: .6rem 2.5rem; font-size: .9rem;">INSTALL</a></p>
</div>
