0xV3NOMx
Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64



Your IP : 18.119.118.237


Current Path : /proc/thread-self/root/var/www/website/bkmh/
Upload File :
Current File : //proc/thread-self/root/var/www/website/bkmh/gallery.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="http://gmpg.org/xfn/11" rel="profile" />
    <script>
      (function (html) {
        html.className = html.className.replace(/\bno-js\b/, "js");
      })(document.documentElement);
    </script>
    <title>Address Book &ndash; B.K. Mariappa&#39;s Charities</title>
    <link
      href="feed.html"
      rel="alternate"
      title="B.K. Mariappa's Charities &amp;raquo; Feed"
      type="application/rss+xml"
    />
    <link
      href="comments/feed/"
      rel="alternate"
      title="B.K. Mariappa's Charities &amp;raquo; Comments Feed"
      type="application/rss+xml"
    />
    <link
      href="css/style.css"
      id="this-style-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Merriweather%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7CMontserrat%3A400%2C700%7CInconsolata%3A400&amp;subset=latin%2Clatin-ext"
      id="sitemush-fonts-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="css/genericons.css"
      id="genericons-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="css/1-style.css"
      id="sitemush-style-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <!--[if lt IE 10]>
      <link
        rel="stylesheet"
        id="sitemush-ie-css"
        href="css/ie.css"
        type="text/css"
        media="all"
      />
    <![endif]-->
    <!--[if lt IE 9]>
      <link
        rel="stylesheet"
        id="sitemush-ie8-css"
        href="css/ie8.css"
        type="text/css"
        media="all"
      />
    <![endif]-->
    <!--[if lt IE 8]>
      <link
        rel="stylesheet"
        id="sitemush-ie7-css"
        href="css/ie7.css"
        type="text/css"
        media="all"
      />
    <![endif]-->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- <script src="sweetalert2.min.js"></script> -->
    <!-- <link rel="stylesheet" href="sweetalert2.min.css" /> -->
    <link
      href="css/venobox.css"
      id="mpce-venobox-css-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="css/cookieconsent.min.css"
      id="mpce-insites-css-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="css/theme.css"
      id="mpce-theme-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <style id="mpce-theme-inline-css" type="text/css">
      .sm-row-fixed-width {
        max-width: 1170px;
      }
    </style>
    <link
      href="css/bootstrap-grid.min.css"
      id="mpce-bootstrap-grid-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="css/font-awesome.min.css"
      id="mpce-font-awesome-css"
      media="all"
      rel="stylesheet"
      type="text/css"
    />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-migrate.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/counter.js"></script>
    <!--[if lt IE 9]>
      <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/venobox.min.js"></script>
    <script type="text/javascript" src="js/cookieconsent.min.js"></script>
    <link href="szp-json/" rel="https://api.w.org/" />
    <link
      href="xmlrpc.php?rsd"
      rel="EditURI"
      title="RSD"
      type="application/rsd+xml"
    />
    <link
      href="site-inc/wlwmanifest.xml"
      rel="wlwmanifest"
      type="application/wlwmanifest+xml"
    />
    <meta name="generator" content="SitePad" />
    <link href="addressbook.html" rel="canonical" />
    <link href="index.html?p=277" rel="shortlink" />
    <link
      href="szp-json/oembed/1.0/embed?url=https%3A%2F%2Fus.sitepad.com%2Faddressbook%2F"
      rel="alternate"
      type="application/json+oembed"
    />
    <link
      href="szp-json/oembed/1.0/embed?url=https%3A%2F%2Fus.sitepad.com%2Faddressbook%2F&amp;format=xml"
      rel="alternate"
      type="text/xml+oembed"
    />
    <link
      crossorigin="anonymous"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
      integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
      rel="stylesheet"
    />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <style type="text/css">
      .recentcomments a {
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
      }
    </style>
  </head>
  <body class="page page-id-277 page-template-default">
    <div class="site container-fluid" id="page">
      <div class="site-inner">
        <header class="site-header" id="masthead" role="banner">
          <div
            class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right header_info padding_row"
          >
            <div
              class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right header_social"
            >
              <div
                class="smue-social-profile-obj smue-text-align-right smue-buttons-32x32 smue-buttons-circular"
              ></div>
            </div>
          </div>

          <div
            class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right menu_row padding_row"
          >
            <div
              class="sm-span5 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right logo_col"
            >
              <div
                class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right logo_row"
              >
                <div
                  class="sm-span2 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right logo_img"
                >
                  <div class="smue-image-obj smue-text-align-left">
                    <img
                      alt="bkmhlogo2"
                      class="smue-image-obj-basic sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-margin-top sme-dsbl-margin-bottom"
                      src="images/bkmhlogo2.png"
                      title="bkmhlogo2"
                    />
                  </div>
                </div>

                <div
                  class="sm-span10 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right logo"
                >
                  <div
                    class="smue-szp_site_title smue-ce-child-detector smue-text-align-left"
                  >
                    <div class="site-title-container">
                      <a href="index.html">B.K. Mariappa&#39;s Charities</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div
              class="sm-span7 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right menu"
            >
              <div
                class="smue-szp_primary_nav smue-ce-child-detector floatright"
              >
                <button
                  aria-controls="site-navigation social-navigation"
                  aria-expanded="false"
                  class="menu-toggle"
                  id="menu-toggle"
                >
                  Menu
                </button>

                <div class="site-header-menu" id="site-header-menu">
                  <nav
                    aria-label="Primary Menu"
                    class="main-navigation"
                    id="site-navigation"
                    role="navigation"
                  >
                    <div class="menu-header-menu-container">
                      <ul class="primary-menu" id="menu-header-menu">
                        <li
                          class="home menu-item menu-item-type-post_type menu-item-object-page menu-item-80"
                          id="menu-item-80"
                          style=""
                        >
                          <a href="index.html" style="">Home</a>
                        </li>
                        <li
                          class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-81"
                          id="menu-item-81"
                          style=""
                        >
                          <a href="about.html" style="">About</a>
                          <ul class="sub-menu">
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-298"
                              id="menu-item-298"
                              style=""
                            >
                              <a href="about.html" style="">About us</a>
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-175"
                              id="menu-item-175"
                              style=""
                            >
                              <a href="board-trustees.html" style=""
                                >Board of Trustees</a
                              >
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-204"
                              id="menu-item-204"
                              style=""
                            >
                              <a href="old-boys-association.html" style=""
                                >Old Boys Association</a
                              >
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-229"
                              id="menu-item-229"
                              style=""
                            >
                              <a href="ashoka-sangha-2.html" style=""
                                >Ashoka Sangha</a
                              >
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"
                              id="menu-item-103"
                              style=""
                            >
                              <a href="overview.html" style="">Know More</a>
                            </li>
                          </ul>
                        </li>
                        <li
                          class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-83"
                          id="menu-item-83"
                          style=""
                        >
                          <a href="news-events.html" style=""
                            >News &amp; Events</a
                          >
                          <ul class="sub-menu">
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-299"
                              id="menu-item-299"
                              style=""
                            >
                              <a href="news-events.html" style="">Events</a>
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-255"
                              id="menu-item-255"
                              style=""
                            >
                              <a href="testimony.html" style="">Testimony</a>
                            </li>
                          </ul>
                        </li>
                        <li
                          class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264"
                          id="menu-item-264"
                          style=""
                        >
                          <a href="donate.html" style="">Donate</a>
                        </li>
                        <li
                          class="menu-item menu-item-type-post_type menu-item-object-page menu-item-274"
                          id="menu-item-274"
                          style=""
                        >
                          <a href="volunteer.html" style="">Volunteer</a>
                        </li>
                        <li
                          class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-296"
                          id="menu-item-296"
                          style=""
                        >
                          <a href="contact.html" style="">Contact</a>
                          <ul class="sub-menu">
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-300"
                              id="menu-item-300"
                              style=""
                            >
                              <a href="contact.html" style="">Contact us</a>
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-277 current_page_item menu-item-322"
                              id="menu-item-322"
                              style=""
                            >
                              <a href="alumniconnect.html"
                                >Alumni (Senior Students) Connect</a
                              >
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-295"
                              id="menu-item-295"
                              style=""
                            >
                              <a href="feedback.html" style="">Feedback</a>
                            </li>
                            <li
                              class="menu-item menu-item-type-post_type menu-item-object-page menu-item-323"
                              id="menu-item-323"
                              style=""
                            >
                              <a href="login.html" style="">AdminLogin</a>
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                  </nav>
                  <!-- .main-navigation -->
                </div>
                <!-- .site-header-menu -->
              </div>
              <style type="text/css">
                @media screen and (min-width: 768px) {
                  .site-header-menu .main-navigation .primary-menu > li {
                    margin-left: 1.5px !important;
                    margin-right: 1.5px !important;
                  }
                  .site-header-menu .main-navigation a {
                    /* font-family: ; */
                    line-height: normal !important;
                    padding-top: 15px !important;
                    padding-bottom: 15px !important;
                  }
                  .site-header-menu .main-navigation .sub-menu a {
                    color: rgb(253, 233, 233) !important;
                    background: rgb(250, 92, 30) !important;
                    /* font-family: !important; */
                  }
                  .site-header-menu .main-navigation .current-menu-item > a {
                  }
                  .site-header-menu .main-navigation li:hover > a {
                    color: rgb(2, 5, 30) !important;
                    background: rgb(250, 92, 30) !important;
                  }
                  .site-header-menu
                    .main-navigation
                    .primary-menu
                    > .menu-item-has-children
                    > a::after {
                  }
                  .site-header-menu
                    .main-navigation
                    ul
                    ul
                    .menu-item-has-children
                    > a::after {
                  }
                }
                @media screen and (max-width: 767px) {
                  .site-header-menu .main-navigation a,
                  .site-header-menu .main-navigation .sub-menu a {
                  }
                  i.responsive_bar {
                  }
                  .site-header-menu .main-navigation li.current-menu-item > a {
                  }
                  .site-header-menu .main-navigation a:hover,
                  .site-header-menu .main-navigation .primary-menu li a:hover {
                  }
                  .site-header-menu {
                  }
                  .dropdown-toggle:after {
                  }
                }
              </style>
              <script type="text/javascript">
                jQuery(document).ready(function () {
                  var maxwidth = 0;
                  var menu_len = jQuery("div.smue-szp_primary_nav").length; // number of menus added

                  jQuery("ul.primary-menu > li").each(function () {
                    maxwidth += jQuery(this).width(); // Find total width
                  });

                  if (menu_len) {
                    maxwidth /= menu_len; // Divide the total width with number of menus
                  }

                  jQuery(".smue-szp_primary_nav").css(
                    "maxWidth",
                    maxwidth + "px"
                  ); // Assign the maxWidth
                });
              </script>
            </div>
          </div>
        </header>
        <!-- .site-header -->
        <script language="javascript" type="text/javascript">
          var cur_page_data = { pageid: "277", pagename: "addressbook" };
          var cur_themes_url =
            "http://bkmariappacharities.org/site-data/themes";
        </script>

        <!-- <div class="site-content" id="content">
          <div class="content-area" id="primary">
            <main class="site-main" id="main" role="main">
              <article
                class="post-277 page type-page status-publish hentry"
                id="post-277"
              > -->
                <!-- <div class="entry-content">
                  <div
                    class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right"
                  >
                    <div
                      class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right"
                    >
                      <div
                        class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right"
                      >
                        <div
                          class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right"
                        >
                          <div
                            class="smue-text-obj sme-prvt-277-5b9d0d19d6a95"
                            style="
                              height: 50px;
                              align-items: center;
                              display: flex;
                              justify-content: center;
                              padding-top: 10px;
                            "
                          > -->
                            <!-- <p>&nbsp;</p> -->
                            <!-- <h2 style="text-align: center">
                              <span style="color: #ffffff">Admin Connect</span>
                            </h2>

                            <p></p>
                          </div>
                        </div>
                      </div> -->

                      <!-- <div
                        class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right"
                      >
                        <div
                          class="sm-span2 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right smue-space"
                        >
                          <div
                            class="smue-space-obj sme-dsbl-background-image-type sme-dsbl-background-image sme-dsbl-background-gradient sme-dsbl-background-position sme-dsbl-background-position-x sme-dsbl-background-position-y sme-dsbl-background-repeat sme-dsbl-background-size sme-dsbl-background-attachment sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-background-color sme-dsbl-border-top-width sme-dsbl-border-bottom-width sme-dsbl-border-left-width sme-dsbl-border-right-width sme-dsbl-border-top-left-radius sme-dsbl-border-top-right-radius sme-dsbl-border-bottom-left-radius sme-dsbl-border-bottom-right-radius sme-dsbl-border-style sme-dsbl-border-color sme-dsbl-padding-left sme-dsbl-padding-right sme-dsbl-margin-top sme-dsbl-margin-bottom sme-dsbl-color"
                          >
                            <div></div>
                          </div>
                        </div>

                        <div
                          class="sm-span8 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right"
                        >
                          <div
                            class="smue-tabs-obj smue-tabs-no-vertical smue-tabs-padding-30 smue-tabs-basic"
                            id="tabs5dab030169d22"
                          >
                            <ul>
                              <li class="ui-tabs-nav-item" data-tab-no="0">
                                <a href="#5b9d01fbd69de"
                                  ><span class="tab-text">Admin Login</span></a
                                >
                              </li> -->
                            <!-- </ul> -->

                            <!-- <div class="smue-tab" id="5b9d01fbd69df">
                              <p>
                                <iframe
                                  src="https://universitysolutions.in/univadmin/logBKMC.html"
                                  style="width: 100%; height: 400px"
                                  frameborder="0"
                                  marginwidth="0"
                                  marginheight="0"
                                  >Loading&#8230;</iframe
                                >
                              </p>
                            </div> -->

                            <p class="smue-hide-script">
                              <script type="text/javascript">
                                var mpTabs5dab030169d22 =
                                  jQuery("#tabs5dab030169d22");
                                jQuery(document).ready(function ($) {
                                  if ($("base").length) {
                                    mpTabs5dab030169d22
                                      .find("ul li a") 
                                      .each(function () {
                                        $(this).attr(
                                          "href",
                                          location.href.toString() +
                                            $(this).attr("href")
                                        );
                                      });
                                  }
                                  if (mpTabs5dab030169d22.data("uiTabs")) {
                                    mpTabs5dab030169d22.tabs("destroy");
                                  }
                                  mpTabs5dab030169d22.tabs({
                                    active: 0,
                                  });
                                });
                                jQuery(window).load(function () {});
                              </script>
                            </p>
                          </div>
                        </div>

                        <div
                          class="sm-span2 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right smue-space"
                        >
                          <div
                            class="smue-space-obj sme-dsbl-background-image-type sme-dsbl-background-image sme-dsbl-background-gradient sme-dsbl-background-position sme-dsbl-background-position-x sme-dsbl-background-position-y sme-dsbl-background-repeat sme-dsbl-background-size sme-dsbl-background-attachment sme-dsbl-margin-left sme-dsbl-margin-right sme-dsbl-background-color sme-dsbl-border-top-width sme-dsbl-border-bottom-width sme-dsbl-border-left-width sme-dsbl-border-right-width sme-dsbl-border-top-left-radius sme-dsbl-border-top-right-radius sme-dsbl-border-bottom-left-radius sme-dsbl-border-bottom-right-radius sme-dsbl-border-style sme-dsbl-border-color sme-dsbl-padding-left sme-dsbl-padding-right sme-dsbl-margin-top sme-dsbl-margin-bottom sme-dsbl-color"
                          >
                            <div></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- .entry-content -->
              </article>
              <!-- #post-## -->
            </main>
            <!-- .site-main -->
          </div>
          <!-- .content-area -->
        </div>
        <!-- .site-content -->

        <footer class="site-footer" id="colophon" role="contentinfo">
          <!-- <div
            style="
              margin: 0 -15px;
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 10px;
              background: #000;
            "
          >
            <div
              class="smue-social-profile-obj smue-text-align-left smue-buttons-32x32 smue-buttons-square"
            >
              <div style="display: flex; gap: 10px">
                <div>
                  <h6 style="color: #fff">Follow Us</h6>
                </div>

                <div></div>
              </div>
            </div>

            <div>
              <p style="color: #fff">
                &copy; 2018.&nbsp; B.K. Mariappa&rsquo;s Hostel. All Rights
                Reserved.
              </p>
            </div>
          </div>
        </footer>
      </div>
      <!-- .site-inner -->
    </div>
    <!-- .site -->
    <script type="text/javascript" src="js/skip-link-focus-fix.js"></script>
    <script type="text/javascript">
      /* <![CDATA[ */
      var screenReaderText = {
        expand: "expand child menu",
        collapse: "collapse child menu",
      };
      /* ]]> */
    </script>
    <script type="text/javascript" src="js/functions.js"></script>
    <script type="text/javascript" src="js/szp-embed.min.js"></script>
    <script type="text/javascript" src="js/core.min.js"></script>
    <script type="text/javascript" src="js/widget.min.js"></script>
    <script type="text/javascript" src="js/tabs.min.js"></script>
    <style data-posts="277" id="smue-ce-private-styles" type="text/css">
      .sme-prvt-277-5b9d0d19d6a95:not(.sme-dsbl-background-image) {
        background-image: url("images/short-banner-img.jpg") !important;
      } 
      </style>
    <title>Photo Gallery</title>
    <style>
      .photo-gallery-heading h2 {
  color: #ffffff; /* Set color to white */
        background-color: #000000; 
        font-size: 25px;
        /* font-weight: bold; */
        text-align: center;
        padding: 10px;
        width: 1400px;
        height: 50px;
        margin: 0 auto;
        margin-top: 20px;
        text-transform: uppercase;
      }
      .smue-service-box-data h5 {
        font-size: 20px;
        margin-left: -1000px;
        /* margin-right: 100px; */
        margin-bottom: 100px;
        text-align: center;
        text-transform: uppercase;
      }
    </style>
  </head>
  <body>
    <div
      class="sm-row-fluid smue-row sme-dsbl-margin-left sme-dsbl-margin-right"
    >
      <div
        class="sm-span12 smue-clmn sme-dsbl-margin-left sme-dsbl-margin-right"
      >
        <div
          class="smue-text-obj sme-prvt-76-5b9b1c475c336 photo-gallery-heading"
        >
          <h2>photo gallery</h2>  
        </div>
      </div>
    </div>

    <div class="image-container">
      <img
        src="images/banner.jpg" 
        onclick="photogallery()" 
        alt="Snehasammilana-2024" 
        style="margin-left: 20px; margin-top: 20px; width: 400px; height: 300px"
      /> 
      <div class="smue-service-box-data">    
        <div>
          <h5>Snehasammilana-2024</h5>
        </div>  
      </div> 
    </div>

    <div style="margin-top: 20px" id="gallery"></div>
    <script>
      function photogallery() {
        var imagePath = "images/banner.jpg";
        window.location.href =
          "photos.html?src=" + encodeURIComponent(imagePath);
      }
    </script>
  </body>
</html>