Cara Membuat Website Resume Perusahaan (Investor Page) dengan HTML dan CSS

28 Sep, 2025
Cara Membuat Website Resume Perusahaan (Investor Page) dengan HTML dan CSS

Cara Membuat Website Resume Perusahaan (Investor Page) dengan HTML dan CSS - Pada kesempatan ini saya akan membuat website resume perusahaan atau biasa disebut Investor Page dengan HTML dan CSS. Tampilan websitenya akan sederhana namun tetap elegan, berisi profil singkat perusahaan, visi misi, dan informasi untuk calon investor. Langsung saja simak script dan proses pembuatannya dengan notepad.

Sebelum membuat, berikut alat yang perlu anda siapkan:

  • Komputer/Laptop/Android – jika tidak punya silakan pinjam ke teman anda.
  • Aplikasi Text Editor – anda bisa menggunakan notepad, notepad++, VSC, sublime text, dll
  • Browser – untuk membuka file website hasil codingan kita nanti.
  • Niat yang Tulus – tanpa niat, usaha anda akan sia-sia.

Membuat Website Resume Perusahaan dengan HTML dan CSS

Berikut ini adalah cara membuat web resume perusahaan sederhana, antara lain:

1. Buat file index.html

Pertama buat file baru index.html dan copy paste kode dibawah ini.

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Investor Page</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Header -->
  <header>
    <h1>PT Maju Jaya Abadi</h1>
    <p>Investor Relations & Company Profile</p>
  </header>

  <!-- Tentang Perusahaan -->
  <section class="about">
    <h2>Tentang Kami</h2>
    <p>PT Maju Jaya Abadi adalah perusahaan yang bergerak di bidang teknologi dan investasi digital. Sejak berdiri pada tahun 2010, kami terus berkomitmen memberikan solusi inovatif dan terpercaya untuk para investor maupun mitra bisnis.</p>
  </section>

  <!-- Visi dan Misi -->
  <section class="vision">
    <h2>Visi & Misi</h2>
    <ul>
      <li><strong>Visi:</strong> Menjadi perusahaan teknologi terdepan di Asia Tenggara.</li>
      <li><strong>Misi:</strong> Memberikan layanan terbaik untuk investor dan membangun ekosistem digital yang sehat.</li>
    </ul>
  </section>

  <!-- Informasi Investor -->
  <section class="investor">
    <h2>Informasi Investor</h2>
    <p>Untuk informasi lebih lanjut mengenai laporan keuangan, prospektus, dan kerjasama investasi, silakan hubungi email kami:</p>
    <p><strong>Email:</strong> investor@majujaya.com</p>
  </section>

  <!-- Footer -->
  <footer>
    <p>© 2025 PT Maju Jaya Abadi - Investor Relations</p>
  </footer>
</body>
</html>

2. Buat file baru style.css

Setelah membuat file style.css copy dan paste kode berikut ini.
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #f9f9f9;
  color: #333;
}

header {
  background: #1a237e;
  color: white;
  text-align: center;
  padding: 30px 20px;
}

header h1 {
  margin: 0;
  font-size: 2.5rem;
}

header p {
  margin-top: 8px;
  font-size: 1.2rem;
}

section {
  max-width: 800px;
  margin: 40px auto;
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

section h2 {
  margin-bottom: 15px;
  color: #1a237e;
}

ul {
  padding-left: 20px;
}

footer {
  text-align: center;
  background: #1a237e;
  color: white;
  padding: 15px;
  margin-top: 40px;
}

3. Simpan dan Lihat Hasil

Jika semua selesai dilakukan, buka file index.html yang sudah dibuat ke browser dan lihat hasilnya. 

Penutup

Nah, itulah cara membuat website resume perusahaan (Investor Page) dengan HTML dan CSS. Website ini bisa menjadi halaman khusus untuk menampilkan profil perusahaan, visi misi, dan informasi bagi calon investor.

Anda bisa mengembangkan lebih lanjut dengan menambahkan grafik keuangan, laporan tahunan dalam format PDF, hingga kontak form untuk memudahkan komunikasi.

Semoga artikel ini bermanfaat dan bisa menjadi inspirasi dalam membuat Investor Page yang sederhana namun profesional. 🚀
Previous Post
No Comment
Add Comment
comment url