[html/css]웹사이트 제작하기

20240805~06수업
그동안 학습했던 것들을 이용하여 웹사이트를 제작할 수 있다.

홈화면

 

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

↑공통 스타일 시트

적용법

톱니바퀴 클릭>>주소창에 미리 코드펜으로 작성해둔 공통스타일 시트(css)의 코드펜 주소를 복사붙여넣기 한 뒤 save&close

 

---

header

 

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

-

home

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

---

 

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

news

news content

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

---

menu

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

---

contact

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

 

location

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

sns

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

---

결과물

http://127.0.0.1:5500/cafe/index.html