web.admin/cv-builder
1
0
Fork 0
mirror of https://github.com/r7254028-coder/cv-builder.git synced 2026-07-21 22:44:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Rasul702
2026-05-08 19:49:19 +03:00
committed by GitHub
commit f884871430
3 changed files with 419 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
index.html Normal file
View File

@@ -0,0 +1,79 @@
<!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>