<!DOCTYPE html>
<html>
    <head>
        <link rel="shortcut icon" type="png" href="" />
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Comaptible" content="IE=edge" />
        <title>Sponsors | Xpecto</title>
        <meta name="desciption" content="" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <script type="text/javascript" src="script.js"></script>
        <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
        <link rel="stylesheet" href="./css/sponsors.css">
        <link rel="stylesheet" href="./css/navbar.css">
        <link
            rel="stylesheet"
            href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
        />
        <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
            rel="stylesheet"
            integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
            crossorigin="anonymous"
        />
<style>
       .text-white {
            text-align: center;
        }
        header {
            display: flex;
            padding-left: 40px;
            padding-right: 10px;
        }
        .showcase.active {
            right: 250px;
        }
        @media (max-width: 768px) {
            .showcase.active {
                right: 50%;
            }
        }
        @media (max-width: 480px) {
            .showcase.active {
                right: 75%;
            }
            header .logo {
                font-size: 1.5rem;
            }
            .text-white {
            }
            header {
                /* padding-left: 40px; */
                padding-right: 10px;
                display: flex;
                /* align-items: flex-end; */
            }
            .showcase {
                padding-right: 50px;
            }
        }
    </style>
    </head>

    <body>
        <div class="bg"></div>
        <div class="home">
            <section class="showcase">
                <header>
                    <h2 class="logo">Xpecto '22</h2>
                    <div class="toggle"></div>
                </header>
                <div class="overlay"></div>
                <h1 class="text-white">To be Updated Soon!</h1>

                <!-- SPONSORS  -->

                <!-- Sponsors section-->
                <!-- <div>
                    <div class="spon">
                        <div class="heading" id="head-section">
                            <center>
                                <p
                                    style="
                                        font-size: 70px;
                                        padding: 40px;
                                        padding-bottom: 40px;
                                        font-family: 'Open Sans', sans-serif;
                                        color: #fff;
                                    "
                                >
                                    Our Past Sponsors
                                </p>
                            </center>
                        </div>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at01.02.12.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.58.42.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.58.55.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.59.10.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.59.10.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.59.28.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at01.01.52.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at01.02.02.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.58.55.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.59.10.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at01.02.02.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.58.55.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.59.10.jpeg"
                                /></div
                        ></a>
                        <a href="userdetail.html"
                            ><div class="s-card">
                                <img
                                    src="images/WhatsAppImage2021-05-17at00.59.10.jpeg"
                                /></div
                        ></a>
                    </div>

                    <footer>
                        <div class="footer-content">
                            <h3>Sponsor us</h3>
                            <p>
                                Lorem ipsum dolor sit amet consectetur
                                adipisicing elit. Porro, minima quas
                                reprehenderit assumenda voluptatibus ipsa quidem
                                enim fugiat labore quos.
                            </p>
                            <ul class="socials">
                                <li>
                                    <a href="#"
                                        ><i class="fa fa-facebook"></i
                                    ></a>
                                </li>
                                <li>
                                    <a href="#"
                                        ><i class="fa fa-twitter"></i
                                    ></a>
                                </li>
                                <li>
                                    <a href="#"
                                        ><i class="fa fa-linkedin-square"></i
                                    ></a>
                                </li>
                            </ul>
                        </div>
                        <div class="footer-bottom">
                            <p>
                                copyright &copy; <a href="#">IIT Mandi , HP</a>
                            </p>
                            <div class="footer-menu">
                                <ul class="f-menu">
                                    <li>
                                        <a href=""
                                            >Contact No- +91 6205720019</a
                                        >
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </footer>
                </div> -->
            </section>
            <%- include('partials/navbar_menu.ejs') %>
        </div>

        <script src="./js/script.js" type="text/javascript"></script>
    </body>
</html>
