Admin Dashboard

Events

Manage upcoming and past events.

Attendance Management

View and manually manage event check-ins.

Name	Email	College	Check-in Time	Actions
Select an event to view attendees.

Member Directory

Manage your team and user base.

Name	Contact	Role & College	Status	Actions

Data Management

Import and export CSV data for Events, Members, and Attendance.

Events Data

Bulk import or export all events in the system.

Members Data

Bulk import or export all registered members.

Attendance Data

Export or import attendance records for a specific event.

Certificate Builder

Design and generate bulk certificates for event attendees. Rendered purely in your browser for zero backend latency.

Select Event

Certificate Background Image URL

Add Placeholder

Variable (e.g. {{Name}})

Font Size (px)

Color

Actions

Event Attendees

Name	Email	College	Actions

Mass Mailer

Send bulk emails with personalized certificates attached to all attendees of an event.

Select Event

Email Settings

Subject

HTML Content

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="x-apple-disable-message-reformatting">

<title>Certificate of Participation</title>

img {
      border: 0;
      display: block;
      max-width: 100%;
    }

a {
      text-decoration: none;
    }

.wrapper {
      width: 100%;
      background-color: #181b1d;
      padding: 45px 15px;
    }

.container {
      width: 100%;
      max-width: 600px;
      background-color: #101112;
      border-radius: 22px;
      overflow: hidden;
    }

/* HEADER */

.header {
      background-color: #ff9208;
      padding: 52px 35px 58px;
      text-align: center;
    }

.header-line {
      width: 55px;
      height: 3px;
      background-color: #ffffff;
      margin: 0 auto 25px;
      opacity: 0.85;
      font-size: 0;
      line-height: 0;
    }

.eyebrow {
      margin: 0 0 18px;
      color: #fff8ef;
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 4px;
      font-weight: 700;
    }

.title {
      margin: 0;
      color: #ffffff;
      font-size: 44px;
      line-height: 51px;
      font-weight: 700;
      letter-spacing: -0.5px;
    }

/* CONTENT */

.content {
      padding: 52px 55px 50px;
      background-color: #101112;
    }

.greeting {
      margin: 0;
      color: #ffffff;
      font-size: 22px;
      line-height: 33px;
      font-weight: 600;
    }

.text {
      margin: 0;
      color: #c8d3e8;
      font-size: 18px;
      line-height: 31px;
    }

.bold {
      color: #ffffff;
      font-weight: 700;
    }

/* SIGNATURE */

.signature {
      margin: 0;
      color: #c8d3e8;
      font-size: 17px;
      line-height: 27px;
    }

.signature strong {
      color: #ffffff;
      font-size: 18px;
      font-weight: 700;
    }

/* FOOTER */

.footer {
      background-color: #1a1d1f;
      border-top: 1px solid #2c2f32;
      padding: 24px 20px;
      text-align: center;
    }

.automated {
      margin: 0;
      color: #737d8d;
      font-size: 12px;
      line-height: 19px;
    }

/* MOBILE */

@media screen and (max-width: 600px) {

.wrapper {
        padding: 20px 10px;
      }

.container {
        border-radius: 18px;
      }

.header {
        padding: 42px 25px 46px;
      }

.eyebrow {
        font-size: 11px;
        line-height: 17px;
        letter-spacing: 3px;
      }

.title {
        font-size: 35px;
        line-height: 42px;
      }

.content {
        padding: 40px 28px 42px;
      }

.greeting {
        font-size: 20px;
        line-height: 30px;
      }

.text {
        font-size: 17px;
        line-height: 29px;
      }

.signature {
        font-size: 16px;
        line-height: 25px;
      }

.footer {
        padding: 22px 15px;
      }

.automated {
        font-size: 11px;
        line-height: 18px;
      }
    }
  </style>
</head>

<body>

<table
    role="presentation"
    width="100%"
    cellpadding="0"
    cellspacing="0"
    border="0"
    bgcolor="#181b1d"
  >
    <tr>
      <td align="center">

<tr>
            <td class="header">

<p class="eyebrow">
                CERTIFICATE OF PARTICIPATION
              </p>

<h1 class="title">
                Congratulations,<br>
                {{Name}}
              </h1>

</td>
          </tr>

<tr>
            <td class="content">

<p class="greeting">
                Dear <span class="bold">{{Name}}</span>,
              </p>

<table
                role="presentation"
                width="100%"
                cellpadding="0"
                cellspacing="0"
                border="0"
              >
                <tr>
                  <td
                    height="24"
                    style="height:24px; font-size:0; line-height:0;"
                  >
                     
                  </td>
                </tr>
              </table>

<p class="text">
                Thank you for being a valued part of our event.
                Your participation and enthusiasm helped make the
                experience a great success.
              </p>

<table
                role="presentation"
                width="100%"
                cellpadding="0"
                cellspacing="0"
                border="0"
              >
                <tr>
                  <td
                    height="22"
                    style="height:22px; font-size:0; line-height:0;"
                  >
                     
                  </td>
                </tr>
              </table>

<p class="text">
                We are pleased to share your official
                <span class="bold">Certificate of Participation</span>
                with you.
              </p>

<p class="text">
                Your certificate is attached as a PDF.
                Please download it and keep it safely for your records.
              </p>

<table
                role="presentation"
                width="100%"
                cellpadding="0"
                cellspacing="0"
                border="0"
              >
                <tr>
                  <td
                    height="32"
                    style="height:32px; font-size:0; line-height:0;"
                  >
                     
                  </td>
                </tr>
              </table>

<table
                role="presentation"
                width="100%"
                cellpadding="0"
                cellspacing="0"
                border="0"
              >
                <tr>
                  <td
                    style="
                      border-top:1px solid #2b2e31;
                      padding-top:26px;
                    "
                  >

<p class="signature">
                      Warm regards,<br>
                      <strong>Techno Endeavours</strong>
                    </p>

</td>
                </tr>
              </table>

</td>
          </tr>

<tr>
            <td class="footer">

<p class="automated">
                This is an automated email. Please do not reply to this message.
              </p>

</td>
          </tr>

</table>

</td>
    </tr>
  </table>

</body>
</html>

Email Preview

Events

Attendance Management

Member Directory

Data Management

Events Data

Members Data

Attendance Data

Certificate Builder

Add Placeholder

Actions

Event Attendees

Mass Mailer

Email Settings

Add Member

Add Event

Event Title

Manual Check-in

Edit Attendee

Secure Login