nuxtProject/pages/introduction/index.vue

<template>
  <div class="client-aboutUs-page">
    <!-- 关于我们banner栏 -->
    <div class="aboutUs-banner"></div>

    <!-- 公司简介 -->
    <div class="company-profile-box">
      <div class="client-container-middle">
        <h4 class="client-title mb40">公司简介</h4>
        <div class="company-profile-left">
          <p>大连栋科软件工程有限公司是专业的教育软件与数字化资源服务供应商，创立于2007年，总部位于大连软件园。</p>
          <p>公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。“共同成长、相伴一生”是栋科软件始终不渝的核心价值观。栋科软件将一如既往，持续创新、创造价值，与客户、合作伙伴共享共赢。</p>
        </div>
        <div class="company-profile-right"><img :src="companyProfileImg" alt="公司简介"></div>
      </div>
    </div>

    <!-- 品牌介绍 -->
    <div class="brand-introduction-box">
      <div class="client-container-middle fn-clear">
        <h4 class="client-title mb40">品牌介绍</h4>
        <div class="brand-introduction-content">
          <img :src="brandIntroductionImg" alt="品牌介绍">
          <span>MTA是Master of Training  Administration的缩写，含义是培训管理专家，麦塔致力于为客户提供专业的在线教育方案，打造企业核心竞争力。麦塔品牌诞生于2009年，公司创始团队多年来一直深耕在线教育领域，积累了丰富的行业经验。研发团队集结了来自互联网、科技、教育等多个领域专家级研发工程师，率先实现了移动化、平台化、知识化、智能化的学习管理模式。麦塔肩负着“改变互联网教育未来”的使命，持续创新、创造价值，与客户和合作伙伴共享共赢。</span>
        </div>
      </div>
    </div>

    <!-- 企业文化 -->
    <div class="corporate-culture-box">
      <div class="client-container-middle">
        <h4 class="client-title mb40">企业文化</h4>
        <dl>
          <dt><i></i><span>核心价值观</span></dt>
          <dd>共同成长，相伴一生</dd>
          <dt><i></i><span>企业愿景</span></dt>
          <dd>成为一流的教育软件公司</dd>
          <dt><i></i><span>企业使命</span></dt>
          <dd>让学习变得更轻松</dd>
          <dt><i></i><span>服务标准</span></dt>
          <dd>只有客户的成功，才有我们的成功</dd>
        </dl>
        <img :src="corporateCultureImg" alt="企业文化">
      </div>
    </div>

    <!-- 企业发展历程 -->
    <div class="enterprise-development-box">
      <h4 class="client-title mb40">企业发展历程</h4>
      <div class="client-container fn-clear">
        <div class="development-right">
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2020年</p></h4>
            <p><i>4月</i><span>麦塔SaaS版产品发布</span></p>
            <p><i>8月</i><span>企业用户已突破15万</span></p>
          </div>
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2016年</p></h4>
            <p><i>8月</i><span>麦塔3.0产品发布</span></p>
            <p><i>12月</i><span>企业用户突破4万</span></p>
          </div>
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2012年</p></h4>
            <p><i>3月</i><span>与步步高展开合作</span></p>
            <p><i>6月</i><span>麦塔网校版正式研发成功</span></p>
          </div>
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2008年</p></h4>
            <p><i>3月</i><span>栋科软件正式注册成立</span></p>
            <p><i>5月</i><span>公司课件开发部门组建完毕</span></p>
          </div>
        </div>
        <div class="development-left">
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2018年</p></h4>
            <p><span>麦塔4.0产品发布</span><i>7月</i></p>
            <p><span>10年多媒体设计经验，课程开发时长超2万小时</span><i>12月</i></p>
          </div>
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2014年</p></h4>
            <p><span>麦塔2.0产品发布</span><i>5月</i></p>
            <p><span>企业用户累计3000</span><i>11月</i></p>
          </div>
          <div class="development-content">
            <h4><div><span><i></i></span></div><p>2010年</p></h4>
            <p><span>麦塔1.0考培系统发布</span><i>5月</i></p>
            <p><span>正式进军企培行业</span><i>6月</i></p>
          </div>
        </div>

      </div>
    </div>
    <!-- 联系我们 -->
    <div class="contact-us-box">
      <div class="client-container">
        <ul class="contact-container-box">
          <h4>联系我们</h4>
          <li><i></i><span>咨询QQ</span><p>2956600477/3375245762</p></li>
          <li><i></i><span>联系电话</span><p>400-052-2130</p></li>
          <li><i></i><span>公司邮箱</span><p>service@llisoft.com</p></li>
          <li><i></i><span>公司地址</span><p>大连市沙河口区数码路北段25号201室</p></li>
        </ul>
      </div>
    </div>

  </div>


</template>

<script>
  export default {
    name:       'introduction',
    layout:'templateB',
    components: {
    },
    props:      {
    },
    data() {
      return {
        // 公司简介图片
        companyProfileImg:  require(`~/static/images/client/aboutUs/company-profile-img.png`),
        brandIntroductionImg:  require(`~/static/images/client/aboutUs/aboutUs-logo.png`),
        corporateCultureImg:  require(`~/static/images/client/aboutUs/corporate-culture-img.png`),
      };
    },
    computed:   {},
    methods:    {

    },
    created() {

    },
    mounted() {
    },
    beforeDestroy() {
    },
  };
</script>
<style>

</style>