$$config title: 홍서하 위캔(모작+숙제) keywords: - html - css $$ # 보기페이지 단축키 - 현재문서 수정하기 : Ctrl + E - 저장: Ctrl + S
## 유튜브 링크 걸기 $$youtube $$
## 코드 하이라이팅 ```html

``` ```css div(color#fff;) ```
## 텍스트 커스텀 -[hax컬러 확인 링크 바로가기](https://www.google.com/search?q=color+picker&rlz=1C1PNKB_koKR1068KR1068&oq=color&aqs=chrome.1.69i57j0i433i512l3j0i512l6.3936j0j7&sourceid=chrome&ie=UTF-8) 텍스트 노란색 형광펜 ## 모작 SK C&C -관련 사이트: [공식 홈페이지 이동](https://www.skcc.co.kr/) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/xxmKKYE) collab -관련 사이트: [공식 홈페이지 이동](https://esg-collab.com/) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/WNLexYw) 삼성카드 다이렉트 오토 -관련사이트: [공식 홈페이지 이동](https://www.hanainsure.co.kr/) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/qBLBWGR) 하나손해보혐 -관련사이트: [공식 홈페이지 이동](https://directauto.samsungcard.com/oap/common/UOAPCO0301M1.jsp) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/KKbKbpM) 씨벤티지 -관련사이트: [공식 홈페이지 이동](https://www.seavantage.com/kr) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/MWZWZXr) 지란지교데이터 -관련사이트: [공식 홈페이지 이동](https://www.jirandata.co.kr/#none) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/rNoaVaZ) 농협리츠운용 -관련사이트: [공식 홈페이지 이동](https://www.nhreits.com/) -1단계: [탑바 모작 및 하단 이미지와 텍스트 완료](https://codepen.io/hongseoha/pen/abPzLQo?editors=1100) -2단계: [2차메뉴 제작](https://codepen.io/hongseoha/pen/wvRBNLy) -2단계 실패: 바디 사이즈에 따라 2차메뉴 위치가 밀리는 현상 -2단계 재도전:[2차메뉴 제작 완료](https://codepen.io/hongseoha/pen/JjwdegW) 문화포털 -관련사이트: [공식 홈페이지 이동](https://www.culture.go.kr/index.do) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/bGONOWN) 한진중공업홀딩스 -관련사이트: [공식 홈페이지 이동](http://www.hhic-holdings.com/) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/qBLdaGJ) 삼성물산 -관련사이트: [공식 홈페이지 이동](https://www.samsungcnt.com/index.do) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/XWomNpE) 클래스박스 -관련사이트: [공식 홈페이지 이동](https://www.classboxenglish.com/intro.asp?page_ver=1012) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/jOXWONa) 호반문화재단 -관련사이트: [공식 홈페이지 이동](https://www.hobancf.or.kr/) -1단계: [탑바 모작 완료](https://codepen.io/hongseoha/pen/oNJbrVb) 아이콘 누락>> 수정+2차메뉴 작성 ## 반응형 탑바 수업 코드펜 -1단계: [원하는 탑바 제작](https://codepen.io/hongseoha/pen/dywGrzy) -2단계: [노멀라이즈](https://codepen.io/hongseoha/pen/BavjbJR) -3단계: [레이아웃](https://codepen.io/hongseoha/pen/yLGewEx) -4단계: [로고](https://codepen.io/hongseoha/pen/PoXNjbN) -5단계: [아이콘](https://codepen.io/hongseoha/pen/oNJxweK) -6단계: [nav ul li](https://codepen.io/hongseoha/pen/NWeNgwg?editors=1100) [6단계 수정](https://codepen.io/hongseoha/pen/NWeNgBa) -7단계: [li 배치 커스텀](https://codepen.io/hongseoha/pen/JjwXJBQ) -8단계: [li 배치 커스텀_2](https://codepen.io/hongseoha/pen/jOXqwez) -9단계: [li 가로세로 정렬](https://codepen.io/hongseoha/pen/bGOpJXz?editors=1100) -10단계: [아이콘 색상](https://codepen.io/hongseoha/pen/poqymNJ) -11단계: [우측 아이콘 정렬](https://codepen.io/hongseoha/pen/xxmVNdL?editors=1100) -12단계: [배경이미지](https://codepen.io/hongseoha/pen/bGOerdo) -13단계: [fixed](https://codepen.io/hongseoha/pen/bGOerEY) . . 단계 정리 빼먹었습니다ㅜㅜ . . 28단계: [28단계](https://codepen.io/hongseoha/pen/YzdpYXo?editors=1100) ## 삼성자산운용 모작 숙제 [0829 작업 코드펜](https://codepen.io/hongseoha/pen/WNLweRb?editors=1100) ![작업화면](https://ifh.cc/g/wzRFN8.png) ## 마켓컬리 상품리스트 이미지 위에 레이아웃 구성 -1단계: [absolute없이 예시이미지와 동일하게 제작](https://codepen.io/hongseoha/pen/mdarMeV)