june blog

전체 소스 보기 https://ture403.github.io/web2023/webd/index.html

전체 소스 보기 https://ture403.github.io/web2023/webd/index.html

시안 싸이트 입니다. 참조 사이트 아이허브 : https://iherbkr.com/ 오플닷컴 : https://www.ople.com/mall5/ 필리 :https://pilly.kr/ 비타민샵 :https://vitaminshop.co.kr/ GNC : https://www.gnc.com/ 필라이즈 :https://www.pillyze.com/ 닥터피앤티 :https://www.pntmall.com/ 만개의레시피 :https://www.10000recipe.com/ 82cook :https://www.82cook.com/ 램프쿡 :http://www.lampcook.com/ 레시피뱅크 :https://www.recipebank.co.kr/ 오키친 : https://ottogi.okitchen.co.kr..

완성된 화면입니다. html코드입니다. 헤더 영역 바로가기 슬라이드 영역 바로가기 이미지 영역 바로가기 이미지/텍스트 영역 바로가기 카드 영역 바로가기 배너 영역 바로가기 텍스트 영역 바로가기 푸터 영역 바로가기 Cat 소개 입양문의 주의할점 지점 공지사항 찾아오시는길 로그인 슬라이드 영역 event 반려묘와 함께하는 싸이트 고양이와 놀기, 고양이와 함께 책읽기 ,고양이와 함께 TV 시청, 고양이와와 함께 산책, 고양이와 함께 요리, 고양이와 함께 수면, 고양이와 함께 휴식을 공유 합니다. 자세히 보기 상담 신청 이전 이미지 다음 이미지 첫번쨰 이미지 두번쨰 이미지 세번째 이미지 플레이 정지 이미지 영역 고양이를 키우는 방법 반려묘를 키울려면 돈과 열정과 시간과 관심도 많아야 합니다. 경제적 능력 반려묘..

피그마 화면 입니다. html코드 입니다. 푸터 고양이 사이트 소개하기 고양이 이야기 유기묘 도움주기 반려묘 만들기 고양이 음식 건식사료 습식사료 캣잎 츄르 고양이 놀이 장난감 캣휠 스크래처 캣타워 고양이 자랑하기 앨범 사진올리기 장기자랑 고양이 주의점 책임감 털날림 비용의 측면 물건 치우기 안내사항 찾아오시는길 회사소개 2023 ture403 고양이 사이트 PortFoilo is Power All Right Reserved footer_memu 안에 div 박스를 만들어서 그안에 내용을 적어주었습니다. 맨마지막에 address 태그를 써서 마지막 글을 만들었습니다. css 코드입니다. *{ margin: 0; padding: 0; } a{ text-decoration: none; color: #000;..

피그마에 만든 텍스트 유형입니다. HTML 코드 입니다. notice 고양이를 키울떄 주의할점 건강 검진 새로운 고양이를 입양하면 즉시 수의사를 방문하여 건강 검진을 받도록 하십시오. 정기적으로 예방 접종, 통합 검진, 벼룩 예방 등을 시행하십시오. 더보기 실내 환경 고양이는 실내에서 살아가므로 안전한 실내 환경을 제공해야 합니다. 미끄러운 바닥이나 위험한 물건을 없애고, 고양이에게 안전한 장소를 마련하십시오. 캣타워와 스크레처는 꼭 준비하세요. 더보기 적절한 사료 고양이는 고양이 전용 사료를 먹어야 합니다. 고양이에게 인간 식품을 주면 안 되며, 물과 식사 그릇은 매일 청소하십시오.물과 식사 그릇은 매일 청소하십시오. 그릇은 매일 청소하십시오. 더보기 꼬리 취급 고양이의 꼬리는 중요한 신호입니다. 꼬리..

피그마에서 작업한 프레임 입니다. HTML 코드입니다. 메인 슬라이드 영역 event 반려묘와 함께하는 싸이트 고양이와 놀기, 고양이와 함께 책읽기 ,고양이와 함께 TV 시청, 고양이와와 함께 산책, 고양이와 함께 요리, 고양이와 함께 수면, 고양이와 함께 휴식을 공유 합니다. 자세히 보기 상담 신청 이전 이미지 다음 이미지 첫번쨰 이미지 두번쨰 이미지 세번째 이미지 플레이 정지 코드정리 일단 section 태그를 만들어 주었고 class를 silder_wrap 과 nexon을 넣어 주었습니다. 그리고 그안에 h2태그를 넣어서 글씨를 써 주었습니다. h2안에 class를 blind를 추가해서 가렸습니다. 그다음 div태그 만들어서 class silder_inner 로 지정해 주었습니다. 그안에 EVENT..

피그마에서 작업한 화면입니다. 넓이를 1920 으로 지정 해주고 높이를 800로 지정해 주었습니다. 그리드 카운트를 12개로 설정하고 마진을 380으로 지정했습니다. HTML 코딩 입니다. notice 고양이 종류 10가지 GPT한테 물어본 고양이 종류가 10가지가 있습니다.다음은 그 목록입니다. 샴 고양이 (Siamese Cat) 페르시안 고양이 (Persian Cat) 스코티시 폴드 고양이 (Scottish Fold Cat) 먼치킨 고양이 (Manx Cat) 시베리안 고양이 (Siberian Cat) 아비시니안 고양이 (Abyssinian Cat) 브리티시 쇼트헤어 고양이 (British Shorthair Cat) 미묘 (Munchkin Cat) 벵골 고양이 (Bengal Cat) 러시안 블루 고양이..

피그마를 이용한 그리드 지정 해준 화면 입니다. 넓이를 1920 으로 지정 해주고 높이를 1058로 지정해 주었습니다. 그리드 카운트를 12개로 설정하고 마진을 380으로 지정합니다. 그럼 분홍색으로 12개 선이 생깁니다. 글자의 line-hegiht를 1.5 로 피그마는 150 으로 넣어 주면 됩니다. HTML 코드입니다. 고양이를 키우는 방법 반려묘를 키울려면 돈과 열정과 시간과 관심도 많아야 합니다. 경제적 능력 반려묘가 아플떄 병원도 가야하고 사료,모래 끊이지 않게 공급해야함 아무튼 돈이 많이 들어감 자세히 보기 고양이 알레르기 고양이는 생각보다 털이 많이 날리는 동물임 천식있으시면 정말 신중하게 생각 해야함 자세히 보기 css 코드입니다. css을 보시면 .container 위까지 리셋과 많이 ..

카드 타입 유형 피그마를 이용한 그리드 지정 해준 화면 입니다. 넓이를 1920 으로 지정 해주고 높이를 1058로 지정해 주었습니다. 그리드 카운트를 12개로 설정하고 마진을 380으로 지정합니다. 그럼 분홍색으로 12개 선이 생깁니다. 글자의 line-hegiht를 1.5 로 피그마는 150 으로 넣어 주면 됩니다. 카드 타입 유형 코딩 입니다. 고양이를 키우는 방법 반려묘를 키울려면 돈과 열정과 시간과 관심도 많아야 합니다. 예방접종 및 기본검사로 돈이 많이 듭니다. 키울실려면 신중하시길 바랍니다. 경제적 여건 다치거나 아프게 되고 병원에서 입원/수술을 하는경우는 100만원 단위 이상으로 발생할 수 있습니다. 그러므로 돈을 많이 벌어야 합니다. 신중신중신중 자세히 보기 집에서 보내는 시간 반려동물은..