master

分支 (1)

管理

管理

master

Security_equipment
/
online_message.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>在线留言</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/online_message.css">
    <link rel="shortcut icon" href="./images/title_logo.png"/>
</head>
<body>
     <!-- 顶部欢迎条 -->
     <div class="wel">
        <div class="container welcome">
            <span>您好，欢迎访问某某安防监控器材服务有限公司官方网站！</span>
            <div class="right_links fr">
                <img src="images/tb_01.png" alt="设置首页"/>
                <a href="#">设为首页</a>
                <a href="#">☆加入收藏</a>
            </div>
        </div>
    </div>
    <!-- 头部搜索框 -->
   <section class="head_search container">
       <div class="topinto cf">
           <div class="intorduce fl">
                   <a href="index.html"><img src="images/logo.png" class="fl"/></a>
                   <p>某某安防监控服务有限公司</p>
                   <span>XXX SECURITY MONITORING SERVICE CO., LTD</span>
           </div>
           <form action="#" method="get" class="fl">
               <input type="text" placeholder="请输入关键字"/>
               <button type="submit">搜索</button>
           </form>
           <div class="right_tel fr">
                <p><img src="images/tel.png" alt="电话">24小时服务热线</p>
                <span>4000-0000-0000</span>
           </div>
       </div>
   </section>
   <!-- 导航和轮播图 -->
    <nav>
        <div class="transparent">
            <ul class="nav">
                <li><a href="index.html">网站首页</a></li>
                <li><a href="aboutus.html">关于我们</a></li>
                <li><a href="product.html">产品中心</a></li>
                <li><a href="news.html">新闻动态</a></li>
                <li><a href="join_us.html">招商加盟</a></li>
                <li class="on"><a href="online_message.html">在线留言</a></li>
                <li><a href="contactus.html">联系我们</a></li>
            </ul>
        </div>
    </nav>
    <!-- 关于我们主体内容 -->
    <section class="container cf">
        <aside class="leftbar fl">
            <ul>
                <li class="leftbar_title">
                    <a href="online_message.html">
                        <p>在线留言</p>
                        <p>ONLINE MESSAGE</p>
                    </a>
                </li>
                <li>
                    <a href="#">监控系统</a>
                </li>
                <li>
                    <a href="#">报警系统</a>
                </li>
                <li>
                    <a href="#">门禁系统</a>
                </li>
                <li>
                    <a href="#">集团系统</a>
                </li>
                <li>
                    <a href="#">消防系统</a>
                </li>
                <li>
                    <a href="#">智能交通</a>
                </li>
                <li>
                    <a href="join_us.html"><img src="./images/jiameng.jpg" alt="加入我们"></a>
                    <p>加盟热线:400-0000-0000</p>
                </li>

            </ul>
        </aside>
        <!-- 主体内容 -->
        <div class="main fr">
            <div class="topnav">
                <p>网站首页 ☆ 在线留言</p>
            </div>
            <div class="message cf">
                <form action="" class="fl">
                        <h4>称呼</h4>
                        <input type="text" name="username"/>
                        <h4>电话</h4>
                        <input type="tel" name="tele"/>
                        <h4>邮箱</h4>
                        <input type="tel" name="emall"/>
                        <h4>标题</h4>
                        <input type="tel" name="title"/>
                        <h4>内容</h4>
                        <textarea name="content" id=""></textarea>
                        <button type="submit">提交</button>
                </form>
                <div class="notice fr">
                    <h5>留言须知：</h5>
                    <p>
                        一、不得发表违反中华人民共和国宪法和法律、违反改革开放和四项基本原则的言论。<br/>
                        二、不得发表造谣、诽谤他人的言论。<br/>
                        三、不得发表未经证实的消息，亲身经历请注明。<br/>
                        四、请勿发表任何形式的广告。<br/>
                        五、请勿发表与本网站无关的留言。<br/>
                        六、请留真实联系方式以便核对，联系方式不实者，留言将予以删除。<br/>
                        七、本栏目非论坛性质，只用于本网站和公众之间的交流，不用于公众之间的交流。<br/>
                        八、本栏目拥有发布、编辑、删除公众留言的权利，凡不符合本须知规定的留言将予以删除。<br/>
                        九、本栏目只接收您的意见和建议，不进行回复。<br/>
                        十、留言者承担一切因留言行为而直接或间接引起的法律责任。<br/>
                        十一、如在本栏留言，即表明已阅读并接受了上述各项条款。
                    </p>
                </div>
            </div>
        </div>
    </section>
<!-- 尾部 -->
    <footer>
        <div class="bottom_links container cf">
            <dl>
                <dt><a href="product.html">产品中心</a></dt>
                <dd><a href="#">监控系统</a></dd>
                <dd><a href="#">报警系统</a></dd>
                <dd><a href="#">门禁系统</a></dd>
                <dd><a href="#">集团系统</a></dd>
                <dd><a href="#">消防系统</a></dd>
                <dd><a href="#">智能交通</a></dd>
            </dl>
            <dl>
                <dt><a href="news.html">新闻动态</a></dt>
                <dd><a href="news_details.html">行业新闻</a></dd>
                <dd><a href="news_details.html">公司新闻</a></dd>
                <dd><a href="news_details.html">网络轶闻</a></dd>
            </dl>
            <dl>
                <dt><a href="index.html">网站首页</a></dt>
                <dd><a href="aboutus.html">关于我们</a></dd>
                <dd><a href="join_us.html">招商加盟</a></dd>
                <dd><a href="online_message.html">在线留言</a></dd>
                <dd><a href="contactus.html">联系我们</a></dd>
            </dl>
             <dl class="contact">
                <dt>某某安防监控设备有限公司（集团总部）</dt>
                <dd>地址：上海某某路2号某某广场1楼 1009-1010室 </dd>
                <dd>电话：<span>021-8888XXXX</span></dd>
                <dd>传真：021-8888XXXX</dd>
            </dl>
            <dl class="follow_us">
                <dt>关注我们</dt>
                <dd><img src="./images/erweima.jpg" alt="">
                    <p>新浪微博</p>
                </dd>
                <dd><img src="./images/erweima.jpg" alt="">
                    <p>微信扫一扫</p>
                </dd>
            </dl>
        </div>
        <div class="container instructions">
            <span>&copy;某某安防监控设备有限公司 2002--2014 保留一切权利许可证编号：沪ICP备0700XXXX服务热线：400-888-88XX</span>
        </div>
        <div id="return_top">回到顶部</div>
    </footer>
    <script>
        var return_top = document.querySelector('#return_top');
            return_top.onclick = function(){
                var y = window.scrollY;
                var timer = setInterval(function(){
                    y-=50;
                    window.scrollTo(0,y);
                    if(y <= 0 ){
                    clearInterval(timer);
                }
            },1)
        }

        window.onscroll = function(){
            if(scrollY>=300){
                return_top.style.display = 'block';
            }else{
                return_top.style.display = 'none';
            }
        }
    </script>
</body>
</html>