master

分支 (1)

管理

管理

master

pocket
/
shiyong_fill_trial1.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pocket</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/common.css" rel="stylesheet" type="text/css"/>
        <link href="css/main.css" rel="stylesheet" type="text/css"/>
        <script src="js/jquery.min.js" type="text/javascript"></script>

    </head>
    <body class="bg-white">
        <div class="top">
            <a href="" class="pull-left"><i class="fa fa-angle-left"></i></a>
            填寫個人信息(1/2)
        </div>
        <div class="my-fill mt-6">
            <div class="form-group line-b">
               <label class="col-xs-4">姓名：</label>
               <div class="col-xs-8">
                   <input type="text" class="form-control">
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">性別：</label>
               <div class="col-xs-8">
                   <select class="form-control">
                       <option>男</option>
                       <option>女</option>
                   </select>
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">手機：</label>
               <div class="col-xs-8">
                   <input type="text" class="form-control">
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">地址：</label>
               <div class="col-xs-8">
                   <input type="text" class="form-control">
               </div>
            </div>
            <div class="line-b text-center p-1">
                請填寫以下信息更容易被選中
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">膚質：</label>
               <div class="col-xs-8">
                   <select class="form-control">
                       <option>1</option>
                       <option>2</option>
                   </select>
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">出生：</label>
               <div class="col-xs-8">
                   <select class="form-control">
                       <option>1</option>
                       <option>2</option>
                   </select>
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">月薪：</label>
               <div class="col-xs-8">
                   <select class="form-control">
                       <option>1</option>
                       <option>2</option>
                   </select>
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-4">發質：</label>
               <div class="col-xs-8">
                   <select class="form-control">
                       <option>1</option>
                       <option>2</option>
                   </select>
               </div>
            </div>
            <div class="form-group line-b">
               <label class="col-xs-6">美容品年消費：</label>
               <div class="col-xs-6">
                   <select class="form-control">
                       <option>1</option>
                       <option>2</option>
                   </select>
               </div>
            </div>
     <div class="form-group">
                <button type="button" class="btn btn-lg block-center">下一步</button>
            </div>
        </div>


        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/main.js" type="text/javascript"></script>
    </body>
</html>