<!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">
    <title>home page</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</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>
    <!-- main body-->
    <div class="main_container">
        <div class="container_fluid text_nav_div" style="background-color:#FFF">
            <div id="elem">
                <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="paragraph"> PSS is an organization of surgeons in Pune. Its main objective is
                to initiate a dialogue
                between
                the surgical communities. It also serves as a platform for young inspiring surgeons and
                to
                put
                forward their ideas and cases for which they will get advice from the various seniors.
                <br>
                </br>
                PSS also encourages innovation and expertise in field of surgery. PSS with all its
                activities
                aims at providing platform for surgeons to come together. So as to serve the people with
                highest
                standard in skills and ethics.
                <br>
                </br>
                PSS has successfully organized MASICON four times and ASICONFor the last forty years the
                PSS
                has
                evolved into a significant platform for the surgical community in Pune and has grown in
                strength.A Registered Society and Public Charitable Trust.
                <br>
                </br>
                PSS is an organization of surgeons in Pune. Its main objective is to initiate a dialogue
                between
                the surgical communities. It also serves as a platform for young inspiring surgeons and
                to
                put
                forward their ideas and cases for which they will get advice from the various seniors.
                <br>
                </br>
                PSS also encourages innovation and expertise in field of surgery. PSS with all its
                activities
                aims at providing platform for surgeons to come together. So as to serve the people with
                highest
                standard in skills and ethics.
                <br>
                </br>
                PSS has successfully organized MASICON four times and ASICONFor the last forty years the
                PSS
                has
                evolved into a significant platform for the surgical community in Pune and has grown in
                strength.A Registered Society and Public Charitable Trust.
            </p>
        </div>
        <div class="dr_title" style="background-color:#225086;">
            <p class="dr_title_text">Our Team</p>
            <div class="dr_info">
                <div class="our_team_card">
                    <img class="Dr-img" src="image/Dr_img05.jpg">
                    <span>
                        <p><b>Dr. Sanjay Kolte</b></p>
                        <p><i>Imm. Past President</i></p>
                    </span>
                </div>
                <div class="our_team_card">
                    <img class="Dr-img" src="image/Dr_img03.jpg">
                    <span>
                        <p><b>Dr. Chetan Mhaske</b></p>
                        <p><i>President</i></p>
                    </span>
                </div>
                <div class="our_team_card">
                    <img class="Dr-img" src="image/Dr_img02.jpg">
                    <span>
                        <p><b>Dr. Mandar Doiphodee</b></p>
                        <p><i>Vice President</i></p>
                    </span>
                </div>
                <div class="our_team_card">
                    <img class="Dr-img" src="image/Dr_img04.jpg">
                    <span>
                        <p><b>Dr. Bharat Dikshit</b></p>
                        <p><i>Secretary</i></p>
                    </span>
                </div>
                <div class="our_team_card">
                    <!-- <div class="Dr-img"> -->
                    <!-- <div class="" width=50%> -->
                    <img class="Dr-img" src="image/Dr_img01.jpg">
                    <span>
                        <p><b>Dr. Shivmurti Khandalkar</b></p>
                        <p><i>Treasurer</i></p>
                    </span>
                    <!-- </div> -->
                </div>
            </div>
        </div>
    </div>


    <!--  tab PSS Membership Form -->

    <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>

    <!-- javascript -->
    <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>


    <!-- return in js file js/main.js -->
    <!-- <script>
        $(function () {
            var print = function (msg) {
                alert(msg);
            };

            var setInvisible = function (elem) {
                elem.css('visibility', 'hidden');
            };
            var setVisible = function (elem) {
                elem.css('visibility', 'visible');
            };

            var elem = $("#elem");
            var items = elem.children();

            // Inserting Buttons


            // elem.prepend('<div id="right-button" style="visibility: hidden;"><a href="#"><</a></div>');
            // elem.append('  <div id="left-button"><a href="#">></a></div>');
            elem.prepend('<div id="right-button" style="visibility: hidden;"><a class="nav_act_btn" href="#"><img src="image/arrowoutline_L.svg" style="width:24px" alt=""></a></div>');
            elem.append('  <div id="left-button" ><a class="nav_act_btn" href="#"><img src="image/arrowoutline_R.svg" style="width:24px" alt=""></a></div>');

            // Inserting Inner
            items.wrapAll('<div id="inner" />');

            // Inserting Outer
            // debugger;
            elem.find('#inner').wrap('<div class="topnav" id="outer"/>');

            var outer = $('#outer');

            var updateUI = function () {
                var maxWidth = outer.outerWidth(true);
                var actualWidth = 0;
                $.each($('#inner>'), function (i, item) {
                    actualWidth += $(item).outerWidth(true);
                });

                if (actualWidth <= maxWidth) {
                    setVisible($('#left-button'));
                }
            };
            updateUI();
            $('#right-button').click(function () {
                var leftPos = outer.scrollLeft();
                outer.animate({
                    scrollLeft: leftPos - 200
                }, 800, function () {
                    //debugger;
                    if ($('#outer').scrollLeft() <= 0) {
                        setInvisible($('#right-button'));
                    }
                });
            });

            $('#left-button').click(function () {
                setVisible($('#right-button'));
                var leftPos = outer.scrollLeft();
                outer.animate({
                    scrollLeft: leftPos + 200
                }, 800);
            });

            $(window).resize(function () {
                updateUI();
            });
        });

    </script> -->

    <!-- mobile nav-->
    <!-- <script>
        function myFunction() {
            //   var x = document.getElementById("outer");
            //   if (x.className === "topnav") {
            //     x.className += " responsive";
            //   } else {
            //     x.className = "topnav";
            //   }

            // navBar.classList.toggle('toggle');
            elem.classList.toggle('toggle');
            // mainHtml.classList.toggle('stop_scroll'); body

            // working
            // var collection = document.getElementsByClassName("scroll_nav_item");
            // for (let i = 0; i < collection.length; i++) {
            //     if (collection[i].style.display == "none") {
            //         collection[i].style.display = "block";
            //     } else {
            //         collection[i].style.display = "none";
            //     }
            // }

        }
    </script> -->

</body>

</html><?php /**PATH C:\xampp7\htdocs\pss\resources\views/index.blade.php ENDPATH**/ ?>