-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFront.html
153 lines (127 loc) · 7.78 KB
/
Front.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
145
146
147
148
149
150
151
152
153
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resume-Generator</title>
<link rel="icon"
href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYpUHWob4EDz38K-4B5axHF32YLvWiAA8ihA&usqp=CAU">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="front.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Resume Generator</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Resume
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="index.html">Create</a></li>
</ul>
</a>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
CV
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="index.html">Create</a></li>
</ul>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Cover Letter
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="index.html">Create</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" aria-disabled="true">FAQ</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- style="background-color: #BDCDD6; -->
<div class="row" id="row1">
<div class="col-md-5">
<h1 id="head" style="text-align: center; margin-top: 175px; color: white;"><b>The Ultimate Resume Builder</b></h1><br>
<p id="head" style ="font-size: large; text-align:justify; margin-left: 10px; color: white; "><b>Build beautiful, recruiter-tested
resumes in a few clicks! Our resume builder is powerful
and easy to use, with a range of amazing functions. Custom-tailor resumes for any job
within minutes. Increase your interview chances and rise above the competition.</b></p><br>
<div class="d-grid gap-2">
<a class="btn btn-primary" role="button" aria-disabled="true" href="index.html" style="width: 400px; margin-left: 70px;">Create Resume</a>
</div><br><br>
</div>
<div class="col-md-7">
<img src="assests/temp.png" id="default">
<!-- <img src="assests/creative-resume-template-.png" id="default"> -->
</div>
</div>
<div class="row">
<div class="col-md-5">
<img id="demo1" src="assests/creative-resume-template-.png">
</div>
<div class="col-md-7">
<h1 style="text-align: center; margin-top: 60px; margin-left:45px;font-family:Lucida Handwriting";><b>C</b>reate a resume that gets results</h1>
<br><br>
<h3 style="margin-left: 90px; font-family: Papyrus;"><b>Stays Picture Perfect</b></h3>
<p style="margin-left: 90px;">We work with recruiters to design resume templates that format automatically.</p>
<br><br>
<h3 style="margin-left: 90px; font-family: Papyrus;" ><b>Finish Your Resume in 15 Minutes</b></h3>
<p style="margin-left: 90px;">Resume Now helps you tackle your work experience by reminding you what you did at your job.</p>
<br><br>
<h3 style="margin-left: 90px; font-family: Papyrus;" ><b>Land an Interview</b></h3>
<p style="margin-left: 90px;">We suggest the skills you should add. It helped over a million people get interviews</p>
<br>
<a class="btn btn-primary" role="button" aria-disabled="true" href="index.html" style="width: 220px; height: 50px; margin-left: 250px;">Create Resume</a>
</div>
</div>
<!-- <h1 style="text-align: center;">Our resume builder includes a review from one of our experts</h1>
<br>
<hr> -->
<div class="row" style="margin-left: 15px; ">
<div class="col-md-4">
<img src="assests/aa.png" id="create" style="border-radius: 80%;">
<h2 style="font-family: Papyrus;"><b>Powerful and easy-to-use</b></h2>
<p style="font-size: 20px;">Created to be suitable for all levels of job seekers. Our host of powerful features
ranges from an excellent spell-checker, to job tracking, multi-format export,
auto-generated summaries and more.</p>
</div>
<div class="col-md-4" >
<img src="assests/bb.png" id="create" style="border-radius: 80%;">>
<h2 style="font-family: Papyrus;" ><b>Customization made simple</b></h2>
<p style="font-size: 20px;">Fine-tune your resume for a specific job with ease. We help you turn a generic document
into a cutting-edge instrument that wins interviews. Transform universal resumes
into perfect sales pitches with a few key-strokes.</p>
</div>
<div class="col-md-4">
<img src="assests/cc.jpg" id="create" style="border-radius: 80%;">>
<h2 style="font-family: Papyrus;"><b>Best Templates design</b></h2>
<p style="font-size: 20px;">Our designed templates and examples are reviewed by recruiters. This gives you a
powerful boost in resume creation, straight from the other side of the job market
- the people responsible for hiring and candidate evaluation.</p>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
crossorigin="anonymous"></script>
</body>
</html>