Skip to content

Commit

Permalink
hats/모자 탭
Browse files Browse the repository at this point in the history
  • Loading branch information
@SamuelKihoon
SamuelKihoon committed Oct 14, 2024
1 parent 22d30d2 commit 2eedae0
Showing 1 changed file with 21 additions and 21 deletions.
42 changes: 21 additions & 21 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -203,40 +203,40 @@ <h2 style="color: #ff7300; font-size:30px">만들어쓰는 나만핑!</h2>

</div>

<!-- 머리 탭 -->
<!-- hats/모자 탭 -->
<div class="tab-content" id="hairTab">
<div style="text-align: center; font-weight: bold; font-size: 22px;">
<a style="color: #000000;">나의 핑이 될 모자를 선택해 주세요!</a>
</div>
<button class="item-button" data-image="머리1.png"><img src="머리1.png" alt="머리1"></button>
<button class="item-button" data-image="머리2.png"><img src="머리2.png" alt="머리2"></button>
<button class="item-button" data-image="머리1.png"><img src="머리1.png" alt="머리1"></button>
<button class="item-button" data-image="머리2.png"><img src="머리2.png" alt="머리2"></button>
<button class="item-button" data-image="머리3.png"><img src="머리3.png" alt="머리3"></button>
<button class="item-button" data-image="머리4.png"><img src="머리4.png" alt="머리4"></button>
<button class="item-button" data-image="머리5.png"><img src="머리5.png" alt="머리5"></button>
<button class="item-button" data-image="머리6.png"><img src="머리6.png" alt="머리6"></button>
<button class="item-button" data-image="머리7.png"><img src="머리7.png" alt="머리7"></button>
<button class="item-button" data-image="머리8.png"><img src="머리8.png" alt="머리8"></button>
<button class="item-button" data-image="머리9.png"><img src="머리9.png" alt="머리9"></button>
<button class="item-button" data-image="머리10.png"><img src="머리10.png" alt="머리10"></button>
<button class="item-button" data-image="머리11.png"><img src="머리11.png" alt="머리11"></button>
<button class="item-button" data-image="머리12.png"><img src="머리12.png" alt="머리12"></button>
<button class="item-button" data-image="머리13.png"><img src="머리13.png" alt="머리13"></button>
<button class="item-button" data-image="머리14.png"><img src="머리14.png" alt="머리14"></button>
<button class="item-button" data-image="머리15.png"><img src="머리15.png" alt="머리15"></button>
<button class="item-button" data-image="hats/모자1.png"><img src="hats/모자1.png" alt="hats/모자1"></button>
<button class="item-button" data-image="hats/모자2.png"><img src="hats/모자2.png" alt="hats/모자2"></button>
<button class="item-button" data-image="hats/모자1.png"><img src="hats/모자1.png" alt="hats/모자1"></button>
<button class="item-button" data-image="hats/모자2.png"><img src="hats/모자2.png" alt="hats/모자2"></button>
<button class="item-button" data-image="hats/모자3.png"><img src="hats/모자3.png" alt="hats/모자3"></button>
<button class="item-button" data-image="hats/모자4.png"><img src="hats/모자4.png" alt="hats/모자4"></button>
<button class="item-button" data-image="hats/모자5.png"><img src="hats/모자5.png" alt="hats/모자5"></button>
<button class="item-button" data-image="hats/모자6.png"><img src="hats/모자6.png" alt="hats/모자6"></button>
<button class="item-button" data-image="hats/모자7.png"><img src="hats/모자7.png" alt="hats/모자7"></button>
<button class="item-button" data-image="hats/모자8.png"><img src="hats/모자8.png" alt="hats/모자8"></button>
<button class="item-button" data-image="hats/모자9.png"><img src="hats/모자9.png" alt="hats/모자9"></button>
<button class="item-button" data-image="hats/모자10.png"><img src="hats/모자10.png" alt="hats/모자10"></button>
<button class="item-button" data-image="hats/모자11.png"><img src="hats/모자11.png" alt="hats/모자11"></button>
<button class="item-button" data-image="hats/모자12.png"><img src="hats/모자12.png" alt="hats/모자12"></button>
<button class="item-button" data-image="hats/모자13.png"><img src="hats/모자13.png" alt="hats/모자13"></button>
<button class="item-button" data-image="hats/모자14.png"><img src="hats/모자14.png" alt="hats/모자14"></button>
<button class="item-button" data-image="hats/모자15.png"><img src="hats/모자15.png" alt="hats/모자15"></button>





<!-- 중략 -->
<!-- 다른 스타일 머리 그룹도 동일하게 추가 -->
<!-- 다른 스타일 hats/모자 그룹도 동일하게 추가 -->
</div>



<!-- 머리장식 탭 -->
<!-- hats/모자장식 탭 -->
<div class="tab-content" id="headAccessoryTab">
<div style="text-align: center; font-weight: bold; font-size: 22px;">
<a style="color: #000000;">나만핑의 옷 장식을 선택해주세요.</a>
Expand All @@ -259,7 +259,7 @@ <h2 style="color: #ff7300; font-size:30px">만들어쓰는 나만핑!</h2>
<button class="item-button" data-image="clothes/옷14.png"><img src="clothes/옷14.png" alt="장식"></button>
<button class="item-button" data-image="clothes/옷15.png"><img src="clothes/옷15.png" alt="장식"></button>

<!-- 나머지 머리장식 추가 -->
<!-- 나머지 hats/모자장식 추가 -->
</div>


Expand Down

0 comments on commit 2eedae0

Please sign in to comment.