diff --git a/Code jam/ZOCC_logo.png b/Code jam/ZOCC_logo.png new file mode 100644 index 0000000..baed850 Binary files /dev/null and b/Code jam/ZOCC_logo.png differ diff --git a/Code jam/index.css b/Code jam/index.css new file mode 100644 index 0000000..21b4992 --- /dev/null +++ b/Code jam/index.css @@ -0,0 +1,49 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +.container { + height: 100vh; + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.card { + width: 20%; + display: flex; + flex-direction: column; +} + +.card-one { + width: 100%; +} +.card-one img { + width: 100%; +} + +.card-two { + width: 100%; + padding: 1rem; + + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} + +.card-two h1 { + font-size: 1.5rem; +} +.card-two h2 { + font-size: 1.2rem; + margin-bottom: 1rem; + color: grey; +} + +.card-two a { + text-decoration: none; + background-color: black; + color: white; + padding: 5px 10px; +} \ No newline at end of file diff --git a/Code jam/index.done.css b/Code jam/index.done.css new file mode 100644 index 0000000..21b4992 --- /dev/null +++ b/Code jam/index.done.css @@ -0,0 +1,49 @@ +* { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +.container { + height: 100vh; + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.card { + width: 20%; + display: flex; + flex-direction: column; +} + +.card-one { + width: 100%; +} +.card-one img { + width: 100%; +} + +.card-two { + width: 100%; + padding: 1rem; + + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; +} + +.card-two h1 { + font-size: 1.5rem; +} +.card-two h2 { + font-size: 1.2rem; + margin-bottom: 1rem; + color: grey; +} + +.card-two a { + text-decoration: none; + background-color: black; + color: white; + padding: 5px 10px; +} \ No newline at end of file diff --git a/Code jam/index.html b/Code jam/index.html new file mode 100644 index 0000000..76c9361 --- /dev/null +++ b/Code jam/index.html @@ -0,0 +1,31 @@ + + +
+ + +
+
+