master

分支 (1)

管理

管理

master

HuaTeng
/
page_contact_en.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact us - Beijing Huateng rubber and plastic latex products Co., Ltd</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="flex-container contact">
        #include('inc/top_en.html')
        <div class="container-fluid">
            <div class="intobg"></div>
        </div>

        <div class="container text-center pb-2">
            <h2 class="product-title" style="margin-top: 20px;margin-bottom: 12px;">Contact Us</h2>
            <!--<p class="product-subtitle">联系我们</p>-->
        </div>
        <div class="container-fluid eq-bg">
            <div class="container pt-4">
                <div class="row align-items-center justify-content-md-center">
                    #ArticleEnhancePage(categoryId=33)
                    #for(article : ArticleEnhancePage.list)
                    <div class="col-5">
                        <div class="bg">
                            <span>
                                <img src="#(article.thumbnail ??)" alt="">
                            </span>
                            <p class="title">#(article.title ??)</p>
                            #(article.content ??)
                        </div>
                    </div>
                    #end
                    #end
                </div>
            </div>
        </div>

        <div class="container text-center pb-2">
            <h2 class="product-title">If you want to know more about our products or other needs, please leave us a message and we will contact you at the first time !</h2>
            <form action="/msgController/doSave" method="post" onsubmit="return postdata();">
            <div class="row form">
                <div class="col">
                    <input type="text" name="data.name" id="name" class="form-control" placeholder="Full name">
                    <input type="text" name="data.phone" id="phone" class="form-control" placeholder="Telephone">
                    <input type="text" name="data.email" id="email" class="form-control" placeholder="Email">
                </div>
                <div class="col">
                    <textarea name="data.message" id="message" cols="30" rows="3" class="form-control" placeholder="Leaving a message."></textarea>
                    <div style="position: relative;">
                        <input type="text" class="form-control" maxlength="6" placeholder="Verification Code">
                        <a href="#"><img src="images/code.jpg" class="vcode" alt="Click to refresh the verification code"></a>
                    </div>
                    <button type="submit" class="btn btn-primary float-right">Submit message</button>
                </div>
            </div>
        </form>
        </div>
        <div class="container map">
            #ArticleEnhancePage(categoryId=34)
                #for(article : ArticleEnhancePage.list)
                <p class="title">#(article.title ??)</p>
                <div class="content">
                    #(article.content ??)
                </div>
                #end
            #end
        </div>
    </div>
    <!--bottom-->
    #include('inc/footer_en.html')

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>

        function postdata(){

            var url = "/msgController/doSave";
            var data = {
                "data.name":$("#name").val(),
                "data.phone":$("#phone").val(),
                "data.email":$("#email").val(),
                "data.message":$("#message").val()
            }
            $.post(url,data,function(e){
                if(e.msg == "ok"){
                    alert("Submitted Successfully");
                }else{
                    alert(e.msg);
                }

            });

            return false;

        }

    </script>
</body>

</html>