-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (95 loc) · 5.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width , initial-scale=1">
<title>Resume Builder | Make Your Resume</title>
<link rel="icon" href="icon.png" type="image/icon type">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<header class="masthead" style="height: 100vh;
min-height: 250px;
background-image: url('https://source.unsplash.com/OQMZwNd3ThU/1920*1080');
background-size: cover;
background-position: center;
background-repeat: no-repeat;">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 text-center">
<h1 class="font-weight-light" style="color:black;font-size: 5rem">RESUME BUILDER<span style="color: red">.</span></h1>
<p class="lead" style="color: black;font-size: 2rem">A Fast Track to your resume making<span style="color: green">.</span></p>
</div>
</div>
</div>
<hr class="style-3">
<div class="container h-10">
<div class="row">
<div class="col-md-4 text-center">
<h2 >Layout</h2>
<img src="layout.png" style="width:20%;height:35%"/>
<p class="lead">We provide you more than 100 layouts to choose from.All our layouts are specially designed for your best impression.</p>
</div>
<div class="col-md-4 text-center">
<h2 >Form</h2>
<img src="form.png" style="width:20%;height:35%"/>
<p class="lead">You fill the form and we handle your info and the best part is that we dont't store your data on our website.</p>
</div>
<div class="col-md-4 text-center">
<h2 >Resume</h2>
<img src="resume.png" style="width:20%;height:35%"/>
<p class="lead">On a single click your resume will be saved in your device with file name as "name.pdf"</p>
</div>
</div>
</div>
<hr class="style-3">
<div class="container h-10">
<div class="row h-100 align-items-center">
<div class="col-sm-6 h-100 text-center">
<h2>Let's build your Resume.</h2>
</div>
<div class="col-sm-6 h-100 text-center">
<button type="button" class="btn btn-primary"><a href="form.html" style="text-decoration: none;color: white">BUILD</a></button>
</div>
</div>
</div>
<hr class="style-3">
<div class="container h-10">
<div class="row h-100 align-items-center">
<div class="col-sm-12 h-100 text-center">
<h2>Why to have a powerful Resume <span style="color: crimson">?</span></h2>
</div>
<div class="col-sm-12 h-100 text-center">
<p class="lead">Resumes, usually accompanied by customized cover letters, get sent to employers to determine your eligibility and qualifications for a job. Employers use resumes to get a deeper understanding of candidate skills, strengths and experience. Your resume should reflect achievements, awards, education, experience and any other outstanding accomplishments that align with your career path and goals. Your resume is your first point of contact with the employer and sets the tone for subsequent steps such as first interview, second interview, pre-screening and on-boarding.</p>
</div>
<div class="col-sm-12 h-100 text-center">
<h3>In Short:</h3>
</div>
<div class="col-sm-12 h-100 text-center">
<p class="lead">Grabs the attention of employers and recruiters.</p>
</div>
<div class="col-sm-12 h-100 text-center">
<p class="lead">Sells your strongest skills and accomplishments.</p>
</div>
<div class="col-sm-12 h-100 text-center">
<p class="lead">Shows how you're a match for a position or project.</p>
</div>
<div class="col-sm-12 h-100 text-center">
<p class="lead">And most importantly, gets you a job interview!</p>
</div>
</div>
</div>
<footer id="sticky-footer" class="py-4 bg-dark text-white-50">
<div class="container text-center">
<small>Copyright © ANKIT SAURABH</small>
<br>
<small><a href="https://docs.google.com/forms/d/e/1FAIpQLScnnFK7NU_HTWIz8P3SCOHLEMPZMbIpc0f1D_kbTirszWmOcg/viewform?usp=sf_link">Feedback</a> </small>
</div>
</footer>
</header>
</body>
</html>