
<!--
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;
}
.deceased {
	color:red;
}
.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">2019 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/146thdinnerdance">146th Annual Dinner Dance</a>
		<a class="navbar-brand" href="https://www.hiram23.org/upcomingevents.php">2020 Upcoming Events</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">
    			<a class="navbar-brand" href="https://www.hiram23.org/events/annualdues.php">Pay Annual Dues Here</a>
			<a class="navbar-brand" href="https://www.hiram23.org/events/challengecoin.php">Order Your Challenge Coin Here</a>
			<a class="navbar-brand" href="https://www.hiram23.org/events/2019feeding.php">2019 Feeding</a>
			<a class="navbar-brand" href="https://www.hiram23.org/events/2019collegefair.php">2019 College Fair</a>
			<a class="navbar-brand" href="https://www.hiram23.org/events/146thdinnerdance/2019journal.php">2019 Journal</a>
			<a class="navbar-brand" href="https://www.hiram23.org/events/2020superbowl.php"> 2020 Super Bowl</a>
    		</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>
    <div class="item">
      <img src="" class="img-responsive">
      <div class="container">
	    <div class="carousel-caption">
          <h1>2020 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">
<center>
<h1> 2  0  2  0    U  P  C  O  M  I  N  G    E  V  E  N  T  S</h1>
</center>
<br></br>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><img src="images/2020events.jpg" alt="2020 Upcoming Events" height="450" width="450"></center>
		</div>	
		</div>
		</div>
<br></br>	
			
<center>
<h1> F E B R U A R Y</h1>
</center>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><img src="images/" alt="2020 Bowling Night" height="500" width="450"></center>
		</div>
		</div>
</div>	
<br></br>

<center>
<h1> M A R C H</h1>
</center>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><a href="/events/2020hiramparty.php"><img src="images/202090s.png" alt="2020 Hiram Lodge Party" height="800" width="500"></a></center>
		</div>		
		</div>
</div>	
<br></br>

<center>
<h1> A P R I L</h1>
</center>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><img src="images/" alt="2020 College Fair" height="500" width="450"></center>
		</div>		
		</div>
</div>	
<br></br>

<center>
<h1> M A Y</h1>
</center>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><a href="/events/2020premothersday.php"><img src="images/2020premothersday.png" alt="2020 Pre-Mother's Day Casino Bus Ride" height="800" width="500"></center>
		</div>		
		</div>
</div>	
<br></br>

<center>
<h1> J U N E </h1>
</center>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><img src="images/HiramCookout2020.jpg" alt="2020 Hiram Cookout" height="500" width="450"></center>
		</div>
		</div>
		</div>	
<br></br>

<center>
<h1> N O V E M B E R </h1>
</center>
		<div class="row">
		<div class="box">
		<div class="col-lg-12">
			<center><img src="" alt="2020 Annual Dinner Dance" height="500" width="650"></center>
		</div>
		</div>
		</div>	
<br></br>

</div>

</center>
  <!-- FOOTER -->
  <footer>
    <p class="pull-right"></p>
	<br></br>
	<br></br>
	<br></br>
	<br></br>
	<center>
   <div>
<footer>
    <p class="pull-right"><a href="#"></a></p>
	<br></br>
	<br></br>
	<br></br>
	<br></br>
	<center>
    <p>COPYRIGHT 2021 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>