CVeditorpro/index.html at main · Felix-X0/CVeditorpro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="LxJG5aFXqgA5hO2muV0BV7WX-N5NAlKtzQ4gU8jWi6Q" />
    <meta name="description" content="CVFast Pro: Buat CV profesional, modern, dan gratis dengan cepat. Download CV PDF tanpa watermark.">
    <meta name="keywords" content="buat cv online, template cv gratis, cv profesional, aplikasi pembuat cv, cv builder pdf">
    <meta name="author" content="CVFast Pro">
    <meta property="og:title" content="CVFast Pro - Buat CV Profesional Gratis">
    <meta property="og:description" content="Buat CV impianmu dalam hitungan menit tanpa ribet.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://felix-x0.github.io/">
    <title>CVFast Pro | Buat CV Profesional dengan Cepat</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap" rel="stylesheet">
</head>
<body class="landing-page">

    <nav class="navbar">
        <div class="logo"><strong>CVFast</strong> Pro</div>
        <a href="editor.html" class="btn-primary">Mulai Gratis</a>
    </nav>

    <header class="hero">
        <div class="hero-content">
            <div class="badge">Gratis &amp; Tanpa Watermark</div>
            <h1>Langkah Pertama Menuju <span class="highlight">Karier Impianmu</span></h1>
            <p>Wujudkan kesan pertama yang tak terlupakan di mata perekrut. Buat, edit, dan unduh CV profesional dalam format PDF hanya dalam hitungan menit — dengan belasan kombinasi desain modern.</p>

            <div class="hero-buttons">
                <a href="editor.html" class="btn-large">Buat CV Saya Sekarang</a>
            </div>

            <div class="stats-row">
                <div class="stat">
                    <div class="stat-number">3<span>+</span></div>
                    <div class="stat-label">Template Desain</div>
                </div>
                <div class="stat">
                    <div class="stat-number">5<span>+</span></div>
                    <div class="stat-label">Pilihan Warna</div>
                </div>
                <div class="stat">
                    <div class="stat-number">0<span>Rp</span></div>
                    <div class="stat-label">Biaya & Watermark</div>
                </div>
            </div>

            <div class="creator-links">
                <a href="https://sociabuzz.com/cadis77/tribe" target="_blank" class="btn-donate">☕ Dukung Creator</a>
                <a href="https://www.instagram.com/cadis_1w?igsh=MXh3OXkzNWJyYjA5dQ%3D%3D&utm_source=qr" target="_blank" class="btn-ig">
                    <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
                    Instagram
                </a>
            </div>
        </div>

        <!-- Pinterest-style moodboard -->
        <div class="hero-visual">
            <div class="pin-grid">
                <div class="pin-card pc-1">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Desain</span>
                        <div class="pin-card-title">Modern Sidebar Layout</div>
                    </div>
                </div>
                <div class="pin-card pc-2">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Template</span>
                        <div class="pin-card-title">Biru Profesional</div>
                    </div>
                </div>
                <div class="pin-card pc-3">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Karir</span>
                        <div class="pin-card-title">Hijau Zamrud</div>
                    </div>
                </div>
                <div class="pin-card pc-4">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Kreatif</span>
                        <div class="pin-card-title">Header Style</div>
                    </div>
                </div>
                <div class="pin-card pc-5">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">PDF</span>
                        <div class="pin-card-title">Export Instan</div>
                    </div>
                </div>
                <div class="pin-card pc-6">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Tema</span>
                        <div class="pin-card-title">Klasik Minimalis</div>
                    </div>
                </div>
                <div class="pin-card pc-7">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Bold</span>
                        <div class="pin-card-title">Merah Berani</div>
                    </div>
                </div>
                <div class="pin-card pc-8">
                    <div class="pin-card-inner">
                        <span class="pin-card-tag">Ungu</span>
                        <div class="pin-card-title">Kreatif &amp; Elegan</div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Features Section -->
    <section class="features-section">
        <div style="text-align:center; max-width: 600px; margin: 0 auto;">
            <div class="section-eyebrow">Fitur Unggulan</div>
            <h2 class="section-title">Semua yang Kamu Butuhkan,<br><em>dalam Satu Tempat</em></h2>
        </div>
        <div class="features-grid">
            <div class="feature-card">
                <span class="feature-icon">🎨</span>
                <div class="feature-title">Desain Bebas Pilih</div>
                <p class="feature-desc">3 layout modern dengan 5 pilihan warna tema. Dari minimalis elegan hingga bold yang mencolok — semua ada.</p>
            </div>
            <div class="feature-card">
                <span class="feature-icon">⚡</span>
                <div class="feature-title">Real-Time Preview</div>
                <p class="feature-desc">Setiap ketikan langsung terlihat di preview A4. Tidak perlu klik "refresh" — semuanya instan.</p>
            </div>
            <div class="feature-card">
                <span class="feature-icon">📄</span>
                <div class="feature-title">Export PDF Berkualitas</div>
                <p class="feature-desc">Download CV dalam format PDF resolusi tinggi. Siap dikirim ke rekruter tanpa watermark apapun.</p>
            </div>
            <div class="feature-card">
                <span class="feature-icon">💾</span>
                <div class="feature-title">Simpan Draft Otomatis</div>
                <p class="feature-desc">Data kamu tersimpan di browser. Buka kembali kapan saja tanpa perlu mengisi ulang dari awal.</p>
            </div>
            <div class="feature-card">
                <span class="feature-icon">📸</span>
                <div class="feature-title">Upload Foto Profil</div>
                <p class="feature-desc">Tambahkan foto profesionalmu langsung dari perangkat. Tampil lebih personal dan berkesan.</p>
            </div>
            <div class="feature-card">
                <span class="feature-icon">🆓</span>
                <div class="feature-title">100% Gratis Selamanya</div>
                <p class="feature-desc">Tidak ada biaya tersembunyi, tidak ada akun yang perlu dibuat. Langsung pakai, langsung jadi.</p>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section">
        <div class="cta-box">
            <h2>Siap Bikin CV yang <em>Standout?</em></h2>
            <p>Ribuan orang sudah menggunakan CVFast Pro untuk mendapatkan pekerjaan impian mereka. Sekarang giliran kamu.</p>
            <a href="editor.html" class="btn-large">Mulai Buat CV Gratis</a>
            <div class="creator-links" style="margin-top: 28px;">
                <a href="https://sociabuzz.com/cadis77/tribe" target="_blank" class="btn-donate">☕ Sawer Creator</a>
                <a href="https://www.instagram.com/cadis_1w?igsh=MXh3OXkzNWJyYjA5dQ%3D%3D&utm_source=qr" target="_blank" class="btn-ig">
                    <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
                    Instagram
                </a>
            </div>
        </div>
    </section>

    <footer class="landing-footer">
        <div class="footer-logo"><strong>CVFast</strong> Pro</div>
        <div class="footer-text">Dibuat dengan ❤️ oleh <a href="https://www.instagram.com/cadis_1w" target="_blank" style="color: var(--pin-red); text-decoration: none;">@cadis_1w</a></div>
        <div class="footer-text">© 2025 CVFast Pro — Gratis selamanya</div>
    </footer>

</body>
</html>