-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
216 lines (200 loc) · 11.1 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap"
rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<title>Aider Resume</title>
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<!-- *** Navbar Starts *** -->
<nav class="navbar navbar-expand-lg py-4">
<!-- Container Starts -->
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img src="./assets/images/AIDer.png" alt="Aider logo" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar"><img src="https://img.icons8.com/plasticine/35/000000/circled-menu.png" /></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="./index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#explore-temp">Templates</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features">Help</a>
</li>
</ul>
<!-- Button Build Resume -->
<a href="selectYourTemplate.html" class="btn resume-btn btn-primary my-2 my-sm-0 text-white">
Build resume
</a>
</div>
</div>
<!-- Container Ends -->
</nav>
<!-- NavBar Ends -->
<!-- Hero Section Start Here -->
<section id="hero">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 hero-left" data-aos="fade-down-right">
<h1>Boost your chances of landing that</h1>
<h2>Dream Job.</h2>
<p class="text-left">Let’s aid you to build your resume using our wisely designed templates and
increase your chances
of landing that Dream Job</p>
<div class="button-container d-flex">
<a href="./selectYourTemplate.html" class="btn resume-btn btn-primary text-white">
Build resume
</a>
<a href="#explore-temp" class="btn btn-outline-secondary my-2 my-sm-0">
Explore templates
</a>
</div>
</div>
<div class="col-md-6 hero-right" data-aos="zoom-in-up">
<img src="./assets/images/heroRight.svg" alt="Hero-left-image" class="img-fluid">
</div>
</div>
</div>
</section>
<!-- Hero Section Ends Here -->
<section id="features">
<div class="container-fluid">
<div class="title" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
<h1>Aider’s</h1>
<h3>Amazing features</h3>
</div>
<div class="row">
<div class="col-md-3" data-aos="zoom-in">
<div class="feature-item">
<img src="./assets/images/easyToUse.svg" alt="">
<h4>Easy to use</h4>
<p>Our free templates only requires you to choose between your preferred layout and edit to fit
your personality.</p>
</div>
</div>
<div class="col-md-3" data-aos="zoom-in-up">
<div class="feature-item">
<img src="./assets/images/onlineBuilder.svg" alt="">
<h4>Online builder</h4>
<p>Build your professional resume online,our resume layout builder makes sure all your content
is well organized.</p>
</div>
</div>
<div class="col-md-3" data-aos="zoom-in-down">
<div class="feature-item">
<img src="./assets/images/downloadOffline.svg" alt="">
<h4>Download offline</h4>
<p>Not only do you get to build your resume free and online, you also get to download resume as
pdf for offline and external usage. </p>
</div>
</div>
<div class="col-md-3" data-aos="zoom-in-up">
<div class="feature-item">
<img src="./assets/images/support247.svg" alt="">
<h4>Support 24/7</h4>
<p>If you are not sure how to write a resume,do not worry. Our resume builder is readily
available to give you all the assistance you will need.</p>
</div>
</div>
</div>
</div>
</section>
<section id="explore">
<div class="container-fluid">
<div class="explore-wrapper d-flex justify-content-between">
<div class="template-images d-flex">
<img class="template-1 img-fluid" src="./assets/images/template-1.jpeg" alt="" data-aos="fade-up"
data-aos-duration="3000">
<img class="template-2 img-fluid" src="./assets/images/template-2.jpeg" alt="" data-aos="fade-down"
data-aos-easing="linear" data-aos-duration="1500">
</div>
<div class="explore-content ml-5" data-aos="flip-left" data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
<h1 id="explore-temp">Explore our</h1>
<h3>Wisely designed templates</h3>
<p>
Aider resume builder is the solution you needed, but didn’t know about. Your resume will finally
show your potential.</p>
<p>Pick a resume template, fill it out, and format. Create a professional resume in a few clicks.
Just choose either resume templates , add ready-made content, share or download, and get the
job.</p>
<a href="/selectYourTemplate.html" class="btn resume-btn btn-primary my-2 my-sm-0 text-white">
Build resume
</a>
</div>
</div>
</div>
</section>
<section id="testimonials">
<div class="container-fluid mt-5">
<div class="row">
<div class="col-md-4" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="testimonial rounded"><img class="mb-3" src="./assets/icons/“.svg" width="15.5">
<p>I love it and would recommend it for anyone, it’s so much better than a droll traditional
resume.”<br><br></p>
<div class="d-flex flex-row align-items-center"><img class="rounded-circle"
src="./assets/images/avatar.png" width="40">
<div class="ml-2 about"><span class="d-block name">Giralle Cross</span><span
class="time text-left">5 months ago</span></div>
</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="testimonial rounded"><img class="mb-3" src="./assets/icons/“.svg" width="15.5">
<p>I love it and would recommend it for anyone, it’s so much better than a droll traditional
resume.”<br><br></p>
<div class="d-flex flex-row align-items-center"><img class="rounded-circle"
src="./assets/images/avatar.png" width="40">
<div class="ml-2 about"><span class="d-block name">Sam Cross</span><span
class="time text-left">5 months ago</span></div>
</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500">
<div class="testimonial rounded"><img class="mb-3" src="./assets/icons/“.svg" width="15.5">
<p>I love it and would recommend it for anyone, it’s so much better than a droll traditional
resume.”<br><br></p>
<div class="d-flex flex-row align-items-center"><img class="rounded-circle"
src="./assets/images/avatar.png" width="40">
<div class="ml-2 about"><span class="d-block name">Marry Cross</span><span
class="time text-left">5 months ago</span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer">
<div class="">
<p class="copyright p-4 text-center m-0">©Copyright Team AIDER resume builder</p>
</div>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
</script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>