<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/form.css">
    <link rel="stylesheet" href="css/Activities-2021.css">
    <title>Contact Us</title>
</head>

<body>
    <header class="nav_header">
        <img class="logo" src="image/cropped-logo3.png" alt="logo" />
        <h1 class="heading-name">Poona Surgical Society</h1>
        <div class="icon-container">
            <img class="icon_social" src="image/facebook_icone.svg" alt="facebook" />
            <img class="icon_social" src="image/instagram_icone.svg" alt="instagram" />
            <img class="icon_social" src="image/youtube_icone.svg" alt="you tube" />
        </div>
    </header>

    <div id="elem" class="full_page_nav">
        <div class="mob_nav_bar">
            <div class="toggle-menu" onclick="myFunction()" style="display: none;">
                <div class="line line1"></div>
                <div class="line line2"></div>
                <div class="line line3"></div>
            </div>
            <div class="icon-container" style="display: none;">
                <img class="icon_social" src="image/facebook_icone.svg" alt="facebook" />
                <img class="icon_social" src="image/instagram_icone.svg" alt="instagram" />
                <img class="icon_social" src="image/youtube_icone.svg" alt="you tube" />
            </div>
        </div>
        <span class="scroll_nav_item active"><a href="/home">Home</a></span>
        <span class="scroll_nav_item"><a href="/history">History</a></span>
        <span class="scroll_nav_item"><a href="/trustee">Trustee</a></span>
        <span class="scroll_nav_item"><a href="/award">Award</a></span>
        <span class="scroll_nav_item"><a href="/pss_executive_commity">PSS Executive Committe</a></span>
        <span class="scroll_nav_item"><a href="/pss_membership_form">PSS Membership form</a></span>
        <span class="scroll_nav_item"><a href="/id_membership">Id & Membership</a></span>
        <span class="scroll_nav_item"><a href="/activities-2021">Activities-2021</a></span>
        <span class="scroll_nav_item"><a href="/psscon-2023">PSSCON-2023</a></span>
        <span class="scroll_nav_item"><a href="/contact_us">Contact Us</a></span>
    </div>

    <p class="title_h1">Contact Us</p>

    <div class="Activity_info contact_main_div">
        <form class="contact_us" action="">
            <div class="nam_email">
                <div class="user_detail">
                    <label for="fname">Your Full Name</label>
                    <input class="contact_details" type="text" id="fname" name="fname" placeholder=" Full Name.." name="firstName" placeholder="First Name" value="" onkeypress="return ((event.charCode &gt;= 65 &amp;&amp; event.charCode &lt;= 90) || (event.charCode &gt;= 97 &amp;&amp; event.charCode &lt;= 122) || (event.charCode == 32))" required="">
                </div>

                <div class="user_detail">
                    <label for="email_id">Email Id:</label>
                    <input class="contact_details" type="text" id="email_id" name="email_id" placeholder="Enter Email id.." required>
                </div>
            </div>

            <label for="subject">Subject</label>
            <input class="contact_details" type="text" id="subject" name="subject" placeholder=" Your Subject..">

            <label for="subject">Mobile No.</label>
            <input class="contact_details" type="text" id="subject" name="subject" placeholder="Your Mobile No..">


            <label for="message">Message</label>
            <!-- <input class="contact_details" type="text" id="message" name="message" rows="10" placeholder="Message.."> -->
            <textarea class="contact_details" id="message" name="message" rows="6" placeholder="Enter Message.."></textarea>

            <input class="submit_btn" type="submit" value="Submit">
        </form>
        <img class="activity-img" src="image/form.svg">
    </div>

    <footer>
        <div class="footer">
            <span>&copy; All
                Copyright©2023 Poona Surgical Society
            </span>

            <span>
                Designed & developed by:
                <img src="image/CMPL_Logo.png" width=200px alt="logo">
            </span>
        </div>
    </footer>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="jquery/jquery-3.6.3.min.js"></script>
    <!-- <script src="jquery/jquery-3.6.3.slim.min.js"></script> -->
    <script src="bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</body>

</html>