Skip to content

Commit d97b64f

Browse files
author
Asina7
committed
working with Team Detail page
1 parent 9643cc9 commit d97b64f

File tree

8 files changed

+238
-111
lines changed

8 files changed

+238
-111
lines changed

‎src/components/About/MainSections/TeamSection.vue

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,14 @@
99
<div class="swiper swiper-container gallery team__slider drag-sec">
1010
<div class="swiper-wrapper">
1111
<div class="swiper-slide team__slide bg-col" v-for="(image, index) in images" :key="index">
12-
<a href="team-details.html">
12+
<router-link :to="'/teamdetail/'+image.id">
1313
<img :src="image.src" alt="Gallery Image">
1414
<!-- <p class="image-title">{{ image.title }}</p> -->
1515
<div class="team__info image-title">
1616
<h4 class="team__member-name">{{ image.title }}</h4>
1717
<h5 class="team__member-role">Founder & CEO</h5>
1818
</div>
19-
</a>
19+
</router-link>
2020

2121
</div>
2222
</div>
@@ -33,15 +33,15 @@ export default {
3333
data() {
3434
return {
3535
images: [
36-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
37-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
38-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
39-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
40-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
41-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
42-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
43-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
44-
]
36+
{ id:1,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 1' },
37+
{ id:2,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 2' },
38+
{ id:3,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
39+
{id:4, src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
40+
{ id:5,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
41+
{ id:6,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
42+
{ id:7,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
43+
{ id:8,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
44+
]
4545
}
4646
},
4747
mounted() {

‎src/components/Blog/BlogDetails.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,8 +62,8 @@
6262
<img src="@/assets/imgs/blog/detail/3.jpg" alt="Code">
6363
</div>
6464
<div class="blog__detail-tags">
65-
<p class="sub-title-anim">tags: <a href="tag.html">design</a>, <a href="tag.html">figma</a>,
66-
<a href="tag.html">update</a>
65+
<p class="sub-title-anim">tags: <a href="">design</a>, <a href="">figma</a>,
66+
<a href="">update</a>
6767
</p>
6868
</div>
6969
</div>

‎src/components/CaseStudy/CasestudyDetail.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
<div class="col-xxl-4 col-xl-4 col-lg-5 col-md-5">
1919
<div class="portfolio__detail-info">
2020
<ul>
21-
<li>Category <a href="category.html">Development</a></li>
21+
<li>Category <a href="">Development</a></li>
2222
<li>Client <span>Webflow</span></li>
2323
<li>Start Date <span>23 January 2021</span></li>
2424
<li>Handover <span>05 March 2021</span></li>
@@ -146,7 +146,7 @@
146146
return{
147147
casestudy:{},
148148
casestudyData :
149-
[
149+
[
150150
{
151151
id:1,
152152
casestudy_title:"Case Study 1",

‎src/components/Team/Mainsection.vue

Lines changed: 11 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -21,101 +21,17 @@
2121
</div>
2222
</div>
2323
</div>
24-
25-
<!-- <div class="swiper team__slider">
26-
<div class="swiper-wrapper">
27-
<div class="swiper-slide team__slide">
28-
<a href="team-details.html">
29-
<img src="@/assets/imgs/team/1.jpg" alt="Team Member">
30-
<div class="team__info">
31-
<h4 class="team__member-name-6">Saymon D. Halk</h4>
32-
<h5 class="team__member-role-6">Founder & CEO</h5>
33-
</div>
34-
</a>
35-
</div>
36-
37-
<div class="swiper-slide team__slide">
38-
<a href="team-details.html">
39-
<img src="@/assets/imgs/team/2.jpg" alt="Team Member">
40-
<div class="team__info">
41-
<h4 class="team__member-name-6">Jassica Oliver</h4>
42-
<h5 class="team__member-role-6">Researcher</h5>
43-
</div>
44-
</a>
45-
</div>
46-
47-
<div class="swiper-slide team__slide">
48-
<a href="team-details.html">
49-
<img src="@/assets/imgs/team/3.jpg" alt="Team Member">
50-
<div class="team__info">
51-
<h4 class="team__member-name-6">Daniyel Adamson</h4>
52-
<h5 class="team__member-role-6">Digital Marketer</h5>
53-
</div>
54-
</a>
55-
</div>
56-
57-
<div class="swiper-slide team__slide">
58-
<a href="team-details.html">
59-
<img src="@/assets/imgs/team/4.jpg" alt="Team Member">
60-
<div class="team__info">
61-
<h4 class="team__member-name-6">Hardiya Kethrine</h4>
62-
<h5 class="team__member-role-6">Lead Designer</h5>
63-
</div>
64-
</a>
65-
</div>
66-
67-
<div class="swiper-slide team__slide">
68-
<a href="team-details.html">
69-
<img src="@/assets/imgs/team/5.jpg" alt="Team Member">
70-
<div class="team__info">
71-
<h4 class="team__member-name-6">Saymon D. Halk</h4>
72-
<h5 class="team__member-role-6">Researcher</h5>
73-
</div>
74-
</a>
75-
</div>
76-
77-
<div class="swiper-slide team__slide">
78-
<a href="team-details.html">
79-
<img src="@/assets/imgs/team/6.jpg" alt="Team Member">
80-
<div class="team__info">
81-
<h4 class="team__member-name-6">Jassica Oliver</h4>
82-
<h5 class="team__member-role-6">Lead Designer</h5>
83-
</div>
84-
</a>
85-
</div>
86-
<div class="swiper-slide team__slide">
87-
<a href="team-details.html">
88-
<img src="@/assets/imgs/team/7.jpg" alt="Team Member">
89-
<div class="team__info">
90-
<h4 class="team__member-name-6">Jassica Oliver</h4>
91-
<h5 class="team__member-role-6">Lead Designer</h5>
92-
</div>
93-
</a>
94-
</div>
95-
<div class="swiper-slide team__slide">
96-
<a href="team-details.html">
97-
<img src="@/assets/imgs/team/8.jpg" alt="Team Member">
98-
<div class="team__info">
99-
<h4 class="team__member-name-6">Jassica Oliver</h4>
100-
<h5 class="team__member-role-6">Lead Designer</h5>
101-
</div>
102-
</a>
103-
</div>
104-
</div>
105-
</div> -->
106-
10724
<div class="swiper swiper-container gallery team__slider drag-sec">
10825
<div class="swiper-wrapper">
10926
<div class="swiper-slide team__slide bg-col" v-for="(image, index) in images" :key="index">
110-
<a href="team-details.html">
27+
<router-link :to="'/teamdetail/'+image.id">
11128
<img :src="image.src" alt="Gallery Image">
11229
<!-- <p class="image-title">{{ image.title }}</p> -->
11330
<div class="team__info image-title">
11431
<h4 class="team__member-name team-title1">{{ image.title }}</h4>
11532
<h5 class="team__member-role team-title1">Founder & CEO</h5>
11633
</div>
117-
</a>
118-
34+
</router-link>
11935
</div>
12036
</div>
12137
</div>
@@ -196,7 +112,7 @@
196112
<p class="cta__sub-title">Work with us</p>
197113
<h2 class="cta__title title-anim">We would love to hear more about your project</h2>
198114
<div id="btn_wrapper">
199-
<a href="contact.html" class="wc-btn-primary btn-item btn-hover"><span></span>Let’s talk us <i
115+
<a href="/contact" class="wc-btn-primary btn-item btn-hover"><span></span>Let’s talk us <i
200116
class="fa-solid fa-arrow-right"></i></a>
201117
</div>
202118
</div>
@@ -298,14 +214,14 @@
298214
data() {
299215
return {
300216
images: [
301-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
302-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
303-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
304-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
305-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
306-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
307-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
308-
{ src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
217+
{ id:1,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
218+
{ id:2,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
219+
{ id:3,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
220+
{id:4, src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
221+
{ id:5,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/1.jpg', title: 'Image 1' },
222+
{ id:6,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/2.jpg', title: 'Image 2' },
223+
{ id:7,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/3.jpg', title: 'Image 3' },
224+
{ id:8,src: 'https://wealcoder.com/dev/html/axtra/assets/imgs/team/4.jpg', title: 'Image 4' },
309225
]
310226
}
311227
},

0 commit comments

Comments
 (0)