diff --git a/public/PostIntern.css b/public/PostIntern.css
index 6675748..c560386 100644
--- a/public/PostIntern.css
+++ b/public/PostIntern.css
@@ -113,3 +113,100 @@ body {
font-weight: 100px;
font-size: 1rem;
}
+
+
+
+/* footer */
+
+.container {
+ width: auto;
+ margin: 0 auto;
+ padding: 20px;
+ text-align: center;
+}
+
+.vertical-logo {
+ font-size: 2.5vw;
+ font-family: 'Times New Roman', Times, serif;
+ color: red;
+ font-size: 40px;
+}
+
+.grid-container {
+
+ margin: 4vw;
+ margin: 4vw 7vw;
+ height: auto;
+ align-items: center;
+ width: auto;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 20px;
+}
+
+.grid-item {
+ background-color: rgba(237, 230, 230, 0.674);
+ padding: 20px;
+ border-radius: 10px;
+}
+
+.grid-item h2 {
+ margin-bottom: 20px;
+}
+
+.grid-item a {
+ display: block;
+ color: #333;
+ text-decoration: none;
+ margin: 10px 0;
+}
+
+.grid-item a:hover {
+ text-decoration: underline;
+}
+
+.footer {
+ margin-top: 50px;
+ font-size: 12px;
+ color: #333;
+ font-size: 1rem;
+}
+
+.footer p {
+ width: 50%;
+ margin: 1rem auto;
+}
+
+.social-media {
+ margin-top: 30px;
+}
+
+.social-media a {
+ margin: 0 10px;
+ font-size: 18px;
+ color: #333;
+ text-decoration: none;
+}
+
+.social-media:visited {
+ color: pink;
+}
+
+.social-media a:hover {
+ background: pink;
+ color: white;
+ box-shadow: 0 0 30px pink;
+}
+
+/* Add floating animation */
+@keyframes floating {
+
+ 0%,
+ 100% {
+ transform: translateY(0);
+ }
+
+ 50% {
+ transform: translateY(-10px);
+ }
+}
diff --git a/public/PostIntern.html b/public/PostIntern.html
index 9f9ed70..69cf553 100644
--- a/public/PostIntern.html
+++ b/public/PostIntern.html
@@ -6,8 +6,12 @@
Post an Internship
+
+
+
+
@@ -83,7 +90,7 @@
-
+
Post an Internship
+
+
+
+
+
+