danak/arakrail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

front-end almost done | started back-end

Browse Source
This commit is contained in:
Amir Mohamadi
2020-11-23 19:39:26 +03:30
parent 95149f0e72
commit 80a7abafb7
191 changed files with 60163 additions and 950 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_lang/services/index.vue
+139 -37
View File
@@ -1,58 +1,164 @@
<template>
<div class="page services--page">
<hero :title="staticData.hero"/>
<Hero :title="staticData.hero"/>
<section class="s1">
<div class="container">
<div class="panel">
<h2 class="title">{{staticData.s1.t1}}</h2>
<p>{{staticData.s1.t2}}</p>
<div class="top">
<h2 class="title">{{staticData.t1}}</h2>
<p class="subtitle">{{staticData.t2}}</p>
</div>
<div class="content">
<p>{{staticData.t3}}</p>
<h4>{{staticData.t4}}</h4>
<ul>
<li>
<p>{{staticData.t5}}</p>
</li>
<li>
<p>{{staticData.t6}}</p>
</li>
<li>
<p>{{staticData.t7}}</p>
</li>
<li>
<p>{{staticData.t8}}</p>
</li>
<li>
<p>{{staticData.t9}}</p>
</li>
<li>
<p>{{staticData.t10}}</p>
</li>
<li>
<p>{{staticData.t11}}</p>
</li>
</ul>
<div class="images">
<img src="~/assets/img/services/autodesk.png" alt="">
<img src="~/assets/img/services/tekla.png" alt="">
<img src="~/assets/img/services/solid_works.png" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="s2">
<img src="~/assets/img/services-s2-i1.jpg" alt="" class="section-bg">
<div class="container">
<div class="panel">
<h2 class="title title-subtitle">{{staticData.s2.t1}}</h2>
<ol>
<li v-for="item in staticData.s2.t2">
<p>{{item.txt}}</p>
</li>
</ol>
</div>
</div>
</section>
<section class="s3">
<img src="~/assets/img/services-s3-i1.jpg" alt="" class="section-bg">
<img src="~/assets/img/services/services-s3-i1.jpg" alt="" class="section-bg">
<div class="container">
<div class="panel">
<div class="parts p1">
<h2 class="title title-shape-center">{{staticData.s3.part1.t1}}</h2>
<p>{{staticData.s3.part1.t2}}</p>
<h2 class="title title-shape-center">{{staticData.t12}}</h2>
<p>{{staticData.t13}}</p>
</div>
<div class="parts row align-items-center" v-for="(item, index) in staticData.s3.dynamicPart">
<div class="col-6" v-if="index%2 === 0">
<h2 class="title title-subtitle">{{item.t1}}</h2>
<p>{{item.t2}}</p>
<!-- image left -->
<div class="parts row align-items-center">
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t14}}</h2>
<p>{{staticData.t15}}</p>
</div>
<div class="col-6">
<div class="imgBox" :class="index%2 === 0 ? 'imgBox-shape' : 'imgBox-reverse imgBox-shape-reverse'">
<img :src="require(`~/assets/img/${item.img}`)" alt="">
<div class="imgBox imgBox-shape">
<img src="~/assets/img/services/s2-i1.jpg" :alt="staticData.t14">
</div>
</div>
<div class="col-6 align-items-center" v-if="index%2 !== 0">
<h2 class="title title-subtitle">{{item.t1}}</h2>
<p>{{item.t2}}</p>
</div>
<!-- image right -->
<div class="parts row align-items-center">
<div class="col-6">
<div class="imgBox imgBox-reverse imgBox-shape-reverse">
<img src="~/assets/img/services/s2-i2.jpg" :alt="staticData.t16">
</div>
</div>
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t16}}</h2>
<p>{{staticData.t17}}</p>
</div>
</div>
<div class="parts lastPart">
<h2 class="title title-subtitle">{{staticData.s3.lastPart.t1}}</h2>
<p>{{staticData.s3.lastPart.t2}}</p>
<!-- image left -->
<div class="parts row align-items-center">
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t18}}</h2>
<p>{{staticData.t19}}</p>
</div>
<div class="col-6">
<div class="imgBox imgBox-shape">
<img src="~/assets/img/services/s2-i3.jpg" :alt="staticData.t18">
</div>
</div>
</div>
<!-- image right -->
<div class="parts row align-items-center">
<div class="col-6">
<div class="imgBox imgBox-reverse imgBox-shape-reverse">
<img src="~/assets/img/services/s2-i4.jpg" :alt="staticData.t20">
</div>
</div>
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t20}}</h2>
<p>{{staticData.t21}}</p>
</div>
</div>
<!-- image left -->
<div class="parts row align-items-center">
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t22}}</h2>
<p>{{staticData.t23}}</p>
</div>
<div class="col-6">
<div class="imgBox imgBox-shape">
<img src="~/assets/img/services/s2-i5.jpg" :alt="staticData.t22">
</div>
</div>
</div>
<!-- image right -->
<div class="parts row align-items-center">
<div class="col-6">
<div class="imgBox imgBox-reverse imgBox-shape-reverse">
<img src="~/assets/img/services/s2-i6.jpg" :alt="staticData.t24">
</div>
</div>
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t24}}</h2>
<p>{{staticData.t25}}</p>
</div>
</div>
<!-- image left -->
<div class="parts row align-items-center">
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t26}}</h2>
<p>{{staticData.t27}}</p>
</div>
<div class="col-6">
<div class="imgBox imgBox-shape">
<img src="~/assets/img/services/s2-i7.jpg" :alt="staticData.t26">
</div>
</div>
</div>
<!-- image right -->
<div class="parts row align-items-center">
<div class="col-6">
<div class="imgBox imgBox-reverse imgBox-shape-reverse">
<img src="~/assets/img/services/s2-i8.jpg" :alt="staticData.t28">
</div>
</div>
<div class="col-6">
<h2 class="title title-subtitle">{{staticData.t28}}</h2>
<p>{{staticData.t29}}</p>
</div>
</div>
</div>
</div>
</section>
<customersCommunication/>
</div>
</template>
@@ -61,11 +167,7 @@
export default {
computed: {
staticData() {
if (this.$route.params.lang === 'fa') {
return this.$store.state.staticData.services.fa
} else if (this.$route.params.lang === 'en') {
return this.$store.state.staticData.services.en
}
return this.$store.state.staticData.services[this.$route.params.lang]
}
}
}