<!DOCTYPE html>
<html lang="en-US">
<head>
  <title><%= full_title(yield(:title)) %></title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Zilla+Slab:300,300italic,regular,italic,500,500italic,600,600italic,700,700italic|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext&display=swap" type="text/css" media="all">
  <%= stylesheet_link_tag "jk2021/jk2021", media: "all" %>
  <%= include_gon(:init => true) %>
  <%= csrf_meta_tags %>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="description" content="<%= meta_description(yield(:description)) %>">
  <% if content_for?(:social_meta) %>
    <%= yield(:social_meta) %>
  <% else %>
    <%= render "layouts/social_meta" %>
  <% end %>
  <%= render "shared/ad_sense" %>
</head>
<body class="web jam <%= yield(:page_name) %>>
<div class="page">
		<header id="main-header" class="header container">
			<div class="row">
				<div class="col-md-4 col-sm-12">
					<a href="/">
            <%= image_tag 'JK_Logo_2c.png', alt: "JamKazam", id: "logo", style: "width:100%" %>
					</a>	
				</div>
			</div>
		</header>
    <% if content_for?(:hero_title) %>
      <div class="main container-fluid">
        <div class="container text-white">
          <div class="row">
            <div class="col-12">
              <h3 class="<%= yield :hero_extra_class %>"><%= yield :hero_title %> </h3>
            </div>
          </div>
        </div>
      </div>
    <% end %>
		<div class="container" style="padding-bottom:60px">
			<%= yield %>
		</div>
	</div>
	<footer class="bg-dark text-white">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-sm-12">
				&copy; 2021 JamKazam, Inc. All rights reserved. 
				</div>
				<div class="col-md-6 col-sm-12 text-right">
					<a href="https://jamkazam.com">jamkazam.com</a>
				</div>
			</div>
		</div>
	</footer>
  <%= javascript_include_tag "jk2021/jk2021" %>

  <!--<%= render "clients/flash" %>-->
  
   
  <% if content_for?(:extra_js) %>
    <%= yield(:extra_js) %>
  <% end %>

  <%= render "shared/ga" %>
  <%= render "shared/olark" %>
  <!-- version: <%= version %> -->
</body>
</html>