91 lines
6.5 KiB
HTML
Executable File
91 lines
6.5 KiB
HTML
Executable File
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<!--
|
|
Kuwait flag colors:
|
|
Green: #007b3a
|
|
Red: #cf0821
|
|
Black: black
|
|
White: white
|
|
-->
|
|
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Avraham Society | Culture</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">-->
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Anton&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/about">About Us</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/humanistic-judaism">Humanistic Judaism</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> <a onclick="localStorage.refered = true" href="http://localhost:8080/membership">Membership</a> <a onclick="localStorage.refered = true" href="http://localhost:8080/contact-us">Contact Us</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 id="titlebracket">
|
|
<h1 style="padding-bottom: 2em;">Culture</h1>
|
|
</div>
|
|
<div id="culture"> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/B0J27sf9N1Y" title="Blender Tutorial for Complete Beginners - Part 1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <p> Text related to the cultural image. </p> </div> <div> <div> <img src="https://media.istockphoto.com/id/1337471900/vector/star-of-david-graphic-abstract-background-with-three-doves.webp?s=2048x2048&w=is&k=20&c=M47-JucDhH5TQs500koB-siTbCxce2DLUfQjC5Y9gKA=" /> </div> <p> Text related to the cultural image. </p> </div> </div>
|
|
<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> |