From 40f315659cbaed848ec376ec851ce24b10b6ce92 Mon Sep 17 00:00:00 2001 From: asdf1596 <109271987+asdf1596@users.noreply.github.com> Date: Thu, 1 Jun 2023 00:51:21 +0900 Subject: [PATCH 1/2] =?UTF-8?q?Create=20=EC=A7=80=EB=AF=BC=EC=B2=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../\354\247\200\353\257\274\354\262\240" | 46 +++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 "1_assignment/submit/\354\247\200\353\257\274\354\262\240" 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%; +} + + + + + + + + + +
+
+
+
+
+ + From 9716b741315c099e443021fdf28a2ab1032d7a70 Mon Sep 17 00:00:00 2001 From: asdf1596 <7082mc@naver.com> Date: Mon, 17 Jul 2023 22:42:59 +0900 Subject: [PATCH 2/2] a --- .../HTML111.html" | 23 ++++ .../body {12121.css" | 85 +++++++++++++++ .../gwa3.html" | 24 +++++ .../gwa3css.css" | 78 ++++++++++++++ .../4-CSS.css" | 51 +++++++++ .../4-HTML.html" | 64 +++++++++++ .../goog.png" | Bin 0 -> 4138 bytes .../gwa5.html" | 23 ++++ .../gwa5css.css" | 100 ++++++++++++++++++ 9 files changed, 448 insertions(+) create mode 100644 "2_assignment/submit/\354\247\200\353\257\274\354\262\240/HTML111.html" create mode 100644 "2_assignment/submit/\354\247\200\353\257\274\354\262\240/body {12121.css" create mode 100644 "3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3.html" create mode 100644 "3_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa3css.css" create mode 100644 "4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-CSS.css" create mode 100644 "4_assignment/submit/\354\247\200\353\257\274\354\262\240/4-HTML.html" create mode 100644 "4_assignment/submit/\354\247\200\353\257\274\354\262\240/goog.png" create mode 100644 "5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5.html" create mode 100644 "5_assignment/submit/\354\247\200\353\257\274\354\262\240/gwa5css.css" 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 0000000000000000000000000000000000000000..7a71f2568ed64163946b83ba7ab962e200f9e4eb GIT binary patch literal 4138 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 + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ 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; +}