
{% extends 'base.html' %}
{% load static %}
{% block headblock %}
<title>Our Events</title>
<meta name="description" content="Discover our up coming events!" >

{% endblock %}
{% block content %}

<!-- breadcrumb start-->
    <section class="breadcrumb"><img class="img-fluid img-src" src="{% static 'main/assets/images/herointro/3.webp' %}" alt="">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="breadcrumb-contain">
                        <h1 data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">Events</h1>
                        <ul data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                            <li><a href="{% url 'main:home' %}">Home<i class="bi bi-chevron-right"></i></a></li>
                            <li><a href="#">Events</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb end-->
    <!-- start Webinar area-->
    <section class="bg-light space-py-100">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="title text-center">
                        <h4>Webinars</h4>
                        <h2>Upcoming Webinars</h2>
                    </div>
                </div>
            </div>
            <div class="grid grid-cols-12 cdx-gap">
                <div class="col-span-12 md:col-span-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <div class="career-grid">
                        <div class="img-wrap"><a href="event-detail.html"><img class="img-fluid" src="{% static 'main/assets/images/career/1.webp' %}" alt=""></a></div>
                        <div class="career-detail">
                            <h3><a href="event-detail.html">Web Programming Career Guideline</a></h3>
                            <ul class="careerdata-list">
                                <li><i class="bi bi-calendar-event"></i><span>08 Jun 2022</span></li>
                                <li><i class="bi bi-clock"></i><span>10:00 pm</span></li>
                            </ul>
                            <p>Donec nec justo eget felis facilisis. Aliquam porttitor mauris sit amet orci.</p><a class="btn btn-outline-primary btn-sm" href="event-detail.html">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-span-12 md:col-span-6" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                    <div class="career-grid">
                        <div class="img-wrap"><a href="event-detail.html"><img class="img-fluid" src="{% static 'main/assets/images/career/2.webp' %}" alt=""></a></div>
                        <div class="career-detail">
                            <h3><a href="event-detail.html">UX / UI Design Guideline For Beginner</a></h3>
                            <ul class="careerdata-list">
                                <li><i class="bi bi-calendar-event"></i><span>09 Aug 2022</span></li>
                                <li><i class="bi bi-clock"></i><span>09:00 pm</span></li>
                            </ul>
                            <p>Donec nec justo eget felis facilisis. Aliquam porttitor mauris sit amet orci.</p><a class="btn btn-outline-primary btn-sm" href="event-detail.html">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-span-12 md:col-span-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <div class="career-grid">
                        <div class="img-wrap"><a href="event-detail.html"><img class="img-fluid" src="{% static 'main/assets/images/career/3.webp' %}" alt=""></a></div>
                        <div class="career-detail">
                            <h3><a href="event-detail.html">Product Marketing Strategies For Beginner</a></h3>
                            <ul class="careerdata-list">
                                <li><i class="bi bi-calendar-event"></i><span>15 Sept 2022</span></li>
                                <li><i class="bi bi-clock"></i><span>04:00 pm</span></li>
                            </ul>
                            <p>Donec nec justo eget felis facilisis. Aliquam porttitor mauris sit amet orci.</p><a class="btn btn-outline-primary btn-sm" href="event-detail.html">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-span-12 md:col-span-6" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                    <div class="career-grid">
                        <div class="img-wrap"><a href="event-detail.html"><img class="img-fluid" src="{% static 'main/assets/images/career/4.webp' %}" alt=""></a></div>
                        <div class="career-detail">
                            <h3><a href="event-detail.html">Programming Content Guideline For Beginner</a></h3>
                            <ul class="careerdata-list">
                                <li><i class="bi bi-calendar-event"></i><span>26 Sept 2022</span></li>
                                <li><i class="bi bi-clock"></i><span>12:30 pm</span></li>
                            </ul>
                            <p>Donec nec justo eget felis facilisis. Aliquam porttitor mauris sit amet orci.</p><a class="btn btn-outline-primary btn-sm" href="event-detail.html">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-span-12 md:col-span-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <div class="career-grid">
                        <div class="img-wrap"><a href="event-detail.html"><img class="img-fluid" src="{% static 'main/assets/images/career/3.webp' %}" alt=""></a></div>
                        <div class="career-detail">
                            <h3><a href="event-detail.html">Graphics Design Career Guideline</a></h3>
                            <ul class="careerdata-list">
                                <li><i class="bi bi-calendar-event"></i><span>20 Acto 2022</span></li>
                                <li><i class="bi bi-clock"></i><span>08:00 Am</span></li>
                            </ul>
                            <p>Donec nec justo eget felis facilisis. Aliquam porttitor mauris sit amet orci.</p><a class="btn btn-outline-primary btn-sm" href="event-detail.html">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-span-12 md:col-span-6" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                    <div class="career-grid">
                        <div class="img-wrap"><a href="event-detail.html"><img class="img-fluid" src="{% static 'main/assets/images/career/4.webp' %}" alt=""></a></div>
                        <div class="career-detail">
                            <h3><a href="event-detail.html">SEO Master Training A To Z For Beginner</a></h3>
                            <ul class="careerdata-list">
                                <li><i class="bi bi-calendar-event"></i><span>30 Nove 2022</span></li>
                                <li><i class="bi bi-clock"></i><span>01:30 pm</span></li>
                            </ul>
                            <p>Donec nec justo eget felis facilisis. Aliquam porttitor mauris sit amet orci.</p><a class="btn btn-outline-primary btn-sm" href="event-detail.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end Webinar area-->
{% endblock %}