-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (127 loc) · 4.68 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Resume Builder</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="form-cv">
<div class="container">
<h1>Resume Builder</h1>
<br />
<div class="col-one">
<label for="name">Name</label>
<br>
<input id="name" type="text" name="name" />
<br />
<!-- <label for="profession">Profession</label>
<input type="text" id="profession" name="profession">
<br> -->
<label for="phoneNo">Phone number</label>
<br>
<input type="number" id="phoneNo" name="phoneNo" />
<br />
<label for="emailId">Email Id</label>
<br>
<input type="email" name="emailId" id="emailId" />
<br />
<label for="address">Address</label>
<br>
<input type="text" id="address" name="address" />
<br />
<label for="nationality">Nationality</label>
<br>
<input type="text" id="nationality" name="nationality" />
<br />
<label for="linkedin">Linkedin Profile id</label>
<br>
<input type="url" name="linkedin" id="linkedin" />
<br />
<label for="objective">Objective</label>
<br>
<textarea name="objective" id="objective" cols="30" rows="3">Enter your objective here</textarea>
<br>
</div>
<div class="col-two">
<div id="we">
<label for="workexp">Work Experience</label>
<br>
<textarea name="workexp" class="workexp" cols="30" rows="3">
Your work Experience</textarea>
<br>
<button onclick="addwe()" class="add" id="webtn">Add</button>
</div>
<br />
<div id="aq">
<label for="aqual">Academic Qualification</label>
<br>
<textarea name="aqual" class="aqual" cols="30" rows="3"></textarea>
<br>
<button onclick="addaq()" id="aqbtn" class="add">Add</button>
</div>
<div id="sk">
<label for="skill">Skills</label>
<br>
<textarea name="skill" class="skill" cols="30" rows="3"></textarea>
<br>
<button onclick="addskill()" id="skbtn" class="add">Add</button>
</div>
</div>
</div>
<button name="generatecv" onclick="generateCV()" class="btn">Generate Resume</button>
</div>
<!-- final-cv -->
<div id="final-cv">
<div class="headerT">
<h1 id="nameT" class="headerTC">Name</h1>
<br />
<p id="addressT" class="headerTC">address</p>
<p id="emailIdT" class="headerTC">Email id</p>
<p id="phoneNoT" class="headerTC">+91895357</p>
<br />
<p id="nationalityT" class="headerTC">Nationality</p>
<p id="linkedinT" class="headerTC">Linked in</p>
</div>
<!-- objective -->
<div class="details">
<div class="objectiveDiv">
<h3 class="headings">Objective</h3>
<hr />
<p id="objectiveT">
objective topic Lorem ipsum dolor sit, amet consectetur adipisicing
elit. Officia repellat debitis ducimus quas, error tempore dolorum
omnis hic dolore, quis aliquid quidem repudiandae accusamus
provident, tenetur nam at odio. Pariatur sint blanditiis ab est
adipisci, eligendi ipsa consequatur eveniet hic, ducimus laudantium
natus? Cum, laborum numquam fugit labore quibusdam ut.
</p>
</div>
<!-- work experience -->
<div class="workexpDiv">
<h3 class="headings">Work Experience</h3>
<hr />
<p id="workexpT">Work experience topic</p>
</div>
<div class="aqualDiv">
<h3 class="headings">Academic Qualification</h3>
<hr />
<p id="aqualT">Academic topic</p>
</div>
<!-- skills -->
<div class="skillDiv">
<h3 class="headings">Skills</h3>
<hr />
<p id="skillT">Skills</p>
</div>
</div>
<button onclick="printCV()" class="btn" id="printcv">Print</button>
</div>
<script src="scripts.js"></script>
</body>
</html>