Skip to content

Commit 949391f

Browse files
author
Asina7
committed
add animation in about section in page
1 parent 4f09c12 commit 949391f

File tree

7 files changed

+266
-141
lines changed

7 files changed

+266
-141
lines changed

‎package-lock.json

Lines changed: 75 additions & 33 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@vue/preload-webpack-plugin": "^2.0.0",
13+
"aos": "^2.3.4",
1314
"axios": "^1.2.1",
1415
"bootstrap-vue": "^2.23.1",
1516
"chroma-js": "^2.4.2",
@@ -21,7 +22,8 @@
2122
"vue-animated-cursor": "^1.0.3",
2223
"vue-parallaxy": "^1.1.1",
2324
"vue-router": "^4.0.13",
24-
"vue-scrollmagic": "^1.2.0"
25+
"vue-scrollmagic": "^1.0.1",
26+
"vuelidate": "^0.7.7"
2527
},
2628
"devDependencies": {
2729
"@babel/core": "^7.12.16",

‎src/components/Career/JobDetail.vue

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,8 @@
161161
</div>
162162

163163
<!-- Modal 2 -->
164-
<div class="modal__application" id="application_form2">
164+
<job-form></job-form>
165+
<!-- <div class="modal__application" id="application_form2">
165166
<div class="modal__apply">
166167
<button class="modal__close-2" id="apply_close2"><i class="fa-solid fa-xmark"></i></button>
167168
<div class="form-top">
@@ -196,7 +197,7 @@
196197
class="fa-solid fa-arrow-right"></i></button>
197198
</div>
198199
</div>
199-
</div>
200+
</div> -->
200201
<FloatingWhatsapp></FloatingWhatsapp>
201202
<div class="offcanvas__close">
202203
<router-link :to="{ path: '/career' }">
@@ -209,9 +210,12 @@
209210
</template>
210211
<script>
211212
import FloatingWhatsapp from '@/components/Home/FloatingWhatsapp.vue';
213+
import JobForm from './JobForm.vue';
214+
212215
export default {
213216
components :{
214217
FloatingWhatsapp,
218+
JobForm,
215219
},
216220
data(){
217221
return{

‎src/components/Career/JobForm.vue

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<template>
2+
<div>
3+
<div class="modal__application" id="application_form2">
4+
<div class="modal__apply">
5+
<button class="modal__close-2" id="apply_close2"><i class="fa-solid fa-xmark"></i></button>
6+
<div class="form-top">
7+
8+
<h2 class="sec-title">Frontend Developer</h2>
9+
<p>Full time</p>
10+
</div>
11+
<div class="form-apply">
12+
<form @submit.prevent="submitForm">
13+
<div class="input-apply-2">
14+
<p>Name *</p>
15+
<input type="text" v-model="form.name" required>
16+
</div>
17+
<div class="input-apply-2">
18+
<p>Email *</p>
19+
<input type="email" v-model="form.email" required>
20+
</div>
21+
<div class="input-apply-2">
22+
<p>Phone *</p>
23+
<input type="tel" v-model="form.phone" required>
24+
</div>
25+
<div class="input-apply-2">
26+
<p>Upload CV *</p>
27+
<input type="file">
28+
</div>
29+
</form>
30+
</div>
31+
<div class="form-btn-2">
32+
<button class="wc-btn-primary btn-hover" id="back_form1"><span></span> Back <i
33+
class="fa-solid fa-arrow-right"></i></button>
34+
<button type="submit" class="wc-btn-primary btn-hover" @click="submitForm"><span></span> Submit <i
35+
class="fa-solid fa-arrow-right"></i></button>
36+
</div>
37+
</div>
38+
</div>
39+
</div>
40+
</template>
41+
42+
<script>
43+
export default {
44+
data() {
45+
return {
46+
form: {
47+
name: '',
48+
email: '',
49+
phone: '',
50+
51+
}
52+
}
53+
},
54+
methods: {
55+
submitForm() {
56+
if (!this.form.name || !this.form.email || !this.form.phone) {
57+
return
58+
}
59+
alert('Data submitted!')
60+
}
61+
}
62+
}
63+
</script>
64+
65+
<style>
66+
67+
</style>

0 commit comments

Comments
 (0)