直接使用代码

图片素材

无

css代码

HTML+JS代码

 
  <!--联系我们-->
  <div class="container">
    <img src="/Public/images/demo/index2/title_contact.png" class="center-block img-responsive hidden-xs" />
    <h3 class="text-center visible-xs">联系我们</h3>
    <div class="row">
      <br /><br />
      <div class="col-md-6 ">
        <div class="pad-x10">
          <form class="form-horizontal" enctype="multipart/form-data" method="post" action="__URL__/saveMessage"
            role="form">
            <div class="row">
                <div class="col-md-6 ">            
                    <input type="text" class="form-control" name="username" placeholder="Name" />
               </div>
               <div class="col-md-6 mobile-mar-top20 ">            
                  <input type="text" class="form-control" name="email" placeholder="email" />
             </div>
            </div>

            <div class="row mar-top20">
                <div class="col-md-12 ">            
                    <input type="text" class="form-control" name="Tel" placeholder="Tel" />
               </div>
            </div>

            <div class="row  mar-top20">
                <div class="col-md-12 ">            
                    <textarea class="form-control" placeholder="Message" id="message" name="content" rows="5"></textarea>
               </div>
            </div>
           
           
            
            <div class="clear"></div>
            <br />
            <button type="submit" class="btn btn-success btn-lg">
              提交
            </button>

          </form>
        </div>
      </div>
      <div class="col-md-6 ">
        <div class="pad-x20">
          <img src="/Public/images/demo/index2/contact.png" width="100%" />
        </div>
      </div>
    </div>
  </div>