【已解决】给公司网站中添加职位招聘模块

hire Html5 template

Top 10 Responsive Html5 Template Freelancers For Hire In March 2018 – Upwork

HTML5 模板 企业招聘

招聘网站模板免费下载-免费网站模板-小贝壳

HTML5单页简洁的中文招聘求职门户APP着陆页下载网站模板最新招聘-免费网站模板-小贝壳

招聘网站模板_招聘网站模板免费下载_模板之家

算了，还是参考

中的，只保留标题和简介

然后加上Read More吧

【总结】

目前的效果是：

用html代码：

<code>
    &lt;!-- Career Section --&gt;
    &lt;section id="career" class="section"&gt;
      &lt;!-- Container Starts --&gt;
      &lt;div class="container"&gt;
        &lt;div class="section-header"&gt;          
          &lt;h2 class="section-title"&gt;职位招聘&lt;/h2&gt;
          &lt;hr class="lines"&gt;

          &lt;!-- &lt;div class="row"&gt;
            &lt;div class="col-lg-12 col-md-12 col-xs-12"&gt;
              &lt;div class="container"&gt;
                &lt;div class="row"&gt;
                   &lt;div class="col-lg-4 col-sm-4 col-xs-12 box-item"&gt;
                      &lt;span class="icon"&gt;
                        &lt;i class="lnr lnr-rocket"&gt;&lt;/i&gt;
                      &lt;/span&gt;
                      &lt;div class="text"&gt;
                        &lt;h4&gt;高度智能&lt;/h4&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-lg-4 col-sm-4 col-xs-12 box-item"&gt;
                      &lt;span class="icon"&gt;
                        &lt;i class="lnr lnr-laptop-phone"&gt;&lt;/i&gt;
                      &lt;/span&gt;
                      &lt;div class="text"&gt;
                        &lt;h4&gt;人机对话&lt;/h4&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-lg-4 col-sm-4 col-xs-12 box-item"&gt;
                      &lt;span class="icon"&gt;
                        &lt;i class="lnr lnr-layers"&gt;&lt;/i&gt;
                      &lt;/span&gt;
                      &lt;div class="text"&gt;
                        &lt;h4&gt;资料丰富&lt;/h4&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

                &lt;div class="row"&gt;
                   &lt;div class="col-lg-6 col-sm-6 col-xs-12 box-item"&gt;
                     &lt;span class="icon move-right"&gt;
                        &lt;i class="lnr lnr-bubble"&gt;&lt;/i&gt;
                     &lt;/span&gt;
                     &lt;div class="text move-right"&gt;
                        &lt;h4&gt;环境模拟&lt;/h4&gt;
                     &lt;/div&gt;
                   &lt;/div&gt;
                   &lt;div class="col-lg-6 col-sm-6 col-xs-12 box-item"&gt;
                     &lt;span class="icon move-left"&gt;
                        &lt;i class="lnr lnr-pointer-up"&gt;&lt;/i&gt;
                     &lt;/span&gt;
                     &lt;div class="text move-left"&gt;
                        &lt;h4&gt;操作方便&lt;/h4&gt;
                     &lt;/div&gt;
                   &lt;/div&gt;
               &lt;/div&gt;

              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt; --&gt;

          &lt;div class="row d-md-flex mt-5"&gt;
            &lt;div class="col-sm-4 mt-2 wow fadeIn"&gt;
                &lt;div class="card"&gt;
                    &lt;div class="card-body"&gt;
                        &lt;p class="card-text small-xl"&gt;
                            &lt;em class="lnr lnr-diamond text-primary"&gt;20K-35K&lt;/em&gt;&amp;nbsp;
                            &lt;em class="lnr lnr-map-marker"&gt;&lt;/em&gt;苏州&amp;nbsp;
                            &lt;em class="lnr lnr-book"&gt;&lt;/em&gt;本科&amp;nbsp;
                            &lt;em class="lnr lnr-user"&gt;&lt;/em&gt;全职&amp;nbsp;
                            &lt;em class="lnr lnr-sync"&gt;&lt;/em&gt;经验3-5年
                        &lt;/p&gt;
                        &lt;h6 class="card-title"&gt;
                          &lt;a target="_blank" href="https://www.lagou.com/jobs/3952989.html"&gt;NLP自然语言处理工程师&lt;/a&gt;
                        &lt;/h6&gt;
                        &lt;p class="card-text"&gt;
                          工作内容&lt;br/&gt;
                          1. 研究、建立并完善对话机器人相关模型及算法；&lt;br/&gt;
                          2. 搭建并维护自然语言处理相关的基础技术设施；&lt;br/&gt;
                          3. 追踪深度学习、自然语言处理及对话机器人领域最新进展；&lt;br/&gt;
                          4. 与各领域团队成员一起交付高可用产品。&lt;br/&gt;
                          &lt;br/&gt;
                          任职要求&lt;br/&gt;
                          1. 相关专业重点大学硕士及以上学历；&lt;br/&gt;
                          2. 良好的编程和算法基础，熟悉Python及相关开源科学计算和机器学习框架；&lt;br/&gt;
                          3. 有自然语言处理/机器学习相关实践经验，熟悉常用统计模型和机器学习算法，独立实现过多种机器学习及NLP算法；&lt;br/&gt;
                          4. 有强烈的探索和求知欲，具备英文技术文献快速阅读和理解能力；&lt;br/&gt;
                          5. 有对话系统、知识图谱相关经验者优先。 &lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="card-body text-right"&gt;
                        &lt;a target="_blank" href="https://www.lagou.com/jobs/3952989.html" class="card-link"&gt;
                          &lt;strong&gt;查看详情&lt;/strong&gt;
                        &lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-sm-4 mt-2 wow fadeIn"&gt;
              &lt;div class="card"&gt;
                &lt;div class="card-body"&gt;
                    &lt;p class="card-text small-xl"&gt;
                        &lt;em class="lnr lnr-diamond text-primary"&gt;8K-15K&lt;/em&gt;&amp;nbsp;
                        &lt;em class="lnr lnr-map-marker"&gt;&lt;/em&gt;苏州&amp;nbsp;
                        &lt;em class="lnr lnr-book"&gt;&lt;/em&gt;本科&amp;nbsp;
                        &lt;em class="lnr lnr-user"&gt;&lt;/em&gt;全职&amp;nbsp;
                        &lt;em class="lnr lnr-sync"&gt;&lt;/em&gt;经验3-5年
                    &lt;/p&gt;
                    &lt;h6 class="card-title"&gt;
                      &lt;a target="_blank" href="https://www.lagou.com/jobs/3957798.html"&gt;英语内容研发（儿童）&lt;/a&gt;
                    &lt;/h6&gt;
                    &lt;p class="card-text"&gt;
                      工作内容&lt;br/&gt;
                      1. 与学术负责人，儿童发展心理学专家和教育学专家一起研究制定3-6岁英语学习内容主体框架；&lt;br/&gt;
                      2. 建立学习素材资料库，基于内容主体框架进行学习内容的选材，整理和编辑制作；&lt;br/&gt;
                      3. 与教育专家团队一起设计有趣的少儿英语游戏，让孩子的学习更生动有趣。&lt;br/&gt;
                      &lt;br/&gt;
                      任职要求&lt;br/&gt;
                      1. 本科以上学历，英语水平优秀，英语专业或教育专业优先 、海外留学优先；&lt;br/&gt;
                      2. 有英语学习内容编辑经验者优先；有少儿英语教学经验者优先；&lt;br/&gt;
                      3. 通晓儿童心理，对儿童英语教育具有浓厚的兴趣和热情，能深刻理解用户需求；&lt;br/&gt;
                      4. 学习能力强，好奇心强，思维活跃，善于表达和沟通想法，敢想敢创新；&lt;br/&gt;
                      5. 有责任心，工作认真细致，较好的团队合作意识和沟通能力。 &lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="card-body text-right"&gt;
                    &lt;a target="_blank" href="https://www.lagou.com/jobs/3957798.html" class="card-link"&gt;
                      &lt;strong&gt;查看详情&lt;/strong&gt;
                    &lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-sm-4 mt-2 wow fadeIn"&gt;
              &lt;div class="card"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;p class="card-text small-xl"&gt;
                          &lt;em class="lnr lnr-diamond text-primary"&gt;20K-30K&lt;/em&gt;&amp;nbsp;
                          &lt;em class="lnr lnr-map-marker"&gt;&lt;/em&gt;苏州&amp;nbsp;
                          &lt;em class="lnr lnr-book"&gt;&lt;/em&gt;本科&amp;nbsp;
                          &lt;em class="lnr lnr-user"&gt;&lt;/em&gt;全职&amp;nbsp;
                          &lt;em class="lnr lnr-sync"&gt;&lt;/em&gt;经验3-5年
                      &lt;/p&gt;
                      &lt;h6 class="card-title"&gt;
                        &lt;a target="_blank" href="https://www.lagou.com/jobs/3952968.html"&gt;全栈开发工程师&lt;/a&gt;
                      &lt;/h6&gt;
                      &lt;p class="card-text"&gt;
                        工作内容&lt;br/&gt;
                        1. 具有独立项目管理能力，熟悉研发及协作流程；&lt;br/&gt;
                        2. 具有系统设计及架构能力，自身系统拆分及外部对接；&lt;br/&gt;
                        3. 设计和开发内部工具，帮助AI工程师加速工作；&lt;br/&gt;
                        4. 良好的沟通协作技巧，能够involve其他人一起工作；&lt;br/&gt;
                        5. 自主、独立设计、完成团队内部的工具、平台、创新技术产品。&lt;br/&gt;
                        &lt;br/&gt;
                        任职要求&lt;br/&gt;
                        1. 三年以上全栈应用开发经验，熟悉至少一种JS框架，有数据解析经验者优先；&lt;br/&gt;
                        2. 三年以上后端经验（Linux、数据库、应用服务器）；&lt;br/&gt;
                        3. 三年以上网络技术经验：PHP、Java、JavaScript、XHTML、CSS；&lt;br/&gt;
                        4. 热爱数据，具备良好的逻辑思考能力，快速学习能力，较强的定位问题、解决问题的能力；&lt;br/&gt;
                        5. 有很强的自我驱动力、 结果导向并极具责任感；有良好沟通能力和团队协作精神。 &lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div class="card-body text-right"&gt;
                      &lt;a target="_blank" href="https://www.lagou.com/jobs/3952968.html" class="card-link"&gt;
                        &lt;strong&gt;查看详情&lt;/strong&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-sm-4 mt-2 wow fadeIn"&gt;
              &lt;div class="card"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;p class="card-text small-xl"&gt;
                          &lt;em class="lnr lnr-diamond text-primary"&gt;15K-25K&lt;/em&gt;&amp;nbsp;
                          &lt;em class="lnr lnr-map-marker"&gt;&lt;/em&gt;苏州&amp;nbsp;
                          &lt;em class="lnr lnr-book"&gt;&lt;/em&gt;本科&amp;nbsp;
                          &lt;em class="lnr lnr-user"&gt;&lt;/em&gt;全职&amp;nbsp;
                          &lt;em class="lnr lnr-sync"&gt;&lt;/em&gt;经验3-5年
                      &lt;/p&gt;
                      &lt;h6 class="card-title"&gt;
                        &lt;a target="_blank" href="https://www.lagou.com/jobs/3952894.html"&gt;资深Python研发工程师&lt;/a&gt;
                      &lt;/h6&gt;
                      &lt;p class="card-text"&gt;
                        工作内容&lt;br/&gt;
                        1. 具有独立项目管理能力，熟悉研发及协作流程；&lt;br/&gt;
                        2. 具有系统设计及架构能力，自身系统拆分及外部对接；&lt;br/&gt;
                        3. 设计和开发内部工具，帮助AI工程师加速工作；&lt;br/&gt;
                        4. 良好的沟通协作技巧，能够involve其他人一起工作；&lt;br/&gt;
                        5. 自主、独立设计、完成团队内部的工具、平台、创新技术产品。&lt;br/&gt;
                        &lt;br/&gt;
                        任职要求&lt;br/&gt;
                        1. 三年以上Python经验，有Django/Flask/Tornado等任一Web框架项目经验；&lt;br/&gt;
                        2. 熟悉如 MySQL/Postgres 等关系数据库的开发、管理和调优；&lt;br/&gt;
                        3. 熟悉 Mongodb，Redis等非关系型数据库；&lt;br/&gt;
                        4. 熟练使用Linux（CentOS/Ubuntu）， 能在Linux环境下工作。&lt;br/&gt;
                  &lt;/div&gt;
                  &lt;div class="card-body text-right"&gt;
                      &lt;a target="_blank" href="https://www.lagou.com/jobs/3952894.html" class="card-link"&gt;
                        &lt;strong&gt;查看详情&lt;/strong&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-sm-4 mt-2 wow fadeIn"&gt;
              &lt;div class="card"&gt;
                  &lt;div class="card-body"&gt;
                      &lt;p class="card-text small-xl"&gt;
                          &lt;em class="lnr lnr-diamond text-primary"&gt;20K-35K&lt;/em&gt;&amp;nbsp;
                          &lt;em class="lnr lnr-map-marker"&gt;&lt;/em&gt;苏州&amp;nbsp;
                          &lt;em class="lnr lnr-book"&gt;&lt;/em&gt;硕士&amp;nbsp;
                          &lt;em class="lnr lnr-user"&gt;&lt;/em&gt;全职&amp;nbsp;
                          &lt;em class="lnr lnr-sync"&gt;&lt;/em&gt;经验1-3年
                      &lt;/p&gt;
                      &lt;h6 class="card-title"&gt;
                        &lt;a target="_blank" href="https://www.lagou.com/jobs/4219211.html"&gt;NLP自然语言处理工程师&lt;/a&gt;
                      &lt;/h6&gt;
                      &lt;p class="card-text"&gt;
                        工作内容&lt;br/&gt;
                        1. 研究、建立并完善对话机器人相关模型及算法；&lt;br/&gt;
                        2. 搭建并维护自然语言处理相关的基础技术设施；&lt;br/&gt;
                        3. 追踪深度学习、自然语言处理及对话机器人领域最新进展；&lt;br/&gt;
                        4. 与各领域团队成员一起交付高可用产品。&lt;br/&gt;
                        &lt;br/&gt;
                        任职要求&lt;br/&gt;
                        1. 相关专业重点大学硕士及以上学历；&lt;br/&gt;
                        2. 良好的编程和算法基础，熟悉Python及相关开源科学计算和机器学习框架；&lt;br/&gt;
                        3. 有自然语言处理/机器学习相关实践经验，熟悉常用统计模型和机器学习算法，独立实现过多种机器学习及NLP算法；&lt;br/&gt;
                        4. 有强烈的探索和求知欲，具备英文技术文献快速阅读和理解能力；&lt;br/&gt;
                        5. 有对话系统、知识图谱相关经验者优先。&lt;br/&gt;
                  &lt;/div&gt;
                  &lt;div class="card-body text-right"&gt;
                      &lt;a target="_blank" href="https://www.lagou.com/jobs/4219211.html" class="card-link"&gt;
                        &lt;strong&gt;查看详情&lt;/strong&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;

        &lt;/div&gt;

      &lt;/div&gt;
    &lt;/section&gt;
    &lt;!-- Career Section End --&gt;
</code>

和css：

<code>
/*===============================================
* Text Colors
================================================*/
.text-faded {
  color: #FAFAFA;
}
.text-dark {
  color: #37474F;
}
.text-muted{
  color: #999 !important;
}
.text-white {
  color: #fff;
}
.text-primary {
  color: #d81b60 !important;
}
.text-primary-light{
  color: #ff80ab !important;
}



/* ==========================================================================
  Career Section Style
   ========================================================================== */

.card {
  border: none;
  margin-bottom: 30px;
}

.card .card-body .icon-box {
  padding: 20px 0;
  color: #d81b60;
}

.card .card-body h6 {
  padding-bottom: 15px;
  font-size: 1.2rem;
  font-weight: 500;
}

.card:hover {
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);
}

.card-text {
  color: #333;
  text-align: left;
}
</code>

效果是：

转载请注明：在路上 » 【已解决】给公司网站中添加职位招聘模块