StepByStep_Client/step7.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
132
133
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TheFitLoo</title>
    <link rel="stylesheet" href="step7.css">

</head>
<body>
    <div class="logo">
        <ul>
            <h1 id="logoLogo">STEP By STEP</h1>
            <li><a href="" id="BodyCheck">BmI</a></li>
            <li><a href="" id="CommunityID">Stepmag</a></li>
            <li><a href="" id="FitLooID">The Fit Loo</a></li>
            <li><img src="glasses.png" alt="" id="glass"></li>
            <li><a href="" id="signup">로그인</a></li>
        </ul>
    </div>


    <img src="back.png" alt="" id="backButton">
    <img src="MotionIMG1.png" alt="" id="motion1">
    <div class="explanation1">
        <p id="small">여성 스포츠 웨어</p>
        <h2>Bloom Motion</h2>
        <p id="price">129,000 원</p>
        <p id="explanation">밋밋한 운동복은 이제 그만! 자연에서 영감을 받은 독창적인 플로럴 패턴으</p>
        <p id="explanation">로 운동 중에도 당신의 스타일을 완성합니다.</p>
        <br>
        <p id="explanation">갑작스러운 바람과 가벼운 비에도 끄떡없는 초경량 원단으로 쾌적함을 유지</p>
        <p id="explanation">하며, 아웃도어 활동에 딱 맞는 운동복입니다.</p>
        <button id="goSite">구매 사이트로 가기</button>
    </div>


    <div class="explanation2">
        <h2>Bloom Motion</h2>
        <p>"어떤 날씨에도 당신의 움직임은 멈추지 않습니다."</p>
        <img src="MotionIMG2.png" alt="" id="motion2">
        <img src="MotionIMG2-1.png" alt="" id="motion2-1">
    </div>

    <div class="explanation3">
        <h2>초경량 & 발수 소재</h2>
        <p>얇고 가벼우면서도 탁월한 방풍 및 발수 기능을 갖춰</p>
        <p>야외 활동 시 체온 유지는 물론, 쾌적함을 선사합니다.</p>
        <img src="MotionIMG3.png" alt="" id="motion3">
        <img src=" alt="" id="motion4">
    </div>
    <div class="explanation4">
        <img src="MotionIMG5.png" alt="" id="motion5">
        <h2>조절 가능한 후드 및 밑단</h2>
        <p>갑작스러운 날씨 변화에도 유연하게 대처할 수 있도</p>
        <p>록 후드와 밑단에 스트링 조절 기능을 더했습니다.</p>
    </div>
    <div class="explanation5">
        <h2>Sport wear</h2>
        <p>비슷한 상품 추천</p>
    </div>

    <div>
        <div id="SportWear1" id="SportWear1"></div>
        <img src="SuportWear2.png" alt="" id="SportWear2">
        <img src="SuportWear3.png" alt="" id="SportWear3">
        <div id="SportWear4" id="SportWear4"> </div>
        <img src="bar.png" alt="" id="bar">
        <button id="pluse">더보기</button>
    </div>

        <!--
    <div class="middlePart">
        <div class="explanation2">

            <p>야외 활동 시 체온 유지는 물론, 쾌적함을 선사합니다.</p>
        </div>
        <img src="MotionIMG3.png" alt="" id="motion3">
        <img src="MotionIMG4.png" alt="" id="motion4">

         <img src="MotionIMG5.png" alt="" id="motion5">
        <div class="explanation3">

            <h3>조절 가능한 후드 및 밑단</h3>
            <p>갑작스러운 날씨 변화에도 유연하게 대처할 수 있도</p>
            <p>록 후드와 밑단에 스트링 조절 기능을 더했습니다.</p>
            <p id="FinalP">  =</p>
        </div>


    </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>