Skip to content

Commit c357f09

Browse files
author
BaluB
committed
html done page needs styling
0 parents  commit c357f09

File tree

3 files changed

+104
-0
lines changed

3 files changed

+104
-0
lines changed

‎index.html

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<link rel="stylesheet" href="style.css">
9+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
10+
<title>CV Generator</title>
11+
</head>
12+
13+
<body>
14+
15+
<form class="form-action">
16+
<div>
17+
<div class="personal-details w3-card-2 w3-margin">
18+
<div class="w3-margin">
19+
<h2>Enter Personal Details</h2>
20+
<input type="text" id="fname" placeholder="Enter First Name" class="details"><br>
21+
<input type="text" id="lname" placeholder="Enter Last name" class="details"><br>
22+
<input type="text" id="email" placeholder="Enter Email id" class="details"><br>
23+
<input type="text" id="phnum" placeholder="Enter phone number" class="details"><br>
24+
<input type="text" id="address" placeholder="Enter address" class="details"><br>
25+
<input type="text" id="linkIn" placeholder="Enter LinkedIn link" class="details"><br>
26+
</div>
27+
</div>
28+
<div class="w3-card-2 w3-margin personal-details">
29+
<div class="w3-margin">
30+
<h2>Work Experience</h2>
31+
<input type="text" class="compName" placeholder="Enter company name"><br>
32+
<input type="text" class="compStart" placeholder="Enter Start month"><br>
33+
<input type="text" class="compLoc" placeholder="Enter company location"><br>
34+
<input type="text" class="workDec" placeholder="Enter work desc"><br>
35+
</div>
36+
</div>
37+
<div class="w3-card-2 w3-margin personal-details">
38+
<div class="w3-margin">
39+
<h2>SKills</h2>
40+
<input type="text" class="skills" placeholder="Enter Skills"><br>
41+
</div>
42+
</div>
43+
<div class="w3-card-2 w3-margin personal-details">
44+
<div class="w3-margin">
45+
<h2>Achievements</h2>
46+
<input type="text" class="Achievements" placeholder="Enter Achievements"><br>
47+
</div>
48+
</div>
49+
<div class="w3-card-2 w3-margin personal-details">
50+
<div class="w3-margin">
51+
<h2>Projects</h2>
52+
<input type="text" class="projects" placeholder="Enter projects"><br>
53+
</div>
54+
</div>
55+
<input type="submit" value="submit" class="w3-display-bottommiddle ">
56+
</div>
57+
</form>
58+
59+
<script src="index.js"></script>
60+
</body>
61+
62+
</html>

‎index.js

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
let form = document.querySelector('.form-action');
2+
3+
fname,lname,email,phnum,address,linkIn,compName,compStart,compLoc,workDec,skills,Achievements,projects
4+
5+
6+
7+
8+
form.addEventListener("submit",(e)=>{
9+
e.preventDefault();
10+
let fullName = form.fname.value;
11+
let lastName = form.lastName.value ;
12+
let email = form.email.value ;
13+
let phoneNum = form.phoneNum.value ;
14+
let address = form.address.value ;
15+
let linkIn = form.linkIn.value ;
16+
let compName = form.compName.value ;
17+
let compStart = form.compStart.value ;
18+
let compLoc = form.compLoc.value ;
19+
let workDec = form.workDec.value ;
20+
let skills = form.skills.value ;
21+
let Achievements = form.Achievements.value ;
22+
let projects = form.projects.value ;
23+
24+
let doc = new jsPDF();
25+
26+
doc.setFontSize(40)
27+
doc.text(20, 20, 'Personal Details');
28+
29+
doc.text('Hello world!', 10, 10)
30+
doc.save('a4.pdf')
31+
32+
doc.save(`${fullName}.pdf`);
33+
34+
});

‎style.css

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.details{
2+
font-size: 15px;
3+
background-color: white;
4+
}
5+
6+
.personal-details{
7+
display:inline-block;
8+
}

0 commit comments

Comments
 (0)