diff --git "a/1_assignment/submit/\354\247\200\353\257\274\354\262\240" "b/1_assignment/submit/\354\247\200\353\257\274\354\262\240" new file mode 100644 index 0000000..df0c87d --- /dev/null +++ "b/1_assignment/submit/\354\247\200\353\257\274\354\262\240" @@ -0,0 +1,46 @@ +body { + margin: 20px 0 20px 0; + padding: 0; + height: 100vh; + background-color: gray; +} +.a { + margin: 0; + padding: 0; + width: 450px; + height: 96vh; + background-color: white; + margin: 0 auto; + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; +} +.aa, +.bb { + width: 120px; + height: 120px; + background-color: purple; +} +.aa { + border-radius: 50%; +} + + + + + + + + + +
+
+
+
+
+ + diff --git "a/2_assignment/submit/\354\247\200\353\257\274\354\262\240/HTML111.html" "b/2_assignment/submit/\354\247\200\353\257\274\354\262\240/HTML111.html" new file mode 100644 index 0000000..ce72471 --- /dev/null +++ "b/2_assignment/submit/\354\247\200\353\257\274\354\262\240/HTML111.html" @@ -0,0 +1,23 @@ + + + + + + + + +
+
+
+
+
+
+
+
+
+
+ + diff --git "a/2_assignment/submit/\354\247\200\353\257\274\354\262\240/body {12121.css" "b/2_assignment/submit/\354\247\200\353\257\274\354\262\240/body {12121.css" new file mode 100644 index 0000000..d3d2d71 --- /dev/null +++ "b/2_assignment/submit/\354\247\200\353\257\274\354\262\240/body {12121.css" @@ -0,0 +1,85 @@ +body { + margin: 35px; + padding: 0; + background-color: white; +} +.a { + display: flex; + flex-direction: row; + margin: 0; + padding: 0; +} +.a1 { + position: relative; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + width: 140px; + height: 30px; + z-index: 9999; +} +.e { + position: relative; + background-color: red; + border: 3px solid rgb(151, 0, 0); + border-radius: 6px; + top: -15px; + width: 140px; + height: 30px; +} +.b { + position: relative; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + top: 20vh; + width: 320px; + height: 200px; +} +.a2 { + position: relative; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + left: 20px; + top: 0; + width: 140px; + height: 30px; +} +.a3 { + position: relative; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + left: 40px; + top: 0; + width: 140px; + height: 30px; +} +.a4 { + position: fixed; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + right: 35px; + width: 140px; + height: 30px; +} +.a5 { + position: fixed; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + right: 195px; + width: 140px; + height: 30px; +} +.c { + position: fixed; + background-color: blueviolet; + border: 3px solid rgb(82, 0, 158); + border-radius: 6px; + bottom: 35px; + width: 420px; + height: 30px; +} diff --git "a/3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3.html" "b/3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3.html" new file mode 100644 index 0000000..d10114a --- /dev/null +++ "b/3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3.html" @@ -0,0 +1,24 @@ + + + + + + +
+
Ostrich
+
Ostrich
+
Ostrich
+
+
Ostrich
+
Ostrich
+
+
+
Ostrich
+
Ostrich
+
+ + + diff --git "a/3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3css.css" "b/3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3css.css" new file mode 100644 index 0000000..c4efa63 --- /dev/null +++ "b/3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3css.css" @@ -0,0 +1,78 @@ +body { + position: relative; + margin: 0; + padding: 0; +} +.A { + position: absolute; + top: 50%; + margin: 100px 0 0 -300px; + left: 50%; + width: 600px; + height: 400px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + text-align: center; + line-height: 200px; + box-shadow: 5px 5px 30px; + font-size: 2em; +} +.a { + width: 300px; + height: 200px; + background-color: whitesmoke; + color: rgb(250, 69, 1); + text-align: center; +} +.b { + width: 300px; + height: 200px; + background-color: green; + color: white; + text-align: center; +} +.c { + width: 300px; + height: 200px; + background-color: rgb(250, 69, 1); + color: white; + text-align: center; +} +.d { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.da { + width: 150px; + height: 100px; + background-color: rgb(253, 182, 193); + color: rgb(250, 69, 1); + text-align: center; + line-height: 100px; +} +.db { + width: 150px; + height: 100px; + background-color: rgb(147, 112, 219); + color: white; + text-align: center; + line-height: 100px; +} +.dc { + width: 150px; + height: 100px; + background-color: rgb(249, 165, 2); + color: rgb(250, 69, 1); + text-align: center; + line-height: 100px; +} +.dd { + width: 150px; + height: 100px; + background-color: rgb(250, 128, 113); + color: white; + text-align: center; + line-height: 100px; +} diff --git "a/4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-CSS.css" "b/4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-CSS.css" new file mode 100644 index 0000000..3bdd8b1 --- /dev/null +++ "b/4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-CSS.css" @@ -0,0 +1,51 @@ +body { + margin: 0; + padding: 30px 30px 15px 30px; + box-sizing: border-box; +} +.z { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.a { + display: flex; + flex-direction: row; + justify-content: flex-start; + padding: 0 10px; +} +.b { + display: flex; + flex-direction: row; + justify-content: flex-end; + padding: 0 15px; +} +.bb { + margin: 0; + padding: 0 15px 0 5px; + display: flex; + flex-direction: column; + gap: -10px; +} +.login { + flex-direction: column; + justify-content: flex-start; + width: 90px; + height: 50px; + color: white; + background-color: blue; + border-radius: 8px; + text-align: center; + line-height: 50px; +} +.c { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.c3 { + display: flex; + flex-direction: row; + justify-content: space-between; +} diff --git "a/4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-HTML.html" "b/4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-HTML.html" new file mode 100644 index 0000000..b3d9b5c --- /dev/null +++ "b/4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-HTML.html" @@ -0,0 +1,64 @@ + + + + + + + + + + +
+
+
Google 정보
+
스토어
+
+
+
Gmail
+
이미지
+
+ + + +
+ +
+
+
+ +
+
+ +
+ + +
+
+
+
Goolge 검색
+
I'm Feeling lucky
+
+ 구글 제공 서비스: +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + diff --git "a/4_assignment/submit/\354\247\200\353\257\274\354\262\240/goog.png" "b/4_assignment/submit/\354\247\200\353\257\274\354\262\240/goog.png" new file mode 100644 index 0000000..7a71f25 Binary files /dev/null and "b/4_assignment/submit/\354\247\200\353\257\274\354\262\240/goog.png" differ diff --git "a/5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5.html" "b/5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5.html" new file mode 100644 index 0000000..b8ba4a7 --- /dev/null +++ "b/5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5.html" @@ -0,0 +1,23 @@ + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ diff --git "a/5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5css.css" "b/5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5css.css" new file mode 100644 index 0000000..1822b2b --- /dev/null +++ "b/5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5css.css" @@ -0,0 +1,100 @@ +body { + position: absolute; + top: 50vh; + margin-top: -40px; + display: flex; + flex-direction: row; + justify-content: space-evenly; + position: relative; + padding: 0; + margin: 0; +} +.a { + width: 80px; + height: 80px; + background-color: rgb(141, 76, 246); + border-radius: 5px; +} +.b { + width: 80px; + height: 80px; + background-color: rgb(223, 85, 52); + border-radius: 5px; +} +.c { + width: 80px; + height: 80px; + background-color: rgb(243, 170, 72); + border-radius: 5px; +} +.d { + width: 80px; + height: 80px; + background-color: rgb(141, 76, 246); + z-index: 9999; +} +.D { + width: 160px; + height: 160px; + display: flex; + flex-wrap: wrap; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin-top: -10px; + margin-left: -10px; +} +.da { + width: 80px; + height: 80px; + background-color: rgb(247, 207, 80); + border-radius: 5px; + z-index: 98; + margin-top: 20px; + margin-left: 20px; +} +.db { + width: 80px; + height: 80px; + background-color: rgb(223, 85, 52); + border-radius: 5px; + z-index: 97; + margin-top: 20px; + margin-left: -20px; +} +.dc { + width: 80px; + height: 80px; + background-color: rgb(190, 242, 201); + border-radius: 5px; + margin-top: -20px; + margin-left: 20px; +} +.dd { + width: 80px; + height: 80px; + background-color: rgb(69, 151, 248); + border-radius: 5px; + z-index: 96; + margin-top: -20px; + margin-left: -20px; +} +.e { + width: 80px; + height: 80px; + background-color: rgb(247, 207, 80); + border-radius: 5px; +} +.f { + width: 80px; + height: 80px; + background-color: rgb(80, 171, 100); + border-radius: 5px; +} +.g { + width: 80px; + height: 80px; + background-color: rgb(190, 242, 201); + border-radius: 5px; +}