118 lines
5.1 KiB
HTML
118 lines
5.1 KiB
HTML
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<!--
|
|
Kuwait flag colors:
|
|
Green: #007b3a
|
|
Red: #cf0821
|
|
Black: black
|
|
White: white
|
|
-->
|
|
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Avraham Society | Library | Library Entry Two</title>
|
|
<link rel="stylesheet" href="http://localhost:8080/main.css" />
|
|
<link rel="manifest" href="http://localhost:8080/manifest.json"/>
|
|
<!--
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="icon" href="http://localhost:8080/res/Avraham_Society_icon.png">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@800&family=Libre+Baskerville&family=Roboto&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">-->
|
|
|
|
<!-- HTML Meta Tags -->
|
|
<meta name="description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
|
|
|
<!-- Facebook Meta Tags -->
|
|
<meta property="og:url" content="https://avrahamsociety.org">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Avraham Society | Home">
|
|
<meta property="og:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
|
<meta property="og:image" content="http://localhost:8080/res/Avraham_Society.png">
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:domain" content="avrahamsociety.org">
|
|
<meta property="twitter:url" content="https://avrahamsociety.org">
|
|
<meta name="twitter:title" content="Avraham Society | Home">
|
|
<meta name="twitter:description" content="The Avraham Society is a Jewish Humanist initiative focused on serving the needs of the Jewish communities of Iraq and Kuwait.">
|
|
<meta name="twitter:image" content="http://localhost:8080/res/Avraham_Society.png">
|
|
|
|
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
</head>
|
|
<body>
|
|
<div id="bg"></div>
|
|
<div id="main">
|
|
<div id="banner">
|
|
<a href="http://localhost:8080"><img src="http://localhost:8080/res/Avraham_Society.png"></a>
|
|
<div id="social">Social media, recent updates, etc</div>
|
|
<input id="navExpander" style="display: none;" type="checkbox" checked>
|
|
<div id="nav">
|
|
<label for="navExpander" id="nav-expand"></label>
|
|
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/">Home</a>
|
|
<!--<a onclick="localStorage.refered = true" href="http://localhost:8080/intro-to-judaism">Intro to Judaism</a>
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/jewish-history-culture">Jewish History and Culture</a>
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/landmarks">Jewish Landmarks</a>
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/humanism">Humanism</a>
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a>-->
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/librarymain">Library</a>
|
|
<a onclick="localStorage.refered = true" href="http://localhost:8080/culture">Culture</a>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="top">
|
|
<div id="title">Avraham Society<br>
|
|
<small><b><i>May replace this space with a logo? the current logo would not look good there, but something like what Kabbalah has would. I can do the logo design if it's simple enough; my art talent is pretty weak though.</i></b></small>
|
|
</div>
|
|
<div id="shape"></div>
|
|
</div>
|
|
<div>
|
|
<h1 style="padding-bottom: 2em;">Library | Library Entry Two</h1>
|
|
</div>
|
|
|
|
<p id="liblurb">
|
|
|
|
This is the second Library Entry, for testing. This is a very real blurb! It has important information, just enough to entice the visitor to click!
|
|
|
|
</p>
|
|
|
|
<p>
|
|
This could be lorem text! This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!This could be lorem text!
|
|
</p>
|
|
|
|
|
|
<div class="bottom">
|
|
<img src="http://localhost:8080/res/Avraham_Society.png">
|
|
<div>
|
|
<p>
|
|
Quick informative blurb, social links, etc.
|
|
</p>
|
|
<p>
|
|
Could follow a number of different designs; this is the most basic possibility.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="plug">Website by <a href="mailto:plupy44@gmail.com">Tyler Clarke</a>.</div>
|
|
</div>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |