event.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

    <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"
    />
    <link rel="stylesheet" href="css/pasdev.css" />
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    <script
        defer
        src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"
    ></script>
</head>
<body>
    <section class="section">
        <div class="container">
            <nav class="navbar" style="background-color: transparent">
                <div class="navbar-brand">
                    <a class="navbar-item" href="https://pasuruandev.github.io">
                        <img src="images/logo-landscape.png" width="200" />
                    </a>

                    <a
                        role="button"
                        class="navbar-burger burger"
                        aria-label="menu"
                        aria-expanded="false"
                        data-target="navbarBasicExample"
                    >
                        <span aria-hidden="true"></span>
                        <span aria-hidden="true"></span>
                        <span aria-hidden="true"></span>
                    </a>
                </div>

                <div id="navbarBasicExample" class="navbar-menu">
                    <div class="navbar-start">
                        <a class="navbar-item" href="#home">Beranda</a>
                        <a class="navbar-item" href="#meetup">Meetup</a>
                        <a class="navbar-item" href="#webinar">Webinar</a>
                        <a class="navbar-item" href="#galeri">Galeri</a>
                        <a class="navbar-item" href="#kolaborasi">Kolaborasi</a>
                    </div>

                    <div class="navbar-end">
                        <div class="navbar-item">
                            <div class="buttons">
                                <a
                                    class="button is-dark"
                                    href="http://bit.ly/submitidepasdev"
                                    target="_blank"
                                >
                                    <strong>Submit Ide</strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>

            <br><br>

            <div class="columns">
                <div class="column is-two-fifths">
                    <img src="" id="imgPoster" alt="Bina Nusantara Computer Club - Virtual Conference" width="100%">
                </div>
                <div class="column">
                    <h1 id="eventType" class="is-size-5 has-text-weight-semibold is-orange"></h1>
                    <h1 id="title" class="is-size-3 has-text-weight-bold"></h1>
                    <h4 id="publishDate"></h4>
                    <div id="content"></div>

                    <p class="mb-2">
                        🌐 Daftarkan dirimu segera melalui website:<br>
                        <a href="https://technoscape.id/" target="_blank">technoscape.id</a>
                    </p>

                    <p class="mb-1">
                        ☎️&nbsp;Kamu juga dapat menghubungi contact person:<br>
                        Salyvana<br>
                        0851-7107-3141<br>
                        saly120
                    </p>
                    <p class="mb-2">
                        Andini<br>
                        0895-0572-7663<br>
                        redpeachy
                    </p>

                    <p>
                        Ikuti dan pantau terus media sosial BNCC dan TechnoScape untuk informasi selanjutnya:
                    </p>
                    <p>
                        👉 Instagram:
                        <a href="https://www.instagram.com/technoscapebncc/" target="_blank">@technoscapebncc</a> dan
                        <a href="https://www.instagram.com/bnccbinus/" target="_blank">@bnccbinus</a>
                    </p>
                    <p>
                        👉 Facebook: <a href="https://www.facebook.com/bina.nusantara.computer.club/" target="_blank">Bina Nusantara Computer Club</a>
                    </p>
                    <p>
                        👉 Twitter: <a href="https://twitter.com/BNCC_Binus" target="_blank">@BNCC_Binus</a>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="columns">
                <div class="column subtitle">
                    <strong class="has-text-link">Temukan Kami</strong><br /><br />
                    <div class="columns">
                        <div class="column">
                            <a href="https://instagram.com/pasuruan.dev" target="_blank">
                                <i class="fab fa-instagram fa-lg"></i>&nbsp; @pasuruan.dev </a
                            ><br /><br />
                            <a href="https://t.me/pasuruandev" target="_blank">
                                <i class="fab fa-telegram fa-lg"></i>&nbsp; PasuruanDev </a
                            ><br /><br />
                            <a href="https://github.com/pasuruandev" target="_blank">
                                <i class="fab fa-github fa-lg"></i>&nbsp; Pasuruan Dev
                            </a>
                        </div>
                        <div class="column">
                            <a href="mailto:pasuruandev@gmail.com" target="_blank">
                                <i class="fa fa-envelope fa-lg"></i>&nbsp;
                                pasuruandev@gmail.com </a
                            ><br /><br />
                            <a href="https://medium.com/pasuruandev" target="_blank">
                                <i class="fab fa-medium fa-lg"></i>&nbsp; PasuruanDev </a
                            ><br /><br />
                            <a href="https://t.me/pasuruandev" target="_blank">
                                <i class="fab fa-facebook fa-lg"></i>&nbsp; PasuruanDev
                            </a>
                        </div>
                    </div>
                </div>
                <div class="column">
                    <h1 class="title">PasuruanDev</h1>
                    <p>
                        Kami adalah komunitas para pegiat IT di Pasuruan. Kami terdiri
                        dari para pengembang perangkat lunak, praktisi IT, dan pembelajar
                        dalam hal IT yang memiliki passion untuk saling belajar,
                        berkontribusi, dan berbagi, yang menjadi tujuan utama berdirinya
                        komunitas ini.
                    </p>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="script.js"></script>
    <script src="script/event.js"></script>
</body>
</html>