Untitled

mail@pastecode.io avatar
unknown
html
a year ago
7.8 kB
2
Indexable
Never
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, width=device-width" />

    <link rel="stylesheet" href="./global.css" />
    <link rel="stylesheet" href="./index.css" />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap"
    />

  </head>
  <body>
    <div class="landing-page-2-parent">
      <div class="landing-page-2">
        <div class="hero-wrapper">
          <div class="hero">
            <div class="mask"></div>
            <div class="designer-1">
              <img class="path-icon" alt="" src="./assets/path.svg" />

            </div>
            <div class="hero-content">
              <div class="text-blockherotitle-body-act">
                <div class="body">
                  <p class="sudahkah-anda-bergabung">
                    Sudahkah Anda Bergabung? Raih Akses Tanpa Batas ke Ribuan
                    Buku, Jurnal, dan Sumber Belajar lainnya. Daftar Sekarang!
                  </p>
                  <p class="sudahkah-anda-bergabung">Kenapa Harus Bergabung?</p>
                  <ul class="akses-247-ke-koleksi-digital">
                    <li class="akses-247-ke">
                      ✓ Akses 24/7 ke Koleksi Digital
                    </li>
                    <li class="akses-247-ke">
                      ✓ Webinar dan Kegiatan Menarik Setiap Minggunya
                    </li>
                    <li class="akses-247-ke">
                      ✓ Ruang Baca Virtual yang Nyaman
                    </li>
                    <li>✓ Komunitas Pembaca yang Suportif</li>
                  </ul>
                </div>
                <div class="title">
                  Selamat Datang di E-Perpustakaan – Tempat Pengetahuan Bertemu
                  Imajinasi!
                </div>
              </div>
              <div class="elementbuttonlargefilled-parent">
                <div class="elementbuttonlargefilled">
                  <div class="button-label" id="daftarSekarangButton">
                    <a href="./Login Form/index.html">Daftar Sekarang</a>
                  </div>
                
            
                </div>
                <div class="elementbuttonlargefilled-co">
                  <div class="button-label">Learn More</div>
                </div>
              </div>
            </div>
            <div class="sectionnavbar1">
              <div class="logolandie">
                <div class="landie">E-Perpustakaan</div>
              </div>
              <div class="elementbuttonsmallfilled-parent">
                <div class="elementbuttonsmallfilled">
                  <div class="bg">
                  </div>
                  <div class="button-label2" id="daftarButton">
                    <a href="./Login Form/index.html">Daftar</a>
                  </div>
                </div>
                <div class="elementbuttonsmallfilled1">
                  <div class="bg1"></div>
                  <div class="button-label2" id="masukButton">Masuk</div>
                </div>
              </div>
              <div class="home-parent">
                <div class="home">Home</div>
                <div class="home">About</div>
                <div class="home">Book Collection</div>
                <div class="home">Contact</div>
              </div>
            </div>
          </div>
        </div>
        <div class="title1">Berita</div>
        <div class="intro">
          <div class="text-blocksectionlargetitle">
            <div class="title2">Book Display</div>
          </div>
        </div>
        <div class="undraw-mobile-login-ikmv-ele">
          <div class="mask1"></div>
          <div class="elementcardinfo-cardmedium">
            <div class="body1">
              Staf Khusus Menteri Agama Bidang Bidang Media dan Komunikasi
              Publik Wibowo Prasetyo meminta Perguruan Tinggi Keagamaan Islam
              (PTKI) aware terhadap perkembangan teknologi digital agar mampu
              beradaptasi dengan perubahan yang sangat cepat. Dia bahkan minta
              agar mata kuliah litrerasi digital dijadikan sebagai Mata Kuliah
              Dasar Umum (MKDU) wajib di PTKI.
            </div>
            <div class="body2">
              Anak perusahaan PT Pertamina (Persero) yang bergerak di sektor
              asuransi umum, PT Asuransi Tugu Pratama Indonesia Tbk (Tugu
              Insurance), kembali menunjukkan komitmennya dalam
              pengimplementasian tanggung jawab sosial yang berorientasi pada
              Sustainable Development Goals (SDGs).
            </div>
            <b class="title3"
              >Stafsus Menag Wibowo Minta Literasi Digital Jadi Mata Kuliah
              Wajib PTKI</b
            >
            <b class="title4"
              >Dukung Pendidikan Indonesia, Tugu Insurance Berikan Beasiswa dan
              Literasi Keuangan untuk Mahasiswa</b
            >
          </div>
          <div class="text-blocksectionlargetitle1">
            
          </div>
          <img class="makiarrow-icon" alt="" src="./assets/makiarrow.svg" />

          <img class="makiarrow-icon1" alt="" src="./assets/makiarrow.svg" />
        </div>
        <div class="pricing-parent">
          <div class="pricing">
            <img class="rectangle-icon" alt="" src="./assets/rectangle.svg" />

            <div class="text-blocksectionlargetitle2">
              <div class="title6">Location</div>
            </div>
          </div>
          <div class="footer">
            <div class="rectangle42"></div>
            <div class="div">©2023 E-Perpustakaan</div>
            <div class="frame">
              <div class="home">Home</div>
              <div class="home">About</div>
              <div class="home">Contact</div>
            </div>
            <img
              class="iconsocialinstagram"
              alt=""
              src="./assets/iconsocialinstagram.svg"
            />

            <img
              class="iconsocialinstagram-copy"
              alt=""
              src="./assets/iconsocialinstagram-copy.svg"
            />

            <img
              class="iconsocialinstagram-copy-2"
              alt=""
              src="./assets/iconsocialinstagram-copy-2.svg"
            />

            <img
              class="iconsocialinstagram-copy-3"
              alt=""
              src="./assets/iconsocialinstagram-copy-3.svg"
            />

            <img
              class="iconsocialinstagram-copy-4"
              alt=""
              src="./assets/iconsocialinstagram-copy-4.svg"
            />

            <div class="rectangle43"></div>
          </div>
          <div class="logolandie1">
            <div class="landie">Landing</div>
          </div>
        </div>
        <img
          class="desain-tanpa-judul-1-1"
          alt=""
          src="./assets/desain-tanpa-judul-1-1@2x.png"
        />

        <img class="image-6-icon" alt="" src="./assets/image-6@2x.png" />

        <img class="image-7-icon" alt="" src="./assets/image-7@2x.png" />
      </div>
      <img class="image-1-icon" alt="" src="./assets/image-1@2x.png" />

      <img class="image-2-icon" alt="" src="./assets/image-2@2x.png" />

      <img class="image-3-icon" alt="" src="./assets/image-3@2x.png" />

      <img class="image-4-icon" alt="" src="./assets/image-4@2x.png" />

      <img class="image-5-icon" alt="" src="./assets/image-5@2x.png" />
    </div>
  </body>
</html>