👋 Hello ACE Club Members!

Welcome to the ACE Club Assets Repository! 🎉
This repository contains assets that will help in optimizing our website for a better user experience. 🚀

🔧 Guidelines

• Please use these assets wisely and ensure proper usage across the website.
• Maintain a good format while uploading files to this repository to keep everything organized. 🗂️

Your contribution is important to keep things running smoothly. Let’s work together to create an awesome website! 💻✨

📝 Instructions

1. 🖼️ Put image of posters in PNG format.
2. ✏️ Name should be short and clear for the poster/image.
3. 🚫 Do not use generic names like poster(1).png or image(1).png.

Code Example for Optimized Asset Usage

This example demonstrates how to use both local assets and GitHub raw assets for optimized loading and website performance. Using GitHub raw links can help reduce load times when the assets are available online, while local assets are used when they are stored in your project.

HTML Code Example

<div class="col-lg-4 col-md-6 d-flex align-items-stretch offset-lg-0 ">
    <div class="member" data-aos="fade-up" data-aos-delay="400">
        <div class="member-img">
            <img loading="lazy"
                src="https://raw.githubusercontent.com/srmacevdp/assets/main/BOD%20IMG/BOD-IMG1.jpeg"
                class="img-fluid" alt="" style="aspect-ratio: 4/3;" />
            <div class="social">
                <a href="https://instagram.com/kirthan_03?igshid=MzRlODBiNWFlZA==" target="_blank">
                    <i class="bi bi-instagram"></i>
                </a>
                <a href="https://www.linkedin.com/in/thansidh-kirthan-b50992283" target="_blank">
                    <i class="bi bi-linkedin"></i>
                </a>
            </div>
        </div>
        <div class="member-info">
            <h4>Mr. Kirthan Nadar</h4>
            <span><b>Head of Logistics</b></span>
        </div>
    </div>
</div>

<div class="col-lg-4 col-md-6 d-flex align-items-stretch offset-lg-0 ">
    <div class="member" data-aos="fade-up" data-aos-delay="400">
        <div class="member-img">
            <img loading="lazy" src="assets/BOD poster/Ace photo.jpeg" class="img-fluid" alt="" style="aspect-ratio: 4/3;" />
            <div class="social">
                <a href="https://instagram.com/aman.kx?igshid=MzRlODBiNWFlZA==" target="_blank">
                    <i class="bi bi-instagram"></i>
                </a>
                <a href="https://www.linkedin.com/in/aman-kumar-018078250" target="_blank">
                    <i class="bi bi-linkedin"></i>
                </a>
            </div>
        </div>
        <div class="member-info">
            <h4>Mr. Aman Kumar</h4>
            <span><b>Head of Secretary & Public Relations</b></span>
        </div>
    </div>
</div>