mirror of
https://github.com/r7254028-coder/cv-builder.git
synced 2026-07-21 14:34:44 +00:00
79 lines
2.7 KiB
HTML
79 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CV Builder</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="app-header">
|
|
<div>
|
|
<h1>CV Builder</h1>
|
|
<p class="creator-credit">
|
|
Created by <strong>Rasul Mushtaq Hussien</strong> | <span>Department of Data Science, College of Excellence, University of Baghdad</span>
|
|
</p>
|
|
</div>
|
|
<button id="theme-toggle">Toggle Theme</button>
|
|
</header>
|
|
|
|
<div class="container">
|
|
|
|
<section class="editor card">
|
|
<h2>Personal Info</h2>
|
|
|
|
<input type="file" id="photo-input" accept="image/*">
|
|
|
|
<input id="name-input" placeholder="Full Name">
|
|
<input id="role-input" placeholder="Job Title">
|
|
<input id="email-input" placeholder="Email">
|
|
<input id="phone-input" placeholder="Phone">
|
|
<input id="location-input" placeholder="Location (e.g., Baghdad, Iraq)">
|
|
|
|
<textarea id="about-input" placeholder="Summary"></textarea>
|
|
<textarea id="exp-input" placeholder="Work Experience"></textarea>
|
|
<textarea id="edu-input" placeholder="Education"></textarea>
|
|
|
|
<h3>Custom Sections</h3>
|
|
<div id="custom-editor"></div>
|
|
<button id="add-section">+ Add Section</button>
|
|
|
|
<button class="export-btn" onclick="window.print()">Export PDF</button>
|
|
</section>
|
|
|
|
<section class="preview card" id="cv-preview">
|
|
|
|
<div class="header">
|
|
<img id="preview-photo" alt="Profile Photo">
|
|
|
|
<h1 id="preview-name">Mohammad Ali</h1>
|
|
<p id="preview-role">Job Title</p>
|
|
<p class="contact-info">
|
|
<span id="preview-location">Baghdad, Iraq</span>
|
|
<span id="preview-email">mohammad.ali@email.com</span>
|
|
<span id="preview-phone">+123 456 7890</span>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="content" id="preview-content">
|
|
<div class="section">
|
|
<h3>Summary</h3>
|
|
<p id="preview-about">Experienced software engineer skilled in web development and project management.</p>
|
|
</div>
|
|
<div class="section">
|
|
<h3>Experience</h3>
|
|
<p id="preview-exp">Software Engineer at Google (2020 - present)</p>
|
|
</div>
|
|
<div class="section">
|
|
<h3>Education</h3>
|
|
<p id="preview-edu">B.Sc. Computer Science - University of Baghdad (2015 - 2019)</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |