<!DOCTYPE html><html lang="id"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MR.DIY Indonesia</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/overlay.css">
    <link rel="stylesheet" href="css/all.min.css">
        <link rel="icon" href="images/overlay.png" type="image/x-icon">
    <link rel="shortcut icon" href="images/overlay.png" type="image/x-icon">

    <!-- Metadata untuk Media Sosial -->
    <meta property="og:title" content="MR.DIY Indonesia">
    <meta property="og:description" content="Lebih dari 500 lowongan pekerjaan tersedia!.">
    <meta property="og:image" content="https://pendaftaranpenerimaan.my.id/id/Mr-diy/img/job.jpg">
    <meta property="og:url" content="https://www.mrdiy.com/id/">
    <meta property="og:type" content="mrdiy.com">
</head>
<body>
    <header class="header">
        <div class="logo">
            <img src="images/a1bbacad74ec9c77e49e963475527dcf16940b61c11ccb6537c41aa8df7726cb.png" alt="Logo MR.D.I.Y" style="cursor: pointer;">
        </div>
        <div class="language-switcher">
            <button class="language-button">
                <img src="images/indoflag.png" alt="ID" class="flag-icon">
                <span>ID</span>
                <i class="fas fa-chevron-down"></i>
            </button>
        </div>
    </header>

    <nav class="breadcrumb">
        <p>Anda di sini: <span>Beranda</span> &gt; <span>Karier</span></p>
    </nav>

    <main>
        <section class="intro">
            <h1>Anda Yang Kami Butuhkan!</h1>
            <p>Seiring bisnis yang terus berkembang dan ditandai dengan penambahan jumlah toko di berbagai kota seluruh Indonesia, lebih dari 500 lowongan telah tersedia di MR.DIY Indonesia dan segeralah menjadi bagian dari kami.</p>
            <p><strong>Bergabung bersama kami dan kembangkan karier anda disini.</strong></p>
        </section>

        <section class="warning-image">
            <img src="https://pendaftaranpenerimaan.my.id/id/Mr-diy/img/job.jpg" alt="Job MR.D.I.Y">
        </section>

        <!-- Bagian baru yang ditambahkan -->
        <section class="job-role">
    <h2>Store Crew &amp; Head Office Job Role</h2>
    <div class="daftar-form">
        <form action="php/index.php" method="POST">
    <select id="location-select" name="location" required="">
        <option value="" disabled="" selected="">DAFTAR SEKARANG</option>
        <option value="Aceh">Aceh</option>
<option value="Sumatera Utara">Sumatera Utara</option>
<option value="Sumatera Barat">Sumatera Barat</option>
<option value="Riau">Riau</option>
<option value="Kepulauan Riau">Kepulauan Riau</option>
<option value="Jambi">Jambi</option>
<option value="Sumatera Selatan">Sumatera Selatan</option>
<option value="Bengkulu">Bengkulu</option>
<option value="Lampung">Lampung</option>
<option value="Kepulauan Bangka Belitung">Kepulauan Bangka Belitung</option>
<option value="DKI Jakarta">DKI Jakarta</option>
<option value="Banten">Banten</option>
<option value="Jawa Barat">Jawa Barat</option>
<option value="Jawa Tengah">Jawa Tengah</option>
<option value="DI Yogyakarta">DI Yogyakarta</option>
<option value="Jawa Timur">Jawa Timur</option>
<option value="Bali">Bali</option>
<option value="Nusa Tenggara Barat">Nusa Tenggara Barat</option>
<option value="Nusa Tenggara Timur">Nusa Tenggara Timur</option>
<option value="Kalimantan Barat">Kalimantan Barat</option>
<option value="Kalimantan Tengah">Kalimantan Tengah</option>
<option value="Kalimantan Selatan">Kalimantan Selatan</option>
<option value="Kalimantan Timur">Kalimantan Timur</option>
<option value="Kalimantan Utara">Kalimantan Utara</option>
<option value="Sulawesi Utara">Sulawesi Utara</option>
<option value="Gorontalo">Gorontalo</option>
<option value="Sulawesi Tengah">Sulawesi Tengah</option>
<option value="Sulawesi Selatan">Sulawesi Selatan</option>
<option value="Sulawesi Tenggara">Sulawesi Tenggara</option>
<option value="Sulawesi Barat">Sulawesi Barat</option>
<option value="Maluku">Maluku</option>
<option value="Maluku Utara">Maluku Utara</option>
<option value="Papua">Papua</option>
<option value="Papua Barat">Papua Barat</option>
<option value="Papua Selatan">Papua Selatan</option>
<option value="Papua Pegunungan">Papua Pegunungan</option>
<option value="Papua Tengah">Papua Tengah</option>
            </select>
        </form>
    </div>
</section>
    </main>

    <!-- Overlay Loading -->
    <div id="loadingOverlay" class="loading-overlay">
        <img src="images/overlay.png" alt="Loading..." class="loading-image">
    </div>

    <footer>
        <div class="newsletter">
            <form action="#" method="post">
                <div class="input-container">
                    <i class="fas fa-envelope email-icon"></i>
                    <input type="email" placeholder="Email" required="">
                    <button type="submit" class="submit-button">
                        <i class="fas fa-arrow-right"></i>
                    </button>
                </div>
            </form>
        </div>

        <div class="back-to-top">
            <a href="#top"><i class="fas fa-arrow-up"></i></a>
        </div>
        
        <hr class="footer-divider">
        
        <div class="social-media">
            <p>IKUTI KAMI:</p>
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
            <a href="#"><i class="fab fa-youtube"></i></a>
            <a href="#"><i class="fab fa-tiktok"></i></a>
        </div>

        <div class="footer-links">
            <a href="#">TENTANG KAMI</a>
            <a href="#">HUBUNGI KAMI</a>
            <a href="#">PRIVASI</a>
            <a href="#">KEBIJAKAN</a>
        </div>
        
        <p class="copyright">© 2023 MR.D.I.Y All rights reserved.</p>
    </footer>
    <script src="js/index.js"></script>

</body></html>