contact.ejs 11.5 KB
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>聯繫我們 - 凝新科技(Leadstec) - 凝新信息科技有限公司</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="凝新,凝新科技,凝新信息科技有限公司,Leadstec,聯繫我們,聯繫方式,公司地址,公司電話,公司郵箱,產品體驗,售後服務,合作咨詢,留言" name="keywords">
  <meta content="歡迎通過電話、郵箱或留言等方式聯繫凝新科技公司,產品咨詢、合作洽談、意見反饋、售後服務等。" name="description">

  <!-- Favicons -->
  <link href="../img/favicon.ico" rel="icon">
  <link href="../img/apple-touch-icon.png" rel="apple-touch-icon">

  <%- include('headlib'); -%>
  
  <!-- Event snippet for 联系我们 conversion page -->
    <script>
        window.addEventListener("DOMContentLoaded", function(event) { 
            document.querySelector('[type="submit"]').addEventListener('click',function(){
            var name = document.querySelector('[name="name"]').value;
            var email = document.querySelector('[name="email"]').value;
            var captcha = document.querySelector('[name="captcha"]').value;
            var message = document.querySelector('[name="message"]').value;
            var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
                if (name!="" &&  message !="" && email.match(mailformat)){
                    gtag('event', 'conversion', {'send_to': 'AW-732763526/yWk1CJjbxdEBEIartN0C'});
                };
            });
        });
    </script>

</head>

<body>

  <!--==========================
  Header
  ============================-->
  <header id="header" class="fixed-top">
    <%- include('header'); -%>
  </header><!-- #header -->

  <!--==========================
    Intro Section
  ============================-->

  <main id="main">

        <section id="map" class="clearfix">
            
          <header class="section-header">
        <h3>公司分布</h3>
        </header>
        
            <div class="container">         
            <div class="row">
                
                <div class="col-md-4">
                    <div id="allmap" ></div>                        
                    <h4 class="font-bold">廣州公司</h4><br/>
                    
                    <i class="ion-ios-location-outline"></i>
                    <span>地址:</span><span>廣州市荔灣區中山八路 23-25號 富力商貿大廈 903A</span><br/><br/>
                    
                    <i class="ion-ios-telephone-outline"></i>
                    <span>電話:</span><span>+86 20 8100 0647</span><br/><br/>
                    
                    <i class="ion-ios-email-outline"></i>
                    <span>郵箱:</span><span>sales@list.leadstecgz.com</span><br/><br/>
                </div>
                
                <div class="col-md-4">
                    <div id="allmap1" ></div>
                    <h4 class="font-bold">香港公司</h4><br/>
                    
                    <i class="ion-ios-location-outline"></i>
                    <span>地址:</span><span>香港九龍旺角彌敦道700號16樓</span><br/><br/>
                    
                    <i class="ion-ios-telephone-outline"></i>
                    <span>電話:</span><span>+852 3483 6928</span><br/><br/>
                    
                    <i class="ion-ios-email-outline"></i>
                    <span>郵箱:</span><span>sales@list.leadstecgz.com</span><br/><br/>
                </div> 
                
                <div class="col-md-4">
                    <div id="allmap2" ></div>

                    <h4 class="font-bold">北京公司</h4><br/>
                    
                    <i class="ion-ios-location-outline"></i>
                    <span>地址:</span><span>北京市朝陽區望京街10號望京SOHO塔1 A座 1112室</span><br/><br/>
                    
                    <!--<i class="ion-ios-telephone-outline"></i>
                    <span>電話:</span><span>+86 10 6482 0755</span><br/><br/>-->
                    
                    <i class="ion-ios-email-outline"></i>
                    <span>郵箱:</span><span>sales@list.leadstecgz.com</span><br/><br/>
                </div> 
                
            </div>
        </div>
        </section><!-- #map -->
        
        <!--==========================
      Contact Section
    ============================-->
    <section id="contact" class="section-bg">
      <div class="container-fluid">

        <div class="section-header">
          <h3>聯繫我們</h3>
          <p>體驗產品、售後服務、合作咨詢等</p>
        </div>

        <div class="row wow">
          <div class="col-lg-12">
            <div class="form">
              <div class="container">
                <form action="/sendCustomerInfoToEmailAndErp" method="post" role="form" class="contactForm">
                
                    <div class="form-row">
                      <div class="form-group col-lg-6">
                        <input type="text" name="name" class="form-control" id="name" placeholder="您的姓名" data-rule="minlen:1" data-msg="請輸入您的姓名" />
                        <div class="validation"></div>
                      </div>
                      <div class="form-group col-lg-6">
                        <input type="text" class="form-control" name="company" id="company" placeholder="您的企業名稱" data-rule="minlen:1" data-msg="請輸入您的企業名稱" />
                        <div class="validation"></div>
                      </div>
                    </div>
                    
                    <div class="form-row">
                      <div class="form-group col-lg-6">
                        <input type="text" name="phone" class="form-control" id="phone" placeholder="您的手機號" data-rule="regexp:(\w+?)(\d+)\b$" data-msg="請輸入正確的手機號" />
                        <div class="validation"></div>
                      </div>
                      <div class="form-group col-lg-6">
                        <input type="email" class="form-control" name="email" id="email" placeholder="您的郵箱" data-rule="email" data-msg="請輸入您的郵箱" />
                        <div class="validation"></div>
                      </div>
                    </div>
    
                    <div class="form-group">
                      <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="請輸入您的留言" placeholder="您的留言"></textarea>
                      <div class="validation"></div>
                    </div>
                    
                    <div class="form-row captcha-form">
                      <div class="form-group col-lg-6">
                        <input type="text" name="captcha" class="form-control" id="captcha" data-rule="captcha" placeholder="請輸入驗證碼" data-msg="請輸入正確的驗證碼" />
                        <div class="validation"></div>
                      </div>
                      <div class="form-group col-lg-6">
                          <a href="javascript:void(0);" >
                              <img src="/api/getCaptcha" alt="captcha">
                          </a>
                      </div>
                    </div>
                    
                    <div class="text-center"><button type="submit" title="發送留言">發送留言</button></div>
                    
                  </form>
                  <div id="sendmessage" class="alert-success">感謝您的留言,我們會盡快處理</div>
                  <div id="errormessage" class="alert-warning">留言失敗,請重新發送,或通過其它方式聯繫</div>
              </div>
            </div>
          </div>

        </div>

      </div>
    </section><!-- #contact -->
        
  </main>

  <!--==========================
    Footer
  ============================-->
  <footer id="footer">
    <%- include('footer'); -%>
  </footer><!-- #footer -->

  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  <!-- Uncomment below i you want to use a preloader -->
  <!-- <div id="preloader"></div> -->

  <!-- JavaScript Libraries -->

  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=6cUVhjdSzUgs8dj6vFVauUQfBUy9i3Go"></script>
  <script type="text/javascript" src="https://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
  <link rel="stylesheet" href="https://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />

        <%- include('footlib'); -%> 
  
      <script type="text/javascript">
        // 百度地圖API功能,此處為廣州地圖
        var longitude = 113.246062;
        var latitude = 23.131221;
        var zoom = 14;

        var poi = new BMap.Point(longitude,latitude);
        var map = new BMap.Map("allmap");    // 創建Map實例
        map.centerAndZoom(poi, zoom);  // 初始化地圖,設置中心點坐標和地圖級別
        //map.addControl(new BMap.MapTypeControl());   //添加地圖類型控件
        map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP,BMAP_HYBRID_MAP]})); 
        map.setCurrentCity("廣州");          // 設置地圖顯示的城市 此項是必須設置的
        map.enableScrollWheelZoom(true);     //開啟鼠標滾輪縮放

        var marker = new BMap.Marker(poi); //創建marker對象
       // marker.setAnimation(BMAP_ANIMATION_BOUNCE); //marker跳動動畫,這裏刪除
        map.addOverlay(marker); //在地圖中添加marker
        //香港地圖
        var longitude1 = 114.180928;
        var latitude1 = 22.323498;
        var zoom1 = 16;//由於地圖顯示的問題,此處改為16

        var poi1 = new BMap.Point(longitude1,latitude1);
        var map1= new BMap.Map("allmap1");    // 創建Map實例
        map1.centerAndZoom(poi1, zoom1);  // 初始化地圖,設置中心點坐標和地圖級別
        //map1.addControl(new BMap.MapTypeControl());   //添加地圖類型控件
        map1.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP,BMAP_HYBRID_MAP]})); 
        map1.setCurrentCity("香港");          // 設置地圖顯示的城市 此項是必須設置的
        map1.enableScrollWheelZoom(true);     //開啟鼠標滾輪縮放

        var marker1 = new BMap.Marker(poi1); //創建marker對象
        //marker1.setAnimation(BMAP_ANIMATION_BOUNCE); //marker跳動動畫,這裏刪除
        map1.addOverlay(marker1); //在地圖中添加marker
        //北京地圖
        var longitude2 = 116.487922;
        var latitude2 = 40.002213;
        var zoom2 = 16;

        var poi2 = new BMap.Point(longitude2,latitude2);
        var map2= new BMap.Map("allmap2");    // 創建Map實例
        map2.centerAndZoom(poi2, zoom2);  // 初始化地圖,設置中心點坐標和地圖級別
        //map2.addControl(new BMap.MapTypeControl());   //添加地圖類型控件
        map2.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP,BMAP_HYBRID_MAP]})); 
        map2.setCurrentCity("廣州");          // 設置地圖顯示的城市 此項是必須設置的
        map2.enableScrollWheelZoom(true);     //開啟鼠標滾輪縮放

        var marker2 = new BMap.Marker(poi2); //創建marker對象
       // marker2.setAnimation(BMAP_ANIMATION_BOUNCE); //marker跳動動畫,這裏刪除
        map2.addOverlay(marker2); //在地圖中添加marker
       
        
    </script>
  

</body>

</html>