Model: ai-master
Folder: /opt/ai-gateway/projects/test5
Created: 2026-05-30T21:31:05.609Z
Preview URL: https://test5.preview.ai.brothercasuals.com
Buka Code Server Preview App Lihat Jobs Job Barubuat landing page test
Oke, siap. Berikut rencana coding untuk landing page test5.
**Rencana Coding:**
1. **Struktur Proyek:** Buat folder utama untuk proyek.
2. **Landing Page (HTML/CSS):** Buat file `index.html` sebagai landing page utama.
---
**1. Struktur Proyek**
Buat folder proyek di lokasi target.
```bash
mkdir -p /opt/ai-gateway/projects/test5
cd /opt/ai-gateway/projects/test5
```
---
**2. Landing Page (HTML/CSS)**
Buat file `index.html` di dalam folder `/opt/ai-gateway/projects/test5`.
**File: `/opt/ai-gateway/projects/test5/index.html`**
```html
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test5 - Landing Page</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f4f7f6;
color: #333;
line-height: 1.6;
}
.container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}
header {
background-color: #2c3e50;
color: #ecf0f1;
padding: 1rem 0;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2.5em;
}
.hero {
background-color: #3498db;
color: white;
padding: 4rem 0;
text-align: center;
margin-bottom: 2rem;
}
.hero h2 {
font-size: 3em;
margin-bottom: 1rem;
}
.hero p {
font-size: 1.2em;
margin-bottom: 2rem;
}
.btn {
display: inline-block;
background-color: #2ecc71;
color: white;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color: #27ae60;
}
.features {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.feature-item {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
margin: 10px;
flex: 1;
min-width: 280px;
max-width: 30%;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-align: center;
}
.feature-item h3 {
color: #3498db;
margin-top: 0;
}
footer {
background-color: #2c3e50;
color: #ecf0f1;
text-align: center;
padding: 1.5rem 0;
margin-top: 2rem;
font-size: 0.9em;
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>Test5 Project</h1>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<h2>Selamat Datang di Landing Page Test5</h2>
<p>Ini adalah halaman uji coba untuk proyek Anda. Sederhana, responsif, dan siap digunakan.</p>
<a href="#features" class="btn">Pelajari Lebih Lanjut</a>
</div>
</section>
<section id="features" class="container">
<h2 style="text-align: center; color: #2c3e50; margin-bottom: 30px;">Fitur Utama</h2>
<div class="features">
<div class="feature-item">
<h3>Cepat & Efisien</h3>
<p>Dibuat dengan kode yang minimalis untuk performa terbaik.</p>
</div>
<div class="feature-item">
<h3>Responsif</h3>
<p>Tampilan yang optimal di berbagai perangkat, dari desktop hingga mobile.</p>
</div>
<div class="feature-item">
<h3>Mudah Dikustomisasi</h3>
<p>Struktur yang jelas membuat pengembangan lebih lanjut sangat mudah.</p>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2023 Test5 Project. Semua hak dilindungi.</p>
</div>
</footer>
</body>
</html>
```
---
**Cara Melihat Hasil:**
Setelah file `index.html` dibuat, Anda bisa membukanya langsung di browser atau mengaturnya dengan web server (misalnya Nginx atau Apache) yang mengarah ke folder `/opt/ai-gateway/projects/test5`.
Contoh dengan Nginx (jika sudah terinstall):
1. Buat file konfigurasi Nginx baru:
```bash
sudo nano /etc/nginx/sites-available/test5.conf
```
2. Isi dengan konfigurasi berikut (ganti `your_domain.com` atau `your_server_ip` jika diperlukan):
```nginx
server {
listen 80;
listen [::]:80;
server_name your_domain.com; # Ganti dengan domain atau IP server Anda
root /opt/ai-gateway/projects/test5;
index index.html index.htm;
location / {
try_files $uri $uri/ =404;
}
}
```
3. Aktifkan konfigurasi dan restart Nginx:
```bash
sudo ln -s /etc/nginx/sites-available/test5.conf /etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl restart nginx
```
Kemudian akses `http://your_domain.com` atau `http://your_server_ip` di browser.