calendar.html

---
title: Calendar
layout: default
---

---
title: Events
layout: default
---

<style>
    .update-section {
        background-color: #1D1D27;
    }

    .update-cards {
        box-shadow: 5px 8px 32px 20px rgba(31, 38, 135, 0.37);
        margin-bottom: 20px;
    }

    .update-cards p {
        height: 80px;
        overflow-y: hidden;
    }

    .button1 {
        background-color: hsl(246, 32%, 51%);
        color: black;
    }

    .button1:hover {
        background-color: #2c2f7f;
        color: white;
    }


    @media only screen and (min-width: 600px) {
        .update-cards img {
            height: 250px;
        }
    }
</style>

<!-- CLASS -->
<section class="class section update-section" id="class">
    <div class="container">
        <div class="row">

            <div class="col-lg-12 col-12 text-center mb-5">
                <h6 data-aos="fade-up"></h6>

                <h2 style="color: white;" data-aos="fade-up" data-aos-delay="200"><b>Calendar</b></h2>
            </div>

            <iframe
                src="https://calendar.google.com/calendar/embed?src=c_h3ctnosu9mkn3iq1bvhdp8ck6g%40group.calendar.google.com&ctz=Asia%2FKolkata"
                style="border: 0" width="100%" height="600px" frameborder="0" scrolling="no"></iframe>

        </div>
    </div>
</section>