blog.html

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

<!-- include head -->
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta property="og:image" content="./public/images/Tilted Gear Red_Yellow.png">
  <link rel="shortcut icon" href="./public/images/Tilted Gear Red_Yellow.png">
  <title>Blog | Theta Tau Hofstra</title>

  <!-- Bootstrap core CSS -->
  <!-- <%- CDN('/css/bootstrap.css', 'css', '', ''); %>
  <%- CDN('/css/settings.css', 'css', '', ''); %>
  <%- CDN('/css/owl.carousel.css', 'css', '', ''); %>
  <%- CDN('/css/custom.css', 'css', '', ''); %>
  <%- CDN('/css/style.css', 'css', '', ''); %>
  <%- CDN('/css/maroon.css', 'css', '', ''); %> -->
  <!-- <%- CDN('/type/fontello.css', 'css', '', ''); %> -->
  <!-- <%- CDN('/type/budicons.css', 'css', '', ''); %> -->
  <!-- <%- CDN('/js/google-code-prettify/prettify.css', 'css', '', ''); %>
  <%- CDN('/js/fancybox/jquery.fancybox.css', 'css', '', ''); %>
  <%- CDN('/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2', 'css', '', ''); %> -->
  <!-- <%- CDN('https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic', 'css', '', ''); %>
  <%- CDN('https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic', 'css', '', ''); %> -->


  <link href="./public/css/bootstrap.css" rel="stylesheet">
  <link href="./public/css/settings.css" rel="stylesheet">
  <link href="./public/css/owl.carousel.css" rel="stylesheet">
  <link href="./public/js/google-code-prettify/prettify.css" rel="stylesheet">
  <link href="./public/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
  <link href="./public/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
  <link href="./public/css/custom.css" rel="stylesheet">
  <link href="./public/css/style.css" rel="stylesheet">
  <link href="./public/css/maroon.css" rel="stylesheet">
  <link href='https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  <link href="./public/type/fontello.css" rel="stylesheet">
  <link href="./public/type/budicons.css" rel="stylesheet">
  
</head>

<body class="full-layout">
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>
<div class="body-wrapper">
  
  <!-- include navbar -->
  <!-- include navbar -->
  <div id="navbar" class="navbar basic default"></div>

  <div style="padding-top: 90px;"></div>
  <div class="light-wrapper">
    <div class="container inner">
        <div class="row">
            <div class='col-sm-12'>
                    <h1>Theta Tau Hofstra</h1>
                    <p>Welcome to our blog! Here you'll find the latest news and updates from Hofstra's Omega Beta chapter of Theta Tau!</p>
            </div>
        </div>
        
        <div class="row">
            <div class="col-sm-12 content">
              <div class="classic-blog">
                <div class="post format-image">
                    <figure style="object-fit: contain;"><a href="/blog/fall-2019-newsletter">
                    <div class="text-overlay">
                        <div class="info">Read More</div>
                    </div>
                    <img style="width: 100%; margin-top: -30%; margin-bottom: -30%" src="./public/images/OT At the Vineyards.jpg" alt="" /></a></figure>
                    <div class="post-content">
                    <h2 class="post-title"><a href="/blog/fall-2019-newsletter">Fall 2019</a></h2>
                    <div class="meta"><span class="date">November 23, 2019</span> <span class="category"><a href="#">Newsletter</a></span></div>
                    <!-- /.meta -->
                    <p>The Omega Beta chapter at Hofstra University has been growing
                            immensely in their leadership, professionalism, and standing on campus.
                            From working within their chapter to ensure growth in professionalism
                            and brotherhood, to extending to the community around them, this
                            chapter has been able to be a growing presence on their campus...</p>
                    <a href="/blog/fall-2019-newsletter" class="more">Continue reading →</a>
                    </div>
                </div>
                <!--/.post -->
              </div>
              <!--/.grid-blog -->
              
              <!-- <div class="pagination">
                    <ul>
                      <li><a href="#"><i class="icon-left-open-big"></i></a></li>
                      <li class="active"><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#"><i class="icon-right-open-big"></i></a></li>
                    </ul>
                  </div>
                  /.pagination  -->
            </div>
              <!-- /.content -->     
                  
            </div>
            <!-- /.row --> 
            </div>
    </div>
  </div>
  <!-- /.light-wrapper -->
   <!-- footer -->
   <footer id="footer"></footer>
   <!-- /footer --> 
</div>
<!-- /.body-wrapper --> 

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script>
    $(function(){
      $("#navbar").load("./partials/navbar.html"); 
    });
  
    // $(function(){
    //   $("#eboard").load("./partials/eboard.html"); 
    // });
  
    $(function(){
      $("#footer").load("./partials/footer.html"); 
    });
  </script>
	
	<script>
	// When the user scrolls the page, execute myFunction 
	window.onscroll = function() {myFunction()};
	// Get the navbar
	var navbar = document.getElementById("navbar");
	// Get the offset position of the navbar
	var sticky = 100;
	// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
	function myFunction() {
	  if (window.pageYOffset >= sticky) {
	    navbar.classList.add("fixed")
	  } else {
	    navbar.classList.remove("fixed")
	  }
	}
	</script>

<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<script src="./public/js/twitter-bootstrap-hover-dropdown.min.js"></script>
<script src="./public/js/jquery.themepunch.plugins.min.js"></script> 
<script src="./public/js/jquery.themepunch.revolution.min.js"></script> 
<script src="./public/js/jquery.themepunch.tools.min.js"></script> 
<script src="./public/dist/bundle.js"></script>

</body>
</html>