File: /www/wwwroot/doba123.com/wp-content/themes/duba2/page-about.php
<?php /*Template Name: 关于我们*/
get_header(); ?>
<div class="pg-banner">
<picture>
<img src="<?php echo of_get_option( 'banner_about'); ?>">
</picture>
</div>
<!-- ./banner -->
<div class="container-width">
<div class="cate-path">
<img src="<?php bloginfo('template_url'); ?>/images/path-ico.jpg"> 您当前的位置：<a href="/">首页</a> <b>></b> <span>公司简介</span>
</div>
</div>
<!-- ./path -->
<!---------------- main ---------------->
<div class="container-width clearfix">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="pg-news-title">
<ul class="clearfix">
<li><a href="javascript:;" class="on">公司简介</a></li>
</ul>
</div>
<div class="page-about pd50 clearfix">
<div class="page-about-left">
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
</div>
<!-- ./ -->
<div class="page-about-right">
<img src="<?php bloginfo('template_url'); ?>/images/company/pic.png">
</div>
<!-- ./ -->
</div>
<!-- ./ -->
<?php endwhile; endif; ?>
</div>
<!-- ./ -->
<div class="pg-culture pd50">
<div class="category-title">
<h3 style="color: #fff;">核心价值</h3>
<span></span>
</div>
<!-- ./ -->
<div class="container-width">
<ul class="clearfix">
<li>
<img src="<?php bloginfo('template_url'); ?>/images/company/comdesc-ico1.png">
<h3>专业及可信赖</h3>
<p>保证服务能力的标准性与连贯性</p>
</li>
<li>
<img src="<?php bloginfo('template_url'); ?>/images/company/comdesc-ico2.png">
<h3>效率高效</h3>
<p>诚实优质服务专人专办，各部门效率快速有效</p>
</li>
<li>
<img src="<?php bloginfo('template_url'); ?>/images/company/comdesc-ico3.png">
<h3>高性价比</h3>
<p>坚持独立经营和与客户共同发展的理念</p>
</li>
<li>
<img src="<?php bloginfo('template_url'); ?>/images/company/comdesc-ico4.png">
<h3>顾客至上</h3>
<p>遵循客户至上的理念，坚持尊重、理解、诚实、关怀</p>
</li>
</ul>
</div>
</div>
<!-- ./ -->
<div class="pg-comdesc-plance pd50">
<div class="category-title">
<h3>公司环境</h3>
<span></span>
</div>
<!-- ./ -->
<div class="container-width" style="position: relative;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="javascript:;">
<div class="serivce-pic">
<img src="<?php bloginfo('template_url'); ?>/images/company/1.png">
</div>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<div class="serivce-pic">
<img src="<?php bloginfo('template_url'); ?>/images/company/2.png">
</div>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<div class="serivce-pic">
<img src="<?php bloginfo('template_url'); ?>/images/company/3.png">
</div>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<div class="serivce-pic">
<img src="<?php bloginfo('template_url'); ?>/images/company/4.png">
</div>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<div class="serivce-pic">
<img src="<?php bloginfo('template_url'); ?>/images/company/5.png">
</div>
</a>
</div>
<div class="swiper-slide">
<a href="javascript:;">
<div class="serivce-pic">
<img src="<?php bloginfo('template_url'); ?>/images/company/6.png">
</div>
</a>
</div>
</div>
<!-- Add Pagination -->
</div>
<div class="swiper-button-next"><img src="<?php bloginfo('template_url'); ?>/images/company/next-ico.png"></div>
<div class="swiper-button-prev"><img src="<?php bloginfo('template_url'); ?>/images/company/prev-ico.png"></div>
<!-- ./ -->
</div>
</div>
<!-- ./ -->
<div class="page-about-map">
<a name="contact"></a>
<div class="container-width clearfix">
<div class="page-about-map-left">
<div class="category-title">
<h3>联系方式</h3>
<span></span>
</div>
<p>客服电话：<?php echo of_get_option('400_tel'); ?></p>
<p>地址：<?php echo of_get_option( 'address'); ?></p>
<p>关注企业二维码</p>
<img src="<?php echo of_get_option( 'weixin_erweima'); ?>" alt=" 关注企业二维码" width="120">
</div>
<!-- ./ -->
<div class="page-about-map-right">
<div style="width:100%;height:300px;" id="map"></div>
</div>
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script src="<?php bloginfo('template_url'); ?>/js/baidu.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
initMap('map', 121.538558,31.225081, '<?php echo of_get_option( 'address'); ?>');
</script>
</div>
<!-- ./ -->
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.0/css/swiper.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script type="text/javascript">
var service = new Swiper('.pg-comdesc-plance .swiper-container', {
slidesPerView: 4,
spaceBetween: 20,
navigation: {
nextEl: '.pg-comdesc-plance .swiper-button-next',
prevEl: '.pg-comdesc-plance .swiper-button-prev',
},
breakpoints: {
640: {
slidesPerView: 1,
spaceBetween: 20,
},
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 2,
spaceBetween: 40,
},
}
});
</script>
<!---------------- main ---------------->
<?php get_footer(); ?>