diff --git a/pages/about.html b/pages/about.html
index b4ae215c4..1af2dc1cd 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -2,11 +2,93 @@
+
Document
-
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/index.html b/pages/index.html
index b4ae215c4..352c1b943 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -2,11 +2,93 @@
+
- Document
+ Cassie Oh aka Hype!
-
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/pages/portfolio.html b/pages/portfolio.html
index b4ae215c4..5bc6acd10 100644
--- a/pages/portfolio.html
+++ b/pages/portfolio.html
@@ -2,11 +2,46 @@
+
Document
+
+
+
+ Links of my projects will be here. Check back in soon.
+
+
+
+
+
+ My github profile
+
+
\ No newline at end of file
diff --git a/photos/405CE442-34DD-4ABE-8A09-3A90019B6BF2_1_105_c.jpeg b/photos/405CE442-34DD-4ABE-8A09-3A90019B6BF2_1_105_c.jpeg
new file mode 100644
index 000000000..ac6ac3086
Binary files /dev/null and b/photos/405CE442-34DD-4ABE-8A09-3A90019B6BF2_1_105_c.jpeg differ
diff --git a/photos/627B851F-CB5B-44DC-9661-BBAD5470C8A4_1_105_c.jpeg b/photos/627B851F-CB5B-44DC-9661-BBAD5470C8A4_1_105_c.jpeg
new file mode 100644
index 000000000..76ac667d3
Binary files /dev/null and b/photos/627B851F-CB5B-44DC-9661-BBAD5470C8A4_1_105_c.jpeg differ
diff --git a/photos/6664ED62-2266-4296-92B1-A245F281D43A_1_105_c.jpeg b/photos/6664ED62-2266-4296-92B1-A245F281D43A_1_105_c.jpeg
new file mode 100644
index 000000000..c8857ab4c
Binary files /dev/null and b/photos/6664ED62-2266-4296-92B1-A245F281D43A_1_105_c.jpeg differ
diff --git a/photos/7AFC9B1F-71B0-440A-A0AA-A2C1D7BF876E_1_105_c.jpeg b/photos/7AFC9B1F-71B0-440A-A0AA-A2C1D7BF876E_1_105_c.jpeg
new file mode 100644
index 000000000..b6556ec97
Binary files /dev/null and b/photos/7AFC9B1F-71B0-440A-A0AA-A2C1D7BF876E_1_105_c.jpeg differ
diff --git a/photos/F6EA1191-296D-4BED-A13B-ED9B3B782B04_1_105_c.jpeg b/photos/F6EA1191-296D-4BED-A13B-ED9B3B782B04_1_105_c.jpeg
new file mode 100644
index 000000000..456e0c2f8
Binary files /dev/null and b/photos/F6EA1191-296D-4BED-A13B-ED9B3B782B04_1_105_c.jpeg differ
diff --git a/styles/style.css b/styles/style.css
new file mode 100644
index 000000000..da2b97efc
--- /dev/null
+++ b/styles/style.css
@@ -0,0 +1,127 @@
+body {
+ font-family: sans-serif;
+ background-color: rgb(107, 72, 6);
+ font-size: small;
+}
+.sticky {
+ position:-webkit-sticky;
+ position:sticky;
+ top: 0;
+ z-index: 10;
+}
+.grid {
+ display: grid;
+ font-size: small;
+ background-color: rgb(129, 127, 255);
+ padding: .2rem;
+ padding-top: .45rem;
+ justify-content: center;
+ grid-template:
+ "a b c d e" 1rem/ 3fr 2fr 2fr 2fr 2fr;
+ margin: 1rem;
+ list-style-type: none;
+ border-color: rgb(244, 70, 70);
+ border: 5px white;
+ border-radius: 20px;
+}
+
+.pictall {
+ justify-content: center;
+ width: 100%;
+ object-fit: fill;
+ position: center;
+}
+.picwide {
+ justify-content: center;
+ height: 100%;
+ object-fit: fill;
+ position: center;
+}
+
+.alsogrid {
+ display: grid;
+ font-size: small;
+ background-color: darkslategray;
+ padding: 12rem;
+ padding-top: .45rem;
+ justify-content: center;
+ grid-template:
+ "a b c j" 120px
+ "d e f k" 120px
+ "g h i l" 120px
+ "m n o p" 120px/ 120px 120px 120px 120px;
+ margin: 1rem;
+ list-style-type: none;
+ border-color: rgb(244, 70, 70);
+ position: sticky;
+ overflow: hidden;
+ clip-path: fill-box;
+ border: 10px;
+ border-radius: 20px;
+ box-sizing: border-box;
+}
+li {
+ clip-path: fill-box;
+}
+
+.b {
+
+ grid-area: b;
+}
+
+.c {
+ grid-area: c;
+}
+
+.d {
+ grid-area: d;
+}
+
+.e {
+ grid-area: e;
+}
+
+.a {
+ grid-area: a;
+}
+
+.wrap {
+ flex-wrap: wrap;
+ list-style: none;
+ justify-content: center;
+ padding: .05rem;
+ text-transform: uppercase;
+}
+h1 {
+ text-decoration: underline;
+ text-align: center;
+ color: midnightblue;
+}
+
+p {
+ line-height: 200%;
+ background-color: darkslategrey;
+}
+
+section {
+ background-color: darkslategray;
+ border-radius: 30px;
+}
+
+ul {
+ list-style: circle;
+}
+li {
+ text-align: match-parent;
+
+}
+
+ol {
+ list-style: circle;
+}
+
+p {
+ text-align: center;
+ background-color:darkslategray;
+ color:rgb(130, 190, 244);
+}
\ No newline at end of file
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+