CV Maker Studio
WYSIWYG Visual & Code Sync
Split Mode
Visual Editor Only
Code Only
Import Existing PDF
Download PDF (WeasyPrint)
Visual Tools:
1
2
3
HTML & CSS Source
Bi-directional live sync
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Curriculum Vitae</title> <style> *, *::before, *::after { box-sizing: border-box; } @page { size: A4; margin: 15mm 15mm; background-color: #ffffff; } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 10pt; color: #333333; line-height: 1.4; margin: 0; padding: 0; background-color: #ffffff; } .header { text-align: center; margin-bottom: 16px; } .header h1 { font-size: 24pt; color: #1a365d; margin: 0 0 5px 0; letter-spacing: 1px; text-transform: uppercase; } .header p { font-size: 10.5pt; color: #4a5568; margin: 0; line-height: 1.5; } .header a { color: #2b6cb0; text-decoration: none; } h2 { font-size: 13pt; color: #2b6cb0; border-bottom: 2px solid #e2e8f0; padding-bottom: 4px; margin-top: 16px; margin-bottom: 10px; text-transform: uppercase; page-break-after: avoid; } h3 { font-size: 11pt; color: #1a365d; margin: 0 0 2px 0; page-break-after: avoid; } .job-meta { font-size: 9.5pt; color: #718096; font-style: italic; margin-bottom: 6px; } .job-section { margin-bottom: 14px; } ul { margin: 0; padding-left: 18px; } li { margin-bottom: 4px; text-align: justify; page-break-inside: avoid; } p { margin-top: 0; margin-bottom: 8px; text-align: justify; } .skills-list li { margin-bottom: 2px; } strong { color: #2d3748; } </style> </head> <body> <div class="header"> <h1>Alex Mercer</h1> <p> Email: alex.mercer@example.com | Phone: +1 (555) 019-2834 <br> LinkedIn: <a href="https://linkedin.com">linkedin.com/in/alexmercer</a> | GitHub: <a href="https://github.com">github.com/alexmercer</a> </p> </div> <h2>Professional Summary</h2> <p>Experienced Cloud & Data Platform Engineer specializing in designing zero-downtime streaming pipelines, Infrastructure as Code, and multimodal AI microservices on Google Cloud Platform.</p> <h2>Technical Skills</h2> <ul class="skills-list"> <li><strong>Languages:</strong> Python, SQL, Go, Bash, HTML5/CSS3</li> <li><strong>Cloud & IaC:</strong> Google Cloud Platform (Cloud Run, GCS, Vertex AI), Terraform, Docker, GitHub Actions</li> <li><strong>Data Engineering:</strong> Apache Kafka, BigQuery, Spark, PostgreSQL, Firestore, SQLite/Litestream</li> </ul> <h2>Work Experience</h2> <div class="job-section"> <h3>Senior Data Engineer | Cloud Dynamics</h3> <div class="job-meta">2023 – Present | Remote</div> <ul> <li>Architected distributed microservices handling 50M+ daily events with 99.99% availability.</li> <li>Migrated enterprise workloads to serverless Cloud Run with automated Terraform pipelines.</li> </ul> </div> </body> </html>
Visual Document Canvas (Click & Edit Directly)
Editable A4 Canvas