StepByStep_Client/step6.html at main · MAS-MIRIM/StepByStep_Client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inbody</title>
    <link rel="stylesheet" href="step6.css">
</head>
<body>
    <div class="logo">
        <ul>
            <h1 id="logoLogo"><a href="/step1.html"></a>STEP By STEP</h1>
            <li><a href="" id="BodyCheck">BmI</a></li>
            <li><a href="/step10.html" id="CommunityID">Stepmag</a></li>
            <li><a href="step3.html" id="FitLooID">The Fit Loo</a></li>
            <li><a href="/step5.html" id="login">로그인</a></li>
            <li><a href="" id="signup">회원가입</a></li>
        </ul>
    </div>
    <div class="Center">
        <p id="explanationInbody">당신의 인바디를 체크해보세요</p>
        <h2 id="BigInbody"><strong>In body check</strong></h2>
    </div>
    <div class="CenterInput">
        <div class="NamePart">
            <span id="name"><strong>이름</strong></span>
            <br>
            <input type="text" placeholder="홍길동" id="NameText">
        </div>

        <div class="AgePart">
            <span id="age"><strong>나이</strong></span>
            <br>
            <input type="text" placeholder="정확한 나이를 입력해주세요." id="AgeText">
        </div>
        <div class="GenderPart">
            <span id="gender"><strong>성별</strong></span>
            <br>
        <input type="text" placeholder="남성            여성" id="GenderText">
        </div>
        <div class="EmailPart">
            <span id="email"><strong>이메일</strong></span>
            <br>
            <input type="email" placeholder="you@example.com" id="EmailText">
        </div>

        <div class="highPart">
            <span id="high"><strong>키</strong></span>
            <br>
            <input type="text" placeholder="cm" id="highText">
        </div>

        <div class="kgPart">
            <span id="kg"><strong>몸무게</strong></span>
            <br>
            <input type="text" placeholder="kg" id="kgText">
        </div>
    </div>


    <br>
    <input type="checkbox" id="AgreeBox">개인정보 수집 및 이용에 동의합니다.
    <br>


    <button type="submit" class="measureSub">측정하기</button>
    <br>


    <div class="MyInbodyBox">
        <span id="InbodyLogo">My Inbody</span>
        <img src="/img/카메라.png" alt="" id="cameraP">
        <a id="upload">사진 업로드</a>
        <button id="save">수치저장</button>
        <p id="explanation">직접 입력하거나 사진을 업로드하여 AI가 수치를 인식합니다.</p>
        <img src="/img/인바디.png" alt="" id="grapInbody">
        <span id="date">날짜</span>
        <span id="weight">체중</span>
        <span id="jibang">체지방</span>
        <br>
        <input type="text" placeholder="2025-10-01" id="dateText">
        <input type="text" placeholder="70.0" id="weightText">
        <input type="text" placeholder="22.0" id="jibangText">
    </div>


    <div class="bottomBox">
        <h2>STEP By STEP</h2>
        <div class="sixF">
            <p>(주)스텝바이스텝</p>
            <p id="Building">step by step 본사</p>
            <p id="BuildingValue">서울특별시 강남구 하윤미 빌딩</p>
        </div>

        <div class="fiveF">
            <p>대표이사: 강하윤</p>
            <p id="BuildingValue">사업자등록번호:  123-45-67890</p>
        </div>

        <div class="fourF">
            <p>TEL: 02-134-5678</p>
            <p id="fax">FAX : 02-134-5678</p>
            <p id="health">step by step 헬스장</p>
            <p id="healthValue">서울 특별시 강남점</p>
        </div>

        <div class="threeF">
            <p>서울 특별시 잠실점</p>
        </div>

        <div class="twoF">
            <p>개인정보처리방짐</p>
            <p id="agree">이메일무단수집거부</p>
        </div>

        <div class="oneF">
            <p>Copyright© 2025 by stepbystep Co., Ltd. All rights reserved.</p>
            <img src="insta.png" alt="" id="insta">
        </div>

    </div>
</body>

</html>