|
@@ -36,15 +36,15 @@
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="container">
|
|
<div class="page-heading">
|
|
<div class="page-heading">
|
|
- <h1 class="wow fadeInUp" data-wow-delay=".3s">关于我们</h1>
|
|
|
|
|
|
+ <h1 class="wow fadeInUp" data-wow-delay=".3s">{{ t('aboutPage.aboutUs') }}</h1>
|
|
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
|
|
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
|
|
<li>
|
|
<li>
|
|
- <a href="p9wfc14694.html"> 首页</a>
|
|
|
|
|
|
+ <a href="p9wfc14694.html">{{ t('aboutPage.home') }}</a>
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<li>
|
|
<i class="fas fa-chevron-right"></i>
|
|
<i class="fas fa-chevron-right"></i>
|
|
</li>
|
|
</li>
|
|
- <li>关于我们</li>
|
|
|
|
|
|
+ <li>{{ t('aboutPage.aboutUs') }}</li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -76,64 +76,57 @@
|
|
<div class="col-lg-6">
|
|
<div class="col-lg-6">
|
|
<div class="activities-content">
|
|
<div class="activities-content">
|
|
<div class="section-title">
|
|
<div class="section-title">
|
|
- <span class="wow fadeInUp">关于我们</span>
|
|
|
|
|
|
+ <span class="wow fadeInUp">{{ t('aboutPage.aboutUs') }}</span>
|
|
<h2 class="wow fadeInUp" data-wow-delay=".3s">
|
|
<h2 class="wow fadeInUp" data-wow-delay=".3s">
|
|
- 公司介绍
|
|
|
|
|
|
+ {{ t('aboutPage.companyIntroduction') }}
|
|
<br />
|
|
<br />
|
|
</h2>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
|
|
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
|
|
- 慧可文化传播(重庆)有限公司是一家致力于科技创新与文化服务深度融合的高新技术企业。我们专注于指导全球儿童和青少年的汉语入门。这个创新平台致力于 6-18 岁外国儿童和青少年的中文教育。
|
|
|
|
|
|
+ {{ t('aboutPage.companyDescription') }}
|
|
</p>
|
|
</p>
|
|
<div class="row g-4 mt-4">
|
|
<div class="row g-4 mt-4">
|
|
<div class="col-xl-4 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
|
<div class="col-xl-4 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
|
<div class="icon-items">
|
|
<div class="icon-items">
|
|
-
|
|
|
|
<div class="content text-center">
|
|
<div class="content text-center">
|
|
<h5>80%</h5>
|
|
<h5>80%</h5>
|
|
<p>
|
|
<p>
|
|
- 具有海外教学经验的教师
|
|
|
|
|
|
+ {{ t('aboutPage.teachersWithOverseasExperience') }}
|
|
<br />
|
|
<br />
|
|
- <!-- nullam imperdiet -->
|
|
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
|
<div class="col-xl-4 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".3s">
|
|
<div class="icon-items">
|
|
<div class="icon-items">
|
|
-
|
|
|
|
<div class="content text-center">
|
|
<div class="content text-center">
|
|
<h5>98%</h5>
|
|
<h5>98%</h5>
|
|
<p>
|
|
<p>
|
|
- HSK通过率超过
|
|
|
|
|
|
+ {{ t('aboutPage.hskPassRate') }}
|
|
<br />
|
|
<br />
|
|
- <!-- nullam imperdiet -->
|
|
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
|
<div class="col-xl-4 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".5s">
|
|
<div class="icon-items">
|
|
<div class="icon-items">
|
|
-
|
|
|
|
<div class="content text-center">
|
|
<div class="content text-center">
|
|
<h5>10000+</h5>
|
|
<h5>10000+</h5>
|
|
<p>
|
|
<p>
|
|
- 会员开始他们的中文学习之旅
|
|
|
|
|
|
+ {{ t('aboutPage.membersStartedLearning') }}
|
|
<br />
|
|
<br />
|
|
- <!-- maecenas ante. -->
|
|
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
- <section class="feature-value-section fix section-padding section-bg-2">
|
|
|
|
|
|
+ <section class="feature-value-section fix section-padding section-bg-2" style="position: relative;">
|
|
<div class="shape-1">
|
|
<div class="shape-1">
|
|
<img src="/picture/shape-1.png" alt="shape-img" />
|
|
<img src="/picture/shape-1.png" alt="shape-img" />
|
|
</div>
|
|
</div>
|
|
@@ -142,11 +135,10 @@
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="container">
|
|
<div class="section-title text-center">
|
|
<div class="section-title text-center">
|
|
- <span class="wow fadeInUp">我们的故事</span>
|
|
|
|
|
|
+ <span class="wow fadeInUp">{{ t('aboutPage.ourStory') }}</span>
|
|
<h2 class="wow fadeInUp" data-wow-delay=".3s">
|
|
<h2 class="wow fadeInUp" data-wow-delay=".3s">
|
|
- 品牌故事
|
|
|
|
|
|
+ {{ t('aboutPage.brandStory') }}
|
|
<br />
|
|
<br />
|
|
- <!-- for your kid -->
|
|
|
|
</h2>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="row">
|
|
@@ -157,9 +149,9 @@
|
|
<img src="/aboutImg/Overlay1.svg" alt="img" />
|
|
<img src="/aboutImg/Overlay1.svg" alt="img" />
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="content">
|
|
- <h5>2024年除夕夜</h5>
|
|
|
|
|
|
+ <h5>{{t('aboutPage.2024')}}</h5>
|
|
<p>
|
|
<p>
|
|
- 开心中文在新年的鞭炮声中诞生
|
|
|
|
|
|
+ {{ t('aboutPage.brandBirth') }}
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -168,9 +160,9 @@
|
|
<img src="/aboutImg/Overlay3.svg" alt="img" />
|
|
<img src="/aboutImg/Overlay3.svg" alt="img" />
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="content">
|
|
- <h5>2025年1月</h5>
|
|
|
|
|
|
+ <h5>{{ t('aboutPage.2025') }}</h5>
|
|
<p>
|
|
<p>
|
|
- 组建研发团队
|
|
|
|
|
|
+ {{ t('aboutPage.rndTeamFormation') }}
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -180,9 +172,6 @@
|
|
<div class="feature-value-items">
|
|
<div class="feature-value-items">
|
|
<div class="feature-value-image">
|
|
<div class="feature-value-image">
|
|
<img src="/aboutImg/Container1.svg" alt="img" />
|
|
<img src="/aboutImg/Container1.svg" alt="img" />
|
|
- <!-- <div class="value-shape">
|
|
|
|
- <img src="/picture/cta-shape-2.png" alt="shape-img" />
|
|
|
|
- </div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -190,9 +179,9 @@
|
|
<div class="feature-value-items">
|
|
<div class="feature-value-items">
|
|
<div class="value-icon-items style-2 wow fadeInUp" style="justify-content:end" data-wow-delay=".3s">
|
|
<div class="value-icon-items style-2 wow fadeInUp" style="justify-content:end" data-wow-delay=".3s">
|
|
<div class="content">
|
|
<div class="content">
|
|
- <h5>2025年3月</h5>
|
|
|
|
|
|
+ <h5>{{ t('aboutPage.20253') }}</h5>
|
|
<p>
|
|
<p>
|
|
- 组建教育团队
|
|
|
|
|
|
+ {{ t('aboutPage.educationTeamFormation') }}
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class=" color-3">
|
|
<div class=" color-3">
|
|
@@ -201,9 +190,9 @@
|
|
</div>
|
|
</div>
|
|
<div class="value-icon-items style-2 wow fadeInUp" data-wow-delay=".5s">
|
|
<div class="value-icon-items style-2 wow fadeInUp" data-wow-delay=".5s">
|
|
<div class="content">
|
|
<div class="content">
|
|
- <h5>目前</h5>
|
|
|
|
|
|
+ <h5>{{ t('about') }}</h5>
|
|
<p>
|
|
<p>
|
|
- 成为海外家庭首选的“一站式中文成长伙伴”
|
|
|
|
|
|
+ {{ t('aboutPage.currentAchievement') }}
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class=" color-2 color-4">
|
|
<div class=" color-2 color-4">
|
|
@@ -214,91 +203,95 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div style="position: absolute;bottom: 0;width: 100%;height:100px; background-image: url('/aboutImg/section-bottom-shape.svg');background-size: auto 100%;"></div>
|
|
</section>
|
|
</section>
|
|
<section>
|
|
<section>
|
|
<div class="main-container">
|
|
<div class="main-container">
|
|
- <div class="title-section wow fadeInUp" data-wow-delay=".3s">
|
|
|
|
- <h3>品牌文化</h3>
|
|
|
|
- <h2>我们努力践行的文化</h2>
|
|
|
|
|
|
+ <div class="title-section wow fadeInUp" data-wow-delay=".3s">
|
|
|
|
+ <h3 style="color:#F39F5F">{{ t('aboutPage.brandCulture') }}</h3>
|
|
|
|
+ <h2 style="font-size: 50px;width: 700px;display: inline-block; text-align: center;">{{ t('aboutPage.brandCultureDesc') }}</h2>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="card-container fadeInUp" data-wow-delay=".5s">
|
|
|
|
+ <div class="cloud-card orange-gradient " style="background: url('/aboutImg/Group 121.svg') center / cover no-repeat;">
|
|
|
|
+ <h3>{{ t('aboutPage.mission') }}</h3>
|
|
|
|
+ <p>{{ t('aboutPage.missionDesc') }}</p>
|
|
</div>
|
|
</div>
|
|
- <div class="card-container fadeInUp" data-wow-delay=".5s">
|
|
|
|
- <div class="cloud-card orange-gradient " style="background: url('/aboutImg/Group 121.svg') center / cover no-repeat;">
|
|
|
|
- <h3>使命</h3>
|
|
|
|
- <p>以创新为动力,推动教育科技发展,打造卓越的在线学习平台,让知识传播更加便捷高效</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="cloud-card teal-gradient" style="background: url('/aboutImg/Group 131.svg') center / cover no-repeat;">
|
|
|
|
- <h3>愿景</h3>
|
|
|
|
- <p>打造专业优质的教育生态系统,让每个人都能享受到优质的教育资源</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="cloud-card slate-gradient" style="background: url('/aboutImg/Group 141.svg') center / cover no-repeat;">
|
|
|
|
- <h3>价值观</h3>
|
|
|
|
- <p>传承创新中华文化精髓,培养具有全球视野的新时代人才</p>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="cloud-card teal-gradient" style="background: url('/aboutImg/Group 131.svg') center / cover no-repeat;">
|
|
|
|
+ <h3>{{ t('aboutPage.vision') }}</h3>
|
|
|
|
+ <p>{{ t('aboutPage.visionDesc') }}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="cloud-card slate-gradient" style="background: url('/aboutImg/Group 141.svg') center / cover no-repeat;">
|
|
|
|
+ <h3>{{ t('aboutPage.values') }}</h3>
|
|
|
|
+ <p>{{ t('aboutPage.valuesDesc') }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
- <section style="background:url('/aboutImg/section.svg') no-repeat ;background-size: 100% auto;background-color: #eff5f6;" >
|
|
|
|
|
|
+ <section style="background:url('/aboutImg/section.svg') no-repeat ;background-size: 100% auto;background-color: #eff5f6;">
|
|
<div class="min-h-screen ">
|
|
<div class="min-h-screen ">
|
|
- <div class="container wow fadeInUp" data-wow-delay=".3s">
|
|
|
|
- <!-- 标题区域 -->
|
|
|
|
- <div class="title-area">
|
|
|
|
- <h2>教育理念与价值观</h2>
|
|
|
|
- <p>始终坚持以学生为中心,为每一位学子打造优质教育体验</p>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="container wow fadeInUp" data-wow-delay=".3s">
|
|
|
|
+ <!-- 标题区域 -->
|
|
|
|
+ <div class="title-area">
|
|
|
|
+ <h3 style="color:#F39F5F">{{ t('aboutPage.educationConcept') }}</h3>
|
|
|
|
+ <h2 style="font-size: 50px;width: 700px;display: inline-block; text-align: center;">{{ t('aboutPage.educationConceptDesc') }}</h2>
|
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- 内容区域 -->
|
|
|
|
- <div class="content-area wow fadeInUp" data-wow-delay=".5s">
|
|
|
|
- <!-- 第一块内容 -->
|
|
|
|
- <div class="content-item">
|
|
|
|
- <div class="text-content">
|
|
|
|
- <h3>专业教师团队</h3>
|
|
|
|
- <div class="text-box">
|
|
|
|
- <p>
|
|
|
|
- 拥有丰富的教学经验和专业背景,90% 以上的教师拥有研究生学历。始终坚持高标准的教学质量,为学生提供最优质的教育资源。
|
|
|
|
- </p>
|
|
|
|
|
|
+ <!-- 内容区域 -->
|
|
|
|
+ <div class="content-area wow fadeInUp" data-wow-delay=".5s">
|
|
|
|
+ <!-- 第一块内容 -->
|
|
|
|
+ <div class="content-item">
|
|
|
|
+ <div class="text-content">
|
|
|
|
+ <h3>{{ t('aboutPage.professionalTeachers') }}</h3>
|
|
|
|
+ <div class="text-box">
|
|
|
|
+ <p>
|
|
|
|
+ {{ t('aboutPage.professionalTeachersDesc') }}
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="image-content">
|
|
|
|
+ <img src="/aboutImg/Frame 121.svg" style="right:0" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="image-content">
|
|
|
|
- <img src="/aboutImg/Frame 121.svg" style="right:0" alt="专业教师团队" />
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
|
|
- <!-- 第二块内容 -->
|
|
|
|
- <div class="content-item reverse">
|
|
|
|
- <div class="text-content">
|
|
|
|
- <h3>特色教学方式</h3>
|
|
|
|
- <div class="text-box">
|
|
|
|
- <p>
|
|
|
|
- 将传统文化与现代教育相结合,采用互动式教学模式。通过丰富多样的课程设计,激发学生学习兴趣,培养全面发展的人才。
|
|
|
|
- </p>
|
|
|
|
|
|
+ <!-- 第二块内容 -->
|
|
|
|
+ <div class="content-item reverse">
|
|
|
|
+ <div class="text-content">
|
|
|
|
+ <h3>{{ t('aboutPage.uniqueTeachingMethod') }}</h3>
|
|
|
|
+ <div class="text-box">
|
|
|
|
+ <p>
|
|
|
|
+ {{ t('aboutPage.uniqueTeachingMethodDesc') }}
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="image-content">
|
|
|
|
+ <img src="/aboutImg/software-hero-img.svg" style="left:0" alt="特色教学方式" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="image-content">
|
|
|
|
- <img src="/aboutImg/software-hero-img.svg" style="left:0" alt="特色教学方式" />
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
|
|
- <!-- 第三块内容 -->
|
|
|
|
- <div class="content-item">
|
|
|
|
- <div class="text-content">
|
|
|
|
- <h3>个性化服务</h3>
|
|
|
|
- <div class="text-box">
|
|
|
|
- <p>
|
|
|
|
- 提供贴心的教育服务支持,全方位关注每位学生的成长。我们致力于打造温馨舒适的学习环境,让每个孩子都能快乐学习。
|
|
|
|
- </p>
|
|
|
|
|
|
+ <!-- 第三块内容 -->
|
|
|
|
+ <div class="content-item">
|
|
|
|
+ <div class="text-content">
|
|
|
|
+ <h3>{{ t('aboutPage.personalizedService') }}</h3>
|
|
|
|
+ <div class="text-box">
|
|
|
|
+ <p>
|
|
|
|
+ {{ t('aboutPage.personalizedServiceDesc') }}
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="image-content">
|
|
|
|
+ <img src="/aboutImg/bg.svg" style="right:0" alt="个性化服务" />
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="image-content">
|
|
|
|
- <img src="/aboutImg/bg.svg" style="right:0" alt="个性化服务" />
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
</section>
|
|
</section>
|
|
<FooterSection></FooterSection>
|
|
<FooterSection></FooterSection>
|
|
</template>
|
|
</template>
|
|
-<script setup></script>
|
|
|
|
|
|
+<script setup>
|
|
|
|
+import { useI18n } from 'vue-i18n'
|
|
|
|
+const { t } = useI18n()
|
|
|
|
+</script>
|
|
<style>
|
|
<style>
|
|
/* 整体容器样式 */
|
|
/* 整体容器样式 */
|
|
.main-container {
|
|
.main-container {
|
|
@@ -460,6 +453,8 @@
|
|
|
|
|
|
.text-box p {
|
|
.text-box p {
|
|
color: #4b5563;
|
|
color: #4b5563;
|
|
|
|
+ padding-bottom: 30px;
|
|
|
|
+
|
|
line-height: 1.625;
|
|
line-height: 1.625;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -477,4 +472,4 @@
|
|
height: 50%;
|
|
height: 50%;
|
|
object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+</style>
|