
<!--
ENCRYPTED SOURCE FILE = "&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJC
MNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JI
EI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIO
SIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(
ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#
**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%(
)$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@"&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@
$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSH
WEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDL
G)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$
&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR(%
#)_@$)(!(#)@KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPIUDNCCOIOSIDJ#*QE(U)JIEI#$KD<))OQJCMNDLG)*L#KKDNCHSHWEOWUR)(%#)_@$)(!(#)@&#^$%()$+$**@(*(@@#**$((!(@(FJ@(ONDPI"
-->











































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
		<title>Hiram Lodge No. 23</title>
        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="description" content="This is an example layout with carousel that uses the Bootstrap 3 RC styles. " />
       <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

        <!--[if lt IE 9]>
          <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->



        <!-- CSS code from Bootply.com editor -->

        <style type="text/css">
            /* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  padding-bottom: 40px;
  color: #46ABDF;
}

body {
    background-image: url("img/blues&g.png");
    background-repeat: repeat;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.clockfont {
color:red;
font-size: 40px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color:#0099ff;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 400px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}

        </style>
    </head>

    <!-- HTML code from Bootply.com editor -->

    <body>

        <div class="navbar-wrapper">
  <div class="container">
    <div class="navbar navbar-inverse navbar-static-top">

         <div class="navbar-header">
	    <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	      <span class="icon-bar"></span>
	    </a>
		<a class="navbar-brand" href="https://www.hiram23.org/">Home</a>
		<a class="navbar-brand" href="https://www.hiram23.org/elected">2024 Elected Officers</a>
		<a class="navbar-brand" href="https://www.hiram23.org/pastmasters.php">Past Masters</a>
        <!--  <a class="navbar-brand" href="https://www.hiram23.org/events/149thannualdinnerdance">Annual Dinner Dance</a> -->
		<a class="navbar-brand" href="http://www.princehallny.org" target='_blank'>MWPHGLNY</a>

		<div class="navbar-dropdown">
   		 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Activities</a>
    		<div class="dropdown-menu">
    			
			
    		</div>
	</div>

        </div>

       </div>
  </div><!-- /container -->
</div><!-- /navbar wrapper -->

<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <img src="" style="width:100%" class="img-responsive">
      <div class="container">
        <div class="carousel-caption">
          <h1>Hiram Lodge No. 23</h1>
          <p></p>
          </p>
        </div>
      </div>
    </div>
    <div class="item">
      <img src="" class="img-responsive">
      <div class="container">
	    <div class="carousel-caption">
          <h1>2024 Hiram Lodge No. 23 Elected Officers</h1>
          <p></p>
        </div>
      </div>
    </div>
  </div>
  <!-- Controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>
<!-- /.carousel -->


<div class="container">
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><img src="images/WM.png" alt="Worshipful Master" class="img-circle"></center>
			<center>Worshipful Master - Lyle Charles</center>
			<br></br><br></br>
		</div>
		<div class="row">
				<div class="col-lg-6">
					<center><img src="images/SW.png" alt="Senior Warden" class="img-circle"></center>
					<center>Senior Warden - Gregory Henderson</center>
				</div>
				<div class="col-lg-6">
					<center><img src="images/JW.png" alt="Junior Warden" class="img-circle"></center>
					<center>Junior Warden - Isaiah E. McCoy</center>
				</div>
			</div>
			<br></br><br></br>
			<div class="row">
				<div class="col-lg-6">
					<center><img src="images/Treas.png" alt="Treasurer" class="img-circle"></center>
					<center>Treasurer - Jeffrey White</center>
				</div>
				<div class="col-lg-6">
					<center><img src="images/Sec.png" alt="Secretary" class="img-circle"></center>
					<center>Secretary - Michael Cruz</center>
				</div>
			</div>
			</div>
	</div>
</div>

</center>
  <!-- FOOTER -->
  <footer>
    <p class="pull-right"><a href="#"></a></p>
	<br></br>
	<br></br>
	<br></br>
	<br></br>
	<center>
  <div>
<footer>
    <p class="pull-right"><a href="https://www.hiram23.org"></a></p>
	<br></br>
	<br></br>
	<br></br>
	<br></br>
	<center>
    <p>COPYRIGHT 2024 Hiram Lodge No. 23 Study Club · ALL RIGHTS RESERVED <a href="#"></a></p>
	</center>
</footer>
  </div>
</center>
  </footer>

        <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

        <script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

        <!-- JavaScript jQuery code from Bootply.com editor  -->

        <script type='text/javascript'>

        $(document).ready(function() {

        });

        </script>

        <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
          ga('create', 'UA-40413119-1', 'bootply.com');
          ga('send', 'pageview');
        </script>


        <style>
            .ad {
              position: absolute;
              bottom: 70px;
              right: 48px;
              z-index: 992;
              background-color:#f3f3f3;
              position: fixed;
              width: 155px;
              padding:1px;
            }

            .ad-btn-hide {
              position: absolute;
              top: -10px;
              left: -12px;
              background: #fefefe;
              background: rgba(240,240,240,0.9);
              border: 0;
              border-radius: 26px;
              cursor: pointer;
              padding: 2px;
              height: 25px;
              width: 25px;
              font-size: 14px;
              vertical-align:top;
              outline: 0;
            }

            .carbon-img {
              float:left;
              padding: 10px;
            }

            .carbon-text {
              color: #888;
              display: inline-block;
              font-family: Verdana;
              font-size: 11px;
              font-weight: 400;
              height: 60px;
              margin-left: 9px;
              width: 142px;
              padding-top: 10px;
            }

            .carbon-text:hover {
              color: #666;
            }

            .carbon-poweredby {
              color: #6A6A6A;
              float: left;
              font-family: Verdana;
              font-size: 11px;
              font-weight: 400;
              margin-left: 10px;
              margin-top: 13px;
              text-align: center;
            }
        </style>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>