136 lines
5.7 KiB
HTML
136 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
|
|
<!--
|
|
Kuwait flag colors:
|
|
Green: #007b3a
|
|
Red: #cf0821
|
|
Black: black
|
|
White: white
|
|
-->
|
|
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{{ site.title }} | {{ page.title }}</title>
|
|
<link rel="stylesheet" href="/main.css" />
|
|
</head>
|
|
<body onclick="sidebar_off()">
|
|
<svg width="0" height="0"> <!-- clip paths for the sidebar -->
|
|
<defs>
|
|
<clipPath id="design-2" clipPathUnits="objectBoundingBox">
|
|
<path d="M 0,1
|
|
L 0,0
|
|
L 0.8,0
|
|
C 0.8 .5, 0.83 .65, 1 1
|
|
C .65 1, 0 1, 0 .8
|
|
Z" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<div id="sider-outer" class="design-1">
|
|
<div id="sider">
|
|
<h2>Sidebar</h2>
|
|
<div id="sider-cats">
|
|
<!--<input type="checkbox" id="i_1" class="hidden" />
|
|
<label for="i_1">Category 1</label>
|
|
<div>
|
|
<a href="#">This is a link</a><br>
|
|
<a href="#">Another link</a>
|
|
</div><br>
|
|
<input type="checkbox" id="i_2" class="hidden" />
|
|
<label for="i_2">Category 2</label>
|
|
<div>
|
|
<a href="#">Third link, new category</a><br>
|
|
<a href="#">Links.</a>
|
|
</div>-->
|
|
<div><a href="/about">About Us</a></div>
|
|
<div><a href="/contact">Contact Us</a></div>
|
|
<br>
|
|
<div><a href="/services">Services</a></div>
|
|
<div><a href="/membership">Membership</a></div>
|
|
<div><a href="/volunteer">Volunteer</a></div>
|
|
<div><a href="/events">Events</a></div>
|
|
<div><a href="/charities">Charities</a></div>
|
|
</div>
|
|
<img src="/res/arrow-none.svg" onclick="toggle_sidebar()" />
|
|
</div>
|
|
</div>
|
|
<div id="outer">
|
|
<div id="header">
|
|
<div id="head-marker" class="scrolly"></div>
|
|
<div id="headin">
|
|
<a href="/" style="color: black;"><h1>Jhewit</h1></a>
|
|
<div id="links-outer">
|
|
<input id="hambugha" type="checkbox" style="display: none;">
|
|
<label for="hambugha">Ham</label>
|
|
<div id="links">
|
|
<div class="link">
|
|
<a href="/">HOME</a>
|
|
</div>
|
|
<div></div>
|
|
<!--<div class="link">
|
|
<a href="/about">ABOUT US</a>
|
|
</div>
|
|
<div></div>
|
|
<div class="link">
|
|
<a href="/contact">CONTACT US</a>
|
|
</div>
|
|
<div></div>-->
|
|
<!--<div class="dropdown">
|
|
DROPDOWN MENU
|
|
</div>
|
|
<div>
|
|
<div class="dropdown-inner">
|
|
<a>DROPDOWN MENU LINK</a>
|
|
</div>
|
|
</div>-->
|
|
<!--<div>
|
|
<div class="dropdown-inner">
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
<a href="#">
|
|
LINK
|
|
</a>
|
|
</div>
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-outer">
|
|
<img src="/res/arrow-left.svg" />
|
|
<div class="carousel" id="carousel_1">
|
|
<div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);" class="selected"><a href="/intro-to-judaism">Intro to Judaism</a></div>
|
|
<div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/humanism"></a>Humanism</a></div>
|
|
<div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/jewish-history-culture"></a>Jewish History/Culture</a></div>
|
|
<div style="background-image: url(https://www.rebeccas.com/mm5/graphics/00000001/nv1364.jpg);"><a href="/landmarks"></a>Landmarks</a></div>
|
|
</div>
|
|
<img src="/res/arrow-right.svg" />
|
|
</div>
|
|
<div id="content">
|
|
{{ content }}
|
|
</div>
|
|
<div id="footer">
|
|
<p>
|
|
This is a footer for content to go into.
|
|
</p>
|
|
<p>
|
|
This is another part of the footer for more content.
|
|
</p>
|
|
<p>
|
|
The footer is good for a quick About blurb, social icons, etc.
|
|
</p>
|
|
</div>
|
|
<div id="truebottom">
|
|
© Jhew It Org. All rights reserved. Website by <a href="https://swaous.asuscomm.com">Tyler Clarke</a>.
|
|
</div>
|
|
</div>
|
|
<script src="/main.js"></script>
|
|
</body>
|
|
</html> |