167 lines
8.3 KiB
HTML
167 lines
8.3 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 | Home</title>
|
|
<link rel="stylesheet" href="http://localhost:8080/main.css" />
|
|
<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>
|
|
|
|
</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;">Home</h1>
|
|
</div>
|
|
|
|
<p>
|
|
Welcome to the Avraham Society! If you are looking for the Jewish Humanist voice of the MENA region then you came to
|
|
the
|
|
right place! We are the home of future leaders who want to make a change in the world. We are an opportunity for all
|
|
Jews and everything Jewish or Jew-ish! This is our oasis of Jewish Culture and a celebration of Humanism and
|
|
Humanity!
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<div class="space"></div>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui necessitatibus est ipsum veritatis doloribus. Nam
|
|
alias at tempore nihil, nulla in voluptas et ducimus facilis eius exercitationem debitis deserunt officia.
|
|
</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>
|
|
|