Amir Mohamadi
131 lines
3.1 KiB
Vue
131 lines
3.1 KiB
Vue
<template>
|
|
<div class="page about--page">
|
|
<Hero :title="staticData.hero"/>
|
|
<section class="s1">
|
|
<div class="container">
|
|
<div class="panel">
|
|
<div class="parts p1">
|
|
<logo/>
|
|
<span>{{staticData.s1.t1}}</span>
|
|
<p>{{staticData.s1.t2}}</p>
|
|
</div>
|
|
<div class="parts p2 row">
|
|
<div class="col-6">
|
|
<p>{{staticData.s1.t3}}</p>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="imgBox">
|
|
<div class="img">
|
|
<div class="shape"></div>
|
|
<img src="~/assets/img/about/about-s1-i1.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="parts p3 row">
|
|
<div class="col-6">
|
|
<div class="imgBox imgBox-reverse">
|
|
<div class="img">
|
|
<div class="shape reverse"></div>
|
|
<img src="~/assets/img/about/about-s1-i2.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<p>{{staticData.s1.t4}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="parts p4 row">
|
|
<div class="col-12">
|
|
<p>{{staticData.s1.t5}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="s2">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="title title-shape-center">{{staticData.s2.t1}}</h2>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="timeline">
|
|
<div class="circle active">
|
|
<span>1370</span>
|
|
</div>
|
|
<div class="line active"></div>
|
|
<div class="circle active">
|
|
<span>1375</span>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="circle">
|
|
<span>1385</span>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="circle">
|
|
<span>1395</span>
|
|
</div>
|
|
<div class="line"></div>
|
|
<div class="circle">
|
|
<span>1396</span>
|
|
</div>
|
|
</div>
|
|
<div class="timeline-content">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="txtBox">
|
|
<h5>{{staticData.s2.t2}}</h5>
|
|
<p>{{staticData.s2.t3}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="imgBox">
|
|
<img src="~/assets/img/about/timeline-i1.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="s3">
|
|
<div class="container">
|
|
<h2 class="title title-shape">{{staticData.s3.t1}}</h2>
|
|
<p v-html="staticData.s3.t2"></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="s4">
|
|
<div class="container">
|
|
<div v-for="(item , index) in staticData.s4" class="panel" :class="'p'+(index+1)">
|
|
<div class="row">
|
|
<div class="col-5 img">
|
|
<img :src="require('~/assets/img/about/'+ item.img)" alt="">
|
|
</div>
|
|
<div class="col-7 txt">
|
|
<p>{{item.title}}</p>
|
|
<a :href="item.link.url" class="btn btn-primary" target="_blank">{{item.link.txt}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<CustomersCommunication/>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
staticData() {
|
|
return this.$store.state.staticData.about[this.$route.params.lang]
|
|
}
|
|
}
|
|
}
|
|
</script>
|