diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6b665aa --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..adabf08 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,85 @@ +body { + font-family: "Noto Sans KR", sans-serif; +} + +.carousel-item { + height: 400px; + background-size: cover; +} + +.mySlide { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100%; +} + +.title { + margin-bottom: 18px; + color: white; + font-size: 32px; +} + +.secondTitle { + margin-bottom: 48px; + color: white; + font-size: 22px; +} + +.myButton { + padding: 10px 30px; + background-color: #5900e7; + color: white; + font-size: 16px; +} + +.mySlide1 { + background-image: url("../images/guitar.jpg"); + background-position: center; +} + +.mySlide2 { + background-image: url("../images/cooking.jpg"); + background-position: center; +} + +.mySlide3 { + background-image: url("../images/makeup.jpg"); +} + +.myAlert { + margin-top: 50px; + margin-bottom: 16px; +} + +.myCard { + padding: 0 15px 0 15px; + margin: 0 0 20px 0; +} + +.inCard { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); +} + +.myCard p { + padding: 10px; +} + +.myUser { + display: flex; + align-items: center; + padding: 0 0 10px 10px; +} + +.myUser img { + width: 20px; + height: 20px; +} + +.myUser p { + margin: 0; + padding: 0 0 0 10px; + font-size: 13px; + color: #4a4a4a; +} diff --git a/images/cooking.jpg b/images/cooking.jpg new file mode 100644 index 0000000..87eba8f Binary files /dev/null and b/images/cooking.jpg differ diff --git a/images/course1.jpg b/images/course1.jpg new file mode 100644 index 0000000..3c2d7d1 Binary files /dev/null and b/images/course1.jpg differ diff --git a/images/course2.jpg b/images/course2.jpg new file mode 100644 index 0000000..cc39a61 Binary files /dev/null and b/images/course2.jpg differ diff --git a/images/course3.jpg b/images/course3.jpg new file mode 100644 index 0000000..abb5457 Binary files /dev/null and b/images/course3.jpg differ diff --git a/images/course4.jpg b/images/course4.jpg new file mode 100644 index 0000000..f23e88e Binary files /dev/null and b/images/course4.jpg differ diff --git a/images/course5.jpg b/images/course5.jpg new file mode 100644 index 0000000..a0aa7ab Binary files /dev/null and b/images/course5.jpg differ diff --git a/images/course6.jpg b/images/course6.jpg new file mode 100644 index 0000000..d7fc068 Binary files /dev/null and b/images/course6.jpg differ diff --git a/images/course7.jpg b/images/course7.jpg new file mode 100644 index 0000000..c91b252 Binary files /dev/null and b/images/course7.jpg differ diff --git a/images/course8.jpg b/images/course8.jpg new file mode 100644 index 0000000..0a56b72 Binary files /dev/null and b/images/course8.jpg differ diff --git a/images/guitar.jpg b/images/guitar.jpg new file mode 100644 index 0000000..700fa88 Binary files /dev/null and b/images/guitar.jpg differ diff --git a/images/makeup.jpg b/images/makeup.jpg new file mode 100644 index 0000000..012f7ff Binary files /dev/null and b/images/makeup.jpg differ diff --git a/images/user.png b/images/user.png new file mode 100644 index 0000000..e37ac6e Binary files /dev/null and b/images/user.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d9bcfb2 --- /dev/null +++ b/index.html @@ -0,0 +1,267 @@ + + + + + ShareSkill + + + + + + + + + + + + +
+
+
+ +
+
+ +
+
+
+ Card image cap +

개성있는 일러스트 작품 만들기

+
+ user +

문종모

+
+
+
+
+
+ Card image cap +

내가 만드는 나만의 악세서리

+
+ user +

하지은

+
+
+
+
+
+ Card image cap +

내 이야기를 노래로!

+
+ user +

김신의

+
+
+
+
+
+ Card image cap +

비전공자를 위한 웹 프로그래밍

+
+ user +

손동욱

+
+
+
+
+
+ Card image cap +

자신감 업! 메이크업 클래스

+
+ user +

강귀영

+
+
+
+
+
+ Card image cap +

아이돌 댄스 정복하기

+
+ user +

박윤석

+
+
+
+
+
+ Card image cap +

사진 작가에게 배우는 야외 사진

+
+ user +

이윤수

+
+
+
+
+
+ Card image cap +

기본부터 익히는 플라워 클래스

+
+ user +

서혜린

+
+
+
+
+
+ + + + + +