<!doctype html>
<html lang='en'>
<head>
<meta charset='UTF-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='stylesheet' type='text/css' href='css/index.css'>
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
<title>Mission and History — TJHSST SGA</title>
</head>
<body>
<div class='navigation valign'>
<div class='mobile-only valign mobile-nav'>
<a href='#' class='menu' id='expand'><i class='fa fa-bars'></i></a>
<a href='/' class='logo-link'><p class='title'>TJHSST SGA</p></a>
<a href='#' class='menu'><i class='fa fa-gap'></i></a>
</div>
<div class='container valign seperate desktop-only'>
<div class='valign'>
<a href='/'><img class='logo' src='resources/logo.png'/></a>
{{#if site.nav}}
<nav>
<ul>
{{#each site.nav}}
<li>
{{#if (eq title "What We Do")}}
<a href='{{url}}' class='dark'>{{title}}</a>
{{else}}
<a href='{{url}}'>{{title}}</a>
{{/if}}
{{#if submenu}}
<div class='submenu'>
<ul>
{{#each submenu}}
{{#if (eq title "Mission and History")}}
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
{{else}}
<li><a href='{{url}}'>{{title}}</a></li>
{{/if}}
{{/each}}
</ul>
</div>
{{/if}}
</li>
{{/each}}
</ul>
</nav>
{{/if}}
</div>
{{#if site.socials}}
<div class='valign'>
<div class='socials'>
{{#each site.socials}}
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
{{/each}}
</div>
</div>
{{/if}}
</div>
</div>
{{#if site.nav}}
<div class='mobile-only mobile-navigation-links'>
<ul>
{{#each site.nav}}
<li {{#if submenu}}id='expand-{{submenu-id}}'{{/if}}>
{{#if (eq title "What We Do")}}
<a href='{{url}}' class='dark'>{{title}}</a>
{{else}}
<a href='{{url}}'>{{title}}</a>
{{/if}}
</li>
{{#if submenu}}
<div class='mobile-submenu' id='{{submenu-id}}'>
<ul>
{{#each submenu}}
{{#if (eq title "Mission and History")}}
<li><a href='{{url}}' class='dark'>{{title}}</a></li>
{{else}}
<li><a href='{{url}}'>{{title}}</a></li>
{{/if}}
{{/each}}
</ul>
</div>
{{/if}}
{{/each}}
</ul>
</div>
{{/if}}
<section class='hero-image'>
<img src='resources/hero.png'></img>
<div class='overlay'>
<p class='title'>MISSION AND HISTORY</p>
</div>
</section>
<section class='content'>
<div class='container'>
<div class='middle-quote'>
<div class='row quote-text'>
<p>“Leadership is the capacity to translate vision into reality.”</p>
</div>
<div class='row quote-author'>
<p>— Warren Bennis</p>
</div>
</div>
</div>
</section>
<section class='content block'>
<div class='container'>
<div class='row'>
<div class='col w33 block-title'>
<p>Vision</p>
</div>
<div class='col w66 block-para'>
<p>{{site.vision}}</p>
</div>
</div>
</div>
</section>
<hr/>
<section class='content block'>
<div class='container'>
<div class='row'>
<div class='col w33 block-title'>
<p>Mission</p>
</div>
<div class='col w66 block-para'>
<p>{{site.mission}}</p>
</div>
</div>
</div>
</section>
<section class='content'>
<div class='container'>
<div class='row leadership-button-container'>
<a href='{{site.button_under_mission.url}}' class='leadership-button'>{{site.button_under_mission.title}}</a>
</div>
</div>
</section>
{{#if site.footer}}
<hr/>
<section class='content banner'>
<div class='container'>
<div class='row'>
<img class='banner-img' src='resources/footer-banner.png'/>
</div>
</div>
</section>
<hr/>
<section class='content'>
<div class='container'>
<div class='row'>
{{#each site.footer}}
<div class='col footer-segment'>
{{#if title}}
<b>{{title}}</b>
{{#each links}}
<a href='{{url}}'>{{title}}</a>
{{/each}}
{{else}}
<div class='socials'>
{{#each ../site.socials}}
<a href='{{url}}'><i class='fa fa-{{title}}'></i></a>
{{/each}}
</div>
{{#each paragraphs}}
<p>{{para}}</p>
{{/each}}
<img class='footer-logo' src='{{logo-image}}'/>
{{/if}}
</div>
{{/each}}
</div>
</div>
</section>
{{/if}}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>