Ebook Syafi - Edit Ebook

Maklumat Ebook

📋 Format Wajib: Setiap ebook mesti ada: Syarat & Amaran, Mukadimah, Isi Kandungan (min. 3 bab), dan Penutup.

Slug (URL)

Tajuk Utama

Sub-Tajuk

Penulis

Penerangan

Bahasa

Status

Cover SVG (pilihan)

<rect width="600" height="800" fill="url(#bg)"/>

<circle cx="100" cy="200" r="150" fill="#6366f1" opacity="0.07" filter="url(#blur1)"/>
  <circle cx="500" cy="600" r="180" fill="#3b82f6" opacity="0.06" filter="url(#blur1)"/>
  <circle cx="300" cy="400" r="120" fill="#8b5cf6" opacity="0.05" filter="url(#blur2)"/>

<g stroke="#ffffff" stroke-opacity="0.03" stroke-width="0.5">
    <line x1="0" y1="100" x2="600" y2="100"/><line x1="0" y1="200" x2="600" y2="200"/>
    <line x1="0" y1="300" x2="600" y2="300"/><line x1="0" y1="400" x2="600" y2="400"/>
    <line x1="0" y1="500" x2="600" y2="500"/><line x1="0" y1="600" x2="600" y2="600"/>
    <line x1="0" y1="700" x2="600" y2="700"/>
    <line x1="100" y1="0" x2="100" y2="800"/><line x1="200" y1="0" x2="200" y2="800"/>
    <line x1="300" y1="0" x2="300" y2="800"/><line x1="400" y1="0" x2="400" y2="800"/>
    <line x1="500" y1="0" x2="500" y2="800"/>
  </g>

<rect x="0" y="0" width="600" height="4" fill="url(#glow)"/>

<text x="300" y="130" font-family="Arial, Helvetica, sans-serif" font-size="16" fill="#60a5fa" text-anchor="middle" letter-spacing="8" font-weight="500">PANDUAN PRAKTIKAL</text>

<text x="300" y="185" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#ffffff" text-anchor="middle" letter-spacing="1">UPGRADE KERJAYA</text>
  <text x="300" y="230" font-family="Georgia, serif" font-size="42" font-weight="bold" fill="#ffffff" text-anchor="middle" letter-spacing="1">DENGAN</text>

<text x="300" y="305" font-family="Arial, Helvetica, sans-serif" font-size="64" font-weight="900" text-anchor="middle" letter-spacing="6" fill="url(#glow)">HOMELAB</text>

<g transform="translate(140, 350)" filter="url(#shadow1)">
    
    <rect x="0" y="0" width="320" height="230" rx="10" fill="#0f172a" stroke="#334155" stroke-width="2"/>
    <rect x="0" y="0" width="320" height="230" rx="10" fill="url(#glow2)" opacity="0.1"/>

<rect x="15" y="15" width="290" height="42" rx="5" fill="#1e293b" stroke="#334155" stroke-width="1"/>
    <circle cx="35" cy="36" r="5" fill="#22c55e"/><circle cx="55" cy="36" r="5" fill="#22c55e"/>
    <rect x="210" y="25" width="80" height="22" rx="3" fill="#0f172a"/>
    <line x1="220" y1="30" x2="220" y2="42" stroke="#3b82f6" stroke-width="1.5"/>
    <line x1="232" y1="28" x2="232" y2="44" stroke="#60a5fa" stroke-width="1.5"/>
    <line x1="244" y1="32" x2="244" y2="40" stroke="#3b82f6" stroke-width="1.5"/>
    <line x1="256" y1="28" x2="256" y2="44" stroke="#60a5fa" stroke-width="1.5"/>
    <line x1="268" y1="30" x2="268" y2="42" stroke="#3b82f6" stroke-width="1.5"/>
    <line x1="280" y1="28" x2="280" y2="44" stroke="#60a5fa" stroke-width="1.5"/>

<rect x="15" y="65" width="290" height="42" rx="5" fill="#1e293b" stroke="#334155" stroke-width="1"/>
    <circle cx="35" cy="86" r="5" fill="#22c55e"/><circle cx="55" cy="86" r="5" fill="#f59e0b"/>
    <rect x="210" y="75" width="80" height="22" rx="3" fill="#0f172a"/>
    <line x1="220" y1="80" x2="220" y2="92" stroke="#8b5cf6" stroke-width="1.5"/>
    <line x1="232" y1="78" x2="232" y2="94" stroke="#a78bfa" stroke-width="1.5"/>
    <line x1="244" y1="82" x2="244" y2="90" stroke="#8b5cf6" stroke-width="1.5"/>
    <line x1="256" y1="78" x2="256" y2="94" stroke="#a78bfa" stroke-width="1.5"/>

<rect x="15" y="115" width="290" height="42" rx="5" fill="#1e293b" stroke="#334155" stroke-width="1"/>
    <circle cx="35" cy="136" r="5" fill="#22c55e"/><circle cx="55" cy="136" r="5" fill="#22c55e"/>
    <rect x="210" y="125" width="80" height="22" rx="3" fill="#0f172a"/>
    <line x1="220" y1="130" x2="220" y2="142" stroke="#06b6d4" stroke-width="1.5"/>
    <line x1="232" y1="128" x2="232" y2="144" stroke="#22d3ee" stroke-width="1.5"/>
    <line x1="244" y1="132" x2="244" y2="138" stroke="#06b6d4" stroke-width="1.5"/>

<rect x="15" y="170" width="290" height="42" rx="5" fill="#1e293b" stroke="#334155" stroke-width="1"/>
    <rect x="30" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="50" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="70" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="90" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="110" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="130" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="150" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <rect x="170" y="182" width="14" height="16" rx="2" fill="#0f172a" stroke="#60a5fa" stroke-width="0.5"/>
    <circle cx="265" cy="191" r="5" fill="#22c55e"/><circle cx="283" cy="191" r="5" fill="#22c55e"/>
  </g>

<g stroke="#3b82f6" stroke-opacity="0.15" stroke-width="1">
    <line x1="30" y1="420" x2="140" y2="460"/>
    <line x1="570" y1="400" x2="460" y2="450"/>
    <line x1="50" y1="530" x2="140" y2="500"/>
    <line x1="550" y1="550" x2="460" y2="510"/>
  </g>
  <circle cx="30" cy="420" r="4" fill="#60a5fa" opacity="0.4"/>
  <circle cx="570" cy="400" r="4" fill="#a78bfa" opacity="0.4"/>
  <circle cx="50" cy="530" r="3" fill="#60a5fa" opacity="0.3"/>
  <circle cx="550" cy="550" r="3" fill="#a78bfa" opacity="0.3"/>

<text x="300" y="640" font-family="Arial, Helvetica, sans-serif" font-size="15" fill="#94a3b8" text-anchor="middle" letter-spacing="1">Panduan Praktikal Untuk Pemula</text>

<rect x="230" y="660" width="140" height="2" rx="1" fill="url(#glow)" opacity="0.6"/>

<text x="300" y="700" font-family="Arial, Helvetica, sans-serif" font-size="18" fill="#e2e8f0" text-anchor="middle" font-weight="500">Syafiyullah Yahya</text>

<text x="300" y="728" font-family="Arial, Helvetica, sans-serif" font-size="12" fill="#64748b" text-anchor="middle">www.notainfra.com</text>

<text x="300" y="770" font-family="Arial, Helvetica, sans-serif" font-size="12" fill="#475569" text-anchor="middle">2026</text>

<rect x="0" y="796" width="600" height="4" fill="url(#glow)"/>
</svg>

Edit Ebook

Maklumat Ebook

Bab-bab (15)