-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate.html
114 lines (105 loc) · 3.68 KB
/
template.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Resume</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
color: #333;
}
.section {
margin-bottom: 20px;
}
</style>
</head>
<body>
<!-- Contact Information -->
<div class="section">
<p style="text-align: center;"><strong style="font-size: 50pt;">{{contact_info.name}}</strong></p>
<p style="text-align: center;">
<strong>Email:</strong> <a href="mailto:{{contact_info.email}}">{{contact_info.email}}</a><b> | </b>
<strong>Phone:</strong> {{contact_info.phone}}<b> | </b>
<strong>LinkedIn:</strong> <a href="{{contact_info.linkedin}}" target="_blank">{{contact_info.linkedin}}</a>
</p>
</div>
<!-- Divider Bar -->
<hr class="rounded">
<!-- Professional Summary -->
<div class="section">
<p style="text-align: justify;">{{professional_summary}}</p>
</div>
<!-- Divider Bar -->
<hr class="rounded">
<!-- Professional Experience -->
<div class="section">
<h1 style="text-align: center;">Professional Experience</h1>
{% for experience in professional_experience %}
<h3>{{experience.position}} | {{experience.company}} | {{experience.location}}</h3>
<div style="display: flex; justify-content: space-between; align-items: center;">
<p style="margin: 0;"><strong>Duration:</strong> {{experience.duration}}</p>
<p style="margin: 0;"><strong>Platform:</strong> {{experience.platform}}</p>
</div>
<ul>
{% for responsibility in experience.responsibilities %}
<li style="text-align: justify;">{{responsibility}}</li>
{% endfor %}
</ul>
{% endfor %}
</div>
<!-- Education -->
<div class="section">
<h1 style="text-align: center;">Education</h1>
<p><strong> {{education.degree}} | </strong> {{education.institution}}</p>
</div>
<!-- Skills -->
<!--
<div class="section">
<h1 style="text-align: center;">Skills</h1>
<ul style="column-count: 2; column-gap: 20px; page-break-inside: avoid;">
{% for skill in skills %}
<li>{{skill}}</li>
{% endfor %}
</ul>
</div>
-->
<!-- Certifications -->
<div class="section">
<h1 style="text-align: center;">Certifications</h1>
<ul>
{% for certification in certifications %}
<li style="display: flex; justify-content: space-between;">
{{certification.name}} | <strong> {{certification.issuer}} </strong>
</li>
{% endfor %}
</ul>
</div>
<!-- Awards and Recognitions -->
<div class="section">
<h1 style="text-align: center;">Awards & Recognitions</h1>
<ul>
{% for award in awards_and_recognitions %}
<li>
<strong>Award:</strong> {{award.award}}<br>
<ul>
{% for reason in award.reasons %}
<li>{{reason}}</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
</div>
<!-- Security Clearance -->
<div class="section">
<h1 style="text-align: center;">Security Clearance</h1>
<ul>
<li>{{security_clearance.clearance_level}}</li>
</ul>
</div>
</body>
</html>