File: /usr/home/qxu1650030446/htdocs/wp-content/themes/aly/page-contact.php
<?php /*Template Name: 联系我们*/
get_header(); ?>
<div class="page-banner">
	<picture>
        <source srcset="<?php echo of_get_option( 'm_banner_contact'); ?>" media="(max-width:768px)" alt="联系我们" />
        <img src="<?php echo of_get_option('banner_contact'); ?>" alt="联系我们" />
    </picture>
</div>
<div class="page-path" style="background-color: #f4f4f4;">
    <div class="path-box container-width">
        <img src="<?php bloginfo('template_url'); ?>/images/home-ico.png" alt="首页"> 您当前的位置:<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="首页">首页</a> <b>»</b> <span>联系我们</span></div>
    </div>
</div>
<div class="contact-sq">
    <ul>
        <li>
            <h5>时鱼科技</h5>
            <p>联系我们</p>
        </li>
        <li>
            <a href="#contact-form" title="联系我们">联系我们</a>
        </li>
        <li>
            <a href="#contact-about" title="关于我们">关于我们</a>
        </li>
        <li>
            <a href="#contact-job" title="人才招聘">人才招聘</a>
        </li>
        <li>
            <a href="javascript:;" class="gotop" title="TOP">TOP</a>
        </li>
    </ul>
</div>
<div class="page-contact">
    <div class="contact-form" id="contact-form">
        <div class="container-width">
            <div class="page-title">
                <h3>联系我们</h3>
            </div>
            <div class="form-box clearfix">
                <div class="conf-l fl">
                    <p class="form-t"><b>联系方式 |</b> <span>Contact Details</span></p>
                    <ul>
                        <li><img src="<?php bloginfo('template_url'); ?>/images/contact/zx-ico.png" alt="询热线"><span>咨询热线:0755-2322-3151</span></li>
                        <li><img src="<?php bloginfo('template_url'); ?>/images/contact/tel-ico.png" alt="联系电话"><span>联系电话:13923757411</span></li>
                        <li><img src="<?php bloginfo('template_url'); ?>/images/contact/qq-ico.png" alt="联系QQ"><span>联系QQ:30055626</span></li>
                        <li><img src="<?php bloginfo('template_url'); ?>/images/contact/fax-ico.png" alt="邮箱"><span>邮箱:sw@2txy.com</span></li>
                        <li><img src="<?php bloginfo('template_url'); ?>/images/contact/add-ico.png" alt="公司地址"><span>公司地址:<?php echo of_get_option('address'); ?></span></li>
                    </ul>
                    <div class="con-wx">
                        <img src="<?php echo of_get_option('weixin_erweima'); ?>" alt="wx" width="130">
                        <p>
                            <span>微信扫一扫</span><span>更多优惠等你来</span>
                        </p>
                    </div>
                </div>
                <div class="conf-r fr">
                    <p class="form-t"><b>在线留言 |</b> <span>Online Message</span></p>
                    <!-- <div class="con-f">
                        <input type="text" name="con-name" id="con-name" placeholder="您的姓名:">
                        <input type="text" name="con-teln" id="con-teln" placeholder="您的联系电话:">
                        <input type="text" name="con-mail" id="con-mail" placeholder="您的常用邮箱:">
                        <input type="text" name="con-mess" id="con-mess" placeholder="您的留言内容:">
                        <input type="submit" id="con-sub" value="提交">
                    </div> -->
                    <?php echo do_shortcode('[contact-form-7 id="75" title="contact"]'); ?>
                </div>
            </div>
        </div>
    </div>
    <div class="contact-about" id="contact-about">
        <div class="container-width">
            <div class="page-title">
                <h3>关于我们</h3>
                <p>一站式企业服务平台</p>
            </div>
            <div class="cona-box clearfix">
                <div class="fl">
                    <img src="<?php bloginfo('template_url'); ?>/images/contact/about-img.png" alt="关于我们">
                </div>
                <div class="fr">
                    <h3>深圳市时鱼科技有限公司</h3>
                   
                    <p>是一家专业的云计算解决方案提供商。</p>
                    <p>时鱼科技提供,云计算产品、云计算解决方案、企业云应用软件等,致力于为客户提供专业的云服务。</p>
                    <p>客户群覆盖各类视音频网站、互联网游戏公司、金融服务、集成商、政府网站、企业网站等。公司及其附属公司服务的客户超过10000家,已经为多家企业,包括知名大学,知名科研机构,知名房地产开发商,知名上市公司,提供企业邮箱、软件服务、云计算服务等解决方案。</p>
                    <p>时鱼科技的核心理念为:降低成本,提升效率,创造价值。</p>
                </div>
            </div>
        </div>
    </div>
    <div class="contact-job" id="contact-job">
        <div class="container-width">
            <div class="page-title">
                <h3>人才招聘</h3>
            </div>
            <div class="job-selctions">
            <?php query_posts('cat=5'); while(have_posts()): the_post(); ?>
                <div class="job-menu">
                    <div class="job-menu-item clearfix">
                        <p>招聘职位: <?php the_field('job');?></p><p>招聘人数: <?php the_field('job-num');?>人</p><p>应聘发送到:<a href="mailto:hr@2txy.com" title="发送">hr@2txy.com</a></p>  <i class="fr">»</i>
                    </div>
                    <div class="job-item job-item-hide">
                        <?php the_content(); ?>
                        <a href="mailto:<?php echo of_get_option('email'); ?>" class="contact-btn" title="立即联系">立即联系</a>
                    </div>
                </div>
            <?php endwhile; wp_reset_query(); ?>
            </div>
        </div>
    </div>
</div>
<link href="https://cdn.bootcdn.net/ajax/libs/layer/2.1/skin/layer.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/layer/2.1/layer.js"></script>
<script>
$("#con-sub").on('click', function() {
    var conname = $("#con-name").val();
    var	conteln = $("#con-teln").val();
    var	conmail = $("#con-mail").val();
    var	conmess = $("#con-mess").val();
    var	reg = /^1[3456789]\d{9}$/;
    if (conname === '' || conteln === '' || conmail === '' || conmess === '' ) {
        layer.msg('内容不能为空!');
        return false;
    }else if (conteln === '') {
        layer.msg('手机号码不能为空!');
        return false;
    }else if (!reg.test(conteln)) {
        layer.msg('手机号码格式错误!');
        return false;
    }else {
        layer.msg('谢谢您的提交,我们会尽快与您联系!');
    }
})
$('.job-menu-item').click(function() {
	isToogle=$(this).attr('isToogle');
	if(isToogle == 'true' || isToogle == undefined) {
		$(this).siblings('.job-item').removeClass('job-item-hide').addClass('job-item-show');
		$(this).attr('isToogle','false');
        $(this).attr('id','job-ok');
	}else {
		$(this).siblings('.job-item').removeClass('job-item-show').addClass('job-item-hide');
		$(this).attr('isToogle','true');
        $(this).removeAttr("id");
	}
})
function getScroll() {
	if ($(window).scrollTop() > 90) {
		$(".contact-sq").css("top","200px");
	} else {
		$(".contact-sq").css("top","30%");
	}
}
getScroll();
$(window).scroll(function() {
	getScroll();
});
</script>
<?php get_footer(); ?>