jjhc
/
train


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>培训</title>
    <include file="public@head"/>
    <hook name="before_head_end"/>
</head>
<body>

<include file="public@nav"/>
<!-- 轮播图 START -->
<div class="carousel slide" data-ride="carousel" id="my_carousel">

    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <volist name="slide" id="vo" key="k">
            <li data-target="#my_carousel" data-slide-to="{$k - 1}" class="<eq name='k - 1' value='0'>active</eq>"></li>
        </volist>
    </ul>

    <!-- 轮播图片 -->
    <div class="carousel-inner">
        <volist name="slide" id="vo" key="k">
            <div class="carousel-item <eq name='k - 1' value='0'>active</eq>">
                <img src="{:cmf_get_image_preview_url($vo['image'])}">
            </div>
        </volist>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#my_carousel" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#my_carousel" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>

</div>
<!-- 轮播图 END -->

<div class="main-title mt20">
    <div class="title-bar"></div>
    <h3>培训课程</h3>
    <h7>TRAINING COURSE</h7>
</div>

<!-- 培训课程 START -->
<div class="container training-course">
    <div class="row" style="padding:0 5px;">
        <div class="col-md-6 course-box">
            <div class="row course-row">
                <div class="col-4 img-box">
                    <img src="__TMPL__/public/assets/images/train/icon_pro.png" alt="">
                    <h6>职业培训</h6>
                    <p>Vocational training</p>
                </div>
                <ul class="col-7 list-group">
                    <li class="list-group-item"><a href="">焊工职业技能培训</a></li>
                    <li class="list-group-item"><a href="">电工职业技能培训</a></li>
                    <li class="list-group-item"><a href="">砌墙师职业技能培训</a></li>
                </ul>
                <div class="col-1 triangle-box">
                    <img src="__TMPL__/public/assets/images/train/icon_triangle_left.png" alt="">
                </div>
            </div>
        </div>
        <div class="col-md-6 course-box">
            <div class="row course-row">
                <div class="col-4 img-box">
                    <img src="__TMPL__/public/assets/images/train/icon_con.png" alt="">
                    <h6>继续教育</h6>
                    <p>Continuing Education</p>
                </div>
                <ul class="col-7 list-group">
                    <li class="list-group-item">&nbsp;</li>
                    <li class="list-group-item">&nbsp;</li>
                    <li class="list-group-item">&nbsp;</li>
                </ul>
                <div class="col-1 triangle-box">
                    <img src="__TMPL__/public/assets/images/train/icon_triangle_left.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 培训课程 END -->

<div class="main-title mt20">
    <div class="title-bar"></div>
    <h3>资讯公告</h3>
    <h7>INFORMATION ANNOUNCEMENT</h7>
</div>

<!-- 资讯公告 START -->
<div class="container news-course">
    <div class="row">
        <volist name="post" id="vo">
            <div class="col-md-6">
                <div class="new-box">
                    <h4 class="no-wrap title">{$vo.post_title}</h4>
                    <p class="no-wrap3 detail">{$vo.post_content}</p>
                    <div class="other">
                        <p class="fl time">{$vo.update_time}</p>
                        <a href="{:cmf_url('article/index')}?id={$vo['id']}" class="fr">查看详情</a>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </volist>
    </div>
    <a href="{:url('portal/list/index')}" class="show_more">查看更多 > </a>
    <div class="clear"></div>
</div>
<!-- 资讯公告 END -->

<!-- 师资团队 START -->
<div class="teacher-box mt20">
    <div class="main-title pd5">
        <div class="title-bar"></div>
        <h3>师资团队</h3>
        <h7>FACULTY TEAM</h7>
    </div>
    <div class="sct4">
        <div class="sct4-title">专业</div>
        <div class="sct4-tip">职业考试业内人气讲师，事半功倍</div>
    </div>
</div>
<!-- 师资团队 END -->

<div class="main-title mt20">
    <div class="title-bar"></div>
    <h3>团队荣誉</h3>
    <h7>TEAM HONOE</h7>
</div>

<!-- 团队荣誉 START -->
<div class="swiper team-honor">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="__TMPL__/public/assets/images/train/swiper1.png" alt=""></div>
        <div class="swiper-slide"><img src="__TMPL__/public/assets/images/train/swiper2.png" alt=""></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<!-- 团队荣誉 END -->

<div class="main-title mt20">
    <div class="title-bar"></div>
    <h3>课程体系</h3>
    <h7>EXCELLENT COURSE</h7>
</div>

<!-- 课程体系 START -->
<div class="container excellent-course">
    <div class="row">
        <volist name="link" id="vo">
            <div class="col-md-6 mt20">
                <a href="{$vo.url}" target="{$vo.target}">
                    <img src="{:cmf_get_image_preview_url($vo['image'])}" alt="" style="width:100%;">
                </a>
            </div>
        </volist>
    </div>
</div>
<!-- 课程体系 END -->
<!-- end link-->
<include file="public@footer"/>
<!-- end footer-->

<script>
    var swiper = new Swiper(".team-honor", {
        slidesPerView: 3,
        spaceBetween: 30,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        loop: true,
        autoplay: true,
    });
</script>
</body>

</html>