1 line
5.0 KiB
HTML
1 line
5.0 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 | 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">--> <!-- 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;">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> |