qiushang
/
qasimBlog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<!DOCTYPE html>
<html>
<head>
    @include('compress.common.head')
    <style>
        .about-banner {
            width: 100%;
            height: 300px;
            background: url(../images/banner_about_us.jpg) center center no-repeat;
        }
        .personal-form {
            padding-top: 30px
        }

        .personal-form .form-line {
            height: 35px;
            margin-bottom: 10px
        }

        .personal-form .form-line label {
            display: inline-block;
            width: 370px;
            text-align: right;
            margin-right: 5px
        }

        .personal-form .head-line {
            height: 120px
        }

        .personal-form .select-sex {
            border: 1px solid #dbdbdb;
            height: 35px;
            width: 420px;
            padding: 0 7px
        }

        .personal-form input {
            width: 420px;
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
            border: 1px solid #DBDBDB
        }

        .personal-form .head-logo {
            width: 100px;
            height: 100px;
            text-align: center;
            line-height: 100px;
            font-size: 26px;
            background-color: #FAFAFA;
            margin-left: 4px;
            border: 1px dashed #DBDBDB;
            cursor: pointer
        }

        .personal-form .btn-save {
            width: 220px;
            height: 36px;
            border: 0;
            background-color: #F10215;
            color: #fff;
            margin: 15px 470px
        }

        .color-red{
            color: #F10215;
        }
    </style>
</head>
<body>
<div class="header">
    @include('compress.common.header')
</div>

<!--- 首頁輪播 --->
<div style="width: 100%;height: 300px;background: url('/static/http/about.jpg') center center no-repeat;">
</div>

<div class="container">
    <!-- 公司简介 -->
    <div class="index-product flex-start">
        <div class="introduce-detail">
            <div class="de-title" id="introduce1">
                <p class="name">意见反馈</p>
                <p class="en-name">FEEDBACK</p>
            </div>
            <div class="introduce-content">
                <form class="apply-form">
                    <div class="personal-form color-66">
                        <div class="form-line">
                            <label><span class="color-red">*</span>产品:</label>
                            <select class="select-sex" name="sex">
                                <option value="1">助友图片处理器</option>
                                <option value="2">助友超级压缩器</option>
                            </select>
                        </div>
                        <div class="form-line">
                            <label>电话:</label>
                            <input type="number" name="telephone" placeholder="请输入您的联系电话" class="read"/>
                        </div>
                        <div class="form-line">
                            <label>邮箱:</label>
                            <input type="text" name="email"/>
                        </div>
                        <div class="form-line">
                            <label><span class="color-red">*</span>问题描述:</label>
                            <input type="text" name="desc"/>
                        </div>
                        <button class="btn-save">提交</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>

@include('compress.common.footer')
<script>

</script>

</body>
</html>