index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!--Jquery minified-->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
    
    <link rel="stylesheet" href="style.css">

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alavastron Party Posters</title>

    <!--meta-tags-SEO-->
    <meta property="og:url" content="https://alavastronpartyposters.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Cafe Bar Alavastron Greece Party Posters" />
    <meta property="og:description" content="View all the created Alavastron party posters and download 'em all!" />
    <meta property="og:image" content="https://res.cloudinary.com/thisisnotanimage/image/upload/v1627507531/alavastronpartyposters_wjxxu1.png" />

    <!--fonts-->
    <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=Advent+Pro:wght@100&family=Zen+Tokyo+Zoo&display=swap" rel="stylesheet">

    <!--sweet alert-->
    <script src="node_modules/sweetalert2/dist/sweetalert2.all.js"></script>
    <link rel="stylesheet" href="node_modules/sweetalert2/dist/sweetalert2.css">
</head>

<body>
    <!--Include the JavaScript SDK on your page once, ideally right after the opening body tag.-->
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0" nonce="SW3FJFpU"></script>
    
    <h1 id="heading">Alavastron Party Posters</h1>
    
    <!--facebook buttons-->
    <div class="container">
        <!-- FB share button code -->
        <div id="fbtn" class="fb-share-button" data-href="https://alavastronpartyposters.com/" data-layout="button" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Falavastronpartyposters.com%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
        <br>
        <!-- FB like button code -->
        <div class="fb-like" 
        data-href="https://www.facebook.com/alavastroncafe" 
        data-width=""
        data-layout="button" 
        data-action="like" 
        data-size="large"  
        data-share="false">
        </div>

        <div id="info">
            You can click on the photos for a clearer view!
        </div>
    </div>

    <div id="album">  </div>

    <div id="myModal" class="modal"></div>

</body>

<footer>
    
</footer>

<script type="text/javascript" src="main.js"></script>


</html>