Events

Event Style 1

event-image
15
Nov
17th Avenue, New York

Lorem ipsum dolor sit amet

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

event-image
15
Nov
17th Avenue, New York

Excepteur sint occaecat

Sed ut perspiciatis unde omnis iste natus error sint voluptatem accusantium dolorem

event-image
15
Nov
17th Avenue, New York

Sed ut perspiciatis unde omnis

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium

                
<section class="events elements z-sec">
    <div class="container">
        <h2>Event Style 1</h2>
        <div class="event-style-1">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="event-item">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/events/event-1.jpeg" alt="event-image">
                            <div class="blog-uid-square">
                                <h6>15</h6>
                                <h6>Nov</h6>
                            </div>
                        </div>
                        <div class="event-content">
                            <div class="location">
                                <svg xmlns="http://www.w3.org/2000/svg" width="112" height="150" viewBox="0 0 112 150">
                                    <path  d="M224.039,33.488c-30.934,0-56.009,24.789-56.009,55.361,0,12.957,4.429,22.957,14.639,38.077s41.37,56.562,41.37,56.562,31.168-41.433,41.352-56.562c10.219-15.112,14.639-25.12,14.639-38.077,0-30.572-25.074-55.361-55.991-55.361Zm0,76.291a20.931,20.931,0,1,1,21.172-20.93A21.052,21.052,0,0,1,224.039,109.779Z" transform="translate(-168.03 -33.488)" fill="#1a1725"/>
                                </svg>
                                <span>17th Avenue, New York</span>
                            </div>
                        
                            <h4 class="event-title">
                                <a href="javascript:void(0);">Lorem ipsum dolor sit amet</a>
                            </h4>
                            <div class="event-summary">
                                <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p>
                            </div>
                            <div class="read">
                                <a href="javascript:void(0)">
                                Read More<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </a>
                            </div>
                        </div>    
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="event-item">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/events/pexels-andy-barbour-6684506.jpg" alt="event-image">
                            <div class="blog-uid-square">
                                <h6>15</h6>
                                <h6>Nov</h6>
                            </div>
                        </div>
                        <div class="event-content">
                            <div class="location">
                                <svg xmlns="http://www.w3.org/2000/svg" width="112" height="150" viewBox="0 0 112 150">
                                    <path  d="M224.039,33.488c-30.934,0-56.009,24.789-56.009,55.361,0,12.957,4.429,22.957,14.639,38.077s41.37,56.562,41.37,56.562,31.168-41.433,41.352-56.562c10.219-15.112,14.639-25.12,14.639-38.077,0-30.572-25.074-55.361-55.991-55.361Zm0,76.291a20.931,20.931,0,1,1,21.172-20.93A21.052,21.052,0,0,1,224.039,109.779Z" transform="translate(-168.03 -33.488)" fill="#1a1725"/>
                                </svg>
                                <span>17th Avenue, New York</span>
                            </div>
                        
                            <h4 class="event-title">
                                <a href="javascript:void(0);">Excepteur sint occaecat</a>
                            </h4>
                            <div class="event-summary">
                                <p>Sed ut perspiciatis unde omnis iste natus error sint voluptatem accusantium dolorem</p>
                            </div>
                            <div class="read">
                                <a href="javascript:void(0)">
                                Read More<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </a>
                            </div>
                        </div>    
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="event-item">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/events/event-2.jpeg" alt="event-image">
                            <div class="blog-uid-square">
                                <h6>15</h6>
                                <h6>Nov</h6>
                            </div>
                        </div>
                        <div class="event-content">
                            <div class="location">
                                <svg xmlns="http://www.w3.org/2000/svg" width="112" height="150" viewBox="0 0 112 150">
                                    <path  d="M224.039,33.488c-30.934,0-56.009,24.789-56.009,55.361,0,12.957,4.429,22.957,14.639,38.077s41.37,56.562,41.37,56.562,31.168-41.433,41.352-56.562c10.219-15.112,14.639-25.12,14.639-38.077,0-30.572-25.074-55.361-55.991-55.361Zm0,76.291a20.931,20.931,0,1,1,21.172-20.93A21.052,21.052,0,0,1,224.039,109.779Z" transform="translate(-168.03 -33.488)" fill="#1a1725"/>
                                </svg>
                                <span>17th Avenue, New York</span>
                            </div>
                        
                            <h4 class="event-title">
                                <a href="javascript:void(0);">Sed ut perspiciatis unde omnis</a>
                            </h4>
                            <div class="event-summary">
                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
                            </div>
                            <div class="read">
                                <a href="javascript:void(0)">
                                Read More<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                        <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </a>
                            </div>
                        </div>    
                    </div>
                </div>
            </div>
        </div>  
     </div>
</section>
                
            

Event Style 2

event-image
15
Nov

Ut enim ad minim venia quis nostrud

17th Avenue, New York

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

                
<section class="events elements z-sec">
    <div class="container">
         <h2>Event Style 2</h2>
        <div class="event-style-2">
            <div class="row">
                <div class="col-md-6">
                    <div class="img-wrapper">
                        <img src="../themes/custom/education_plus/assets/theme/img/events/events-2.jpeg" alt="event-image">
                        <div class="blog-uid-square">
                            <h6>15</h6>
                            <h6>Nov</h6>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="event-item">
                        <h3 class="event-title">
                            <a href="javascript:void(0);">Ut enim ad minim venia quis nostrud</a>
                        </h3>
                        <div class="location">
                            <svg xmlns="http://www.w3.org/2000/svg" width="112" height="150" viewBox="0 0 112 150">
                                <path  d="M224.039,33.488c-30.934,0-56.009,24.789-56.009,55.361,0,12.957,4.429,22.957,14.639,38.077s41.37,56.562,41.37,56.562,31.168-41.433,41.352-56.562c10.219-15.112,14.639-25.12,14.639-38.077,0-30.572-25.074-55.361-55.991-55.361Zm0,76.291a20.931,20.931,0,1,1,21.172-20.93A21.052,21.052,0,0,1,224.039,109.779Z" transform="translate(-168.03 -33.488)" fill="#1a1725"/>
                            </svg>
                            <span>17th Avenue, New York</span>
                        </div>
                        <div class="event-summary">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p>
                        </div>
                        <div class="read">
                            <a href="javascript:void(0)">
                            Learn More<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                    <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                </svg>
                            </a>
                        </div>
                    </div>    
                </div>
            </div>
        </div> 
     </div>
</section>