diff --git a/Check Link b/Check Link
new file mode 100644
index 0000000..ed586b8
--- /dev/null
+++ b/Check Link	
@@ -0,0 +1,4 @@
+https://sreechaitanyacollege.in/activity-gallery
+https://sreechaitanyacollege.in/gallery
+https://sreechaitanyacollege.in/student-grievance
+https://sreechaitanyacollege.in/gallery
\ No newline at end of file
diff --git a/public/img/1.jpg b/public/img/1.jpg
new file mode 100644
index 0000000..4eacd0d
Binary files /dev/null and b/public/img/1.jpg differ
diff --git a/public/img/10.jpg b/public/img/10.jpg
new file mode 100644
index 0000000..7047c63
Binary files /dev/null and b/public/img/10.jpg differ
diff --git a/public/img/11.jpg b/public/img/11.jpg
new file mode 100644
index 0000000..91effef
Binary files /dev/null and b/public/img/11.jpg differ
diff --git a/public/img/12.jpg b/public/img/12.jpg
new file mode 100644
index 0000000..1c515aa
Binary files /dev/null and b/public/img/12.jpg differ
diff --git a/public/img/13.jpg b/public/img/13.jpg
new file mode 100644
index 0000000..5324f69
Binary files /dev/null and b/public/img/13.jpg differ
diff --git a/public/img/14.jpg b/public/img/14.jpg
new file mode 100644
index 0000000..0825363
Binary files /dev/null and b/public/img/14.jpg differ
diff --git a/public/img/15.jpeg b/public/img/15.jpeg
new file mode 100644
index 0000000..25e8d2c
Binary files /dev/null and b/public/img/15.jpeg differ
diff --git a/public/img/16.jpeg b/public/img/16.jpeg
new file mode 100644
index 0000000..cc739f1
Binary files /dev/null and b/public/img/16.jpeg differ
diff --git a/public/img/17.jpeg b/public/img/17.jpeg
new file mode 100644
index 0000000..53eb02e
Binary files /dev/null and b/public/img/17.jpeg differ
diff --git a/public/img/18.jpeg b/public/img/18.jpeg
new file mode 100644
index 0000000..e8c71de
Binary files /dev/null and b/public/img/18.jpeg differ
diff --git a/public/img/19.jpeg b/public/img/19.jpeg
new file mode 100644
index 0000000..5c40767
Binary files /dev/null and b/public/img/19.jpeg differ
diff --git a/public/img/2.jpg b/public/img/2.jpg
new file mode 100644
index 0000000..c4d27fc
Binary files /dev/null and b/public/img/2.jpg differ
diff --git a/public/img/20.jpeg b/public/img/20.jpeg
new file mode 100644
index 0000000..eeabe7d
Binary files /dev/null and b/public/img/20.jpeg differ
diff --git a/public/img/21.jpeg b/public/img/21.jpeg
new file mode 100644
index 0000000..fba8b6e
Binary files /dev/null and b/public/img/21.jpeg differ
diff --git a/public/img/22.jpg b/public/img/22.jpg
new file mode 100644
index 0000000..246ce85
Binary files /dev/null and b/public/img/22.jpg differ
diff --git a/public/img/23.jpg b/public/img/23.jpg
new file mode 100644
index 0000000..494129b
Binary files /dev/null and b/public/img/23.jpg differ
diff --git a/public/img/24.jpg b/public/img/24.jpg
new file mode 100644
index 0000000..be3fcfb
Binary files /dev/null and b/public/img/24.jpg differ
diff --git a/public/img/25.jpg b/public/img/25.jpg
new file mode 100644
index 0000000..ffaec6a
Binary files /dev/null and b/public/img/25.jpg differ
diff --git a/public/img/26.jpg b/public/img/26.jpg
new file mode 100644
index 0000000..29a5bf8
Binary files /dev/null and b/public/img/26.jpg differ
diff --git a/public/img/27.jpg b/public/img/27.jpg
new file mode 100644
index 0000000..1b15c47
Binary files /dev/null and b/public/img/27.jpg differ
diff --git a/public/img/28.jpg b/public/img/28.jpg
new file mode 100644
index 0000000..fa38880
Binary files /dev/null and b/public/img/28.jpg differ
diff --git a/public/img/29.jpg b/public/img/29.jpg
new file mode 100644
index 0000000..7c78bc2
Binary files /dev/null and b/public/img/29.jpg differ
diff --git a/public/img/3.jpg b/public/img/3.jpg
new file mode 100644
index 0000000..00dfb7e
Binary files /dev/null and b/public/img/3.jpg differ
diff --git a/public/img/30.jpg b/public/img/30.jpg
new file mode 100644
index 0000000..fcd36fd
Binary files /dev/null and b/public/img/30.jpg differ
diff --git a/public/img/31.jpg b/public/img/31.jpg
new file mode 100644
index 0000000..0c8d5de
Binary files /dev/null and b/public/img/31.jpg differ
diff --git a/public/img/32.jpg b/public/img/32.jpg
new file mode 100644
index 0000000..95b0a5c
Binary files /dev/null and b/public/img/32.jpg differ
diff --git a/public/img/33.jpg b/public/img/33.jpg
new file mode 100644
index 0000000..ba3d010
Binary files /dev/null and b/public/img/33.jpg differ
diff --git a/public/img/34.jpg b/public/img/34.jpg
new file mode 100644
index 0000000..c823a15
Binary files /dev/null and b/public/img/34.jpg differ
diff --git a/public/img/35.jpg b/public/img/35.jpg
new file mode 100644
index 0000000..0a8a4ea
Binary files /dev/null and b/public/img/35.jpg differ
diff --git a/public/img/36.jpg b/public/img/36.jpg
new file mode 100644
index 0000000..25a1ca5
Binary files /dev/null and b/public/img/36.jpg differ
diff --git a/public/img/4.jpg b/public/img/4.jpg
new file mode 100644
index 0000000..2484860
Binary files /dev/null and b/public/img/4.jpg differ
diff --git a/public/img/5.jpg b/public/img/5.jpg
new file mode 100644
index 0000000..16cc92e
Binary files /dev/null and b/public/img/5.jpg differ
diff --git a/public/img/6.jpg b/public/img/6.jpg
new file mode 100644
index 0000000..c8b6d04
Binary files /dev/null and b/public/img/6.jpg differ
diff --git a/public/img/7.jpg b/public/img/7.jpg
new file mode 100644
index 0000000..07b29cd
Binary files /dev/null and b/public/img/7.jpg differ
diff --git a/public/img/8.jpg b/public/img/8.jpg
new file mode 100644
index 0000000..ab61548
Binary files /dev/null and b/public/img/8.jpg differ
diff --git a/public/img/9.jpg b/public/img/9.jpg
new file mode 100644
index 0000000..a972ac0
Binary files /dev/null and b/public/img/9.jpg differ
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index ba5d537..f190e75 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -4,7 +4,7 @@
             <div
                 class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 "
             >
-                <div class="bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Important Links<hr class="blue-400">
+                <div class="bg-stone-800 rounded-md  h-48 m-6 text-gray-100 text-left text-xl p-3">Important Links<hr class="blue-400">
                     <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
                         <a href="gallery">Gallery <hr class="border-slate-900"></a>
                         <a href="notice">Notice <hr class="border-slate-900"></a>
@@ -26,6 +26,11 @@
                     </div>
                 </div>
             </div>
+            <div class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 place-items-center text-gray-100 -mt-4 ">
+                <a href=""><div class="">© sreechaitanyacollege.in &nbsp |<hr> </div></a>
+                <a href=""><div class="">	Powered by DWD Consultancy Services &nbsp | <hr></div></a>
+                <a href=""><div class=""> Count 112964 &nbsp  | Site Performance &nbsp <hr> </div></a>
+            </div>
         </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 123f08a..2b4f1f3 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,8 +1,10 @@
 <template>
     <header>
+        <div class="flex shadow p-2 lg:hidden bg-blue-700 text-white font-semibold place-items-center gap-7 "><img src="/img/logo3.png" alt="" class="w-12"> <p class=""> SREE CHAITANYA COLLEGE</p>
+            <div class=""> <button class="hover:bg-white hover:text-blue-700 rounded-full p-1">Log In</button> </div>
+        </div>
         <div
-            class="flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12"
-        >
+            class="hidden lg:block flex flex-cols bg-blue-600 h-48 text-right justify-end text-white text-3xl pt-5 font-semibold pr-12">
             <img
                 src="/img/logo3.png"
                 alt="/img/logo3.png"
diff --git a/src/pages/[id].vue b/src/pages/[id].vue
index 08e3d4b..e5996e0 100644
--- a/src/pages/[id].vue
+++ b/src/pages/[id].vue
@@ -1,7 +1,7 @@
 <template>
 <div class="container-fluid bg-white mx-auto mt-3  p-0">
     <div v-if="isLoading">
-        <h2>Loading ...</h2>
+        <h2 class="ml-28 text-4xl">Loading ...</h2>
     </div>
     <div v-else>
         <div v-html="page[0].content" class="container mx-auto">
diff --git a/src/pages/gallery.vue b/src/pages/gallery.vue
index e69de29..c430542 100644
--- a/src/pages/gallery.vue
+++ b/src/pages/gallery.vue
@@ -0,0 +1,234 @@
+<template>
+    <div>
+
+        <div
+            class="grid place-items-center bg-blue-700  w-48 text-4xl font-bold text-white rounded-full p-1 md:mt-8 absolute md:inset-x-2/4 top-56 md:-ml-28 -mt-40 inset-x-2/4 top-72 -ml-28 gap-4">
+            Gallery</div>
+        <section class="overflow-hidden text-gray-700 mt-32">
+            <div class="container px-5 py-2 mx-auto lg:pt-12 lg:px-32">
+                <div class="flex flex-wrap -m-1 md:-m-2">
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/1.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/2.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/3.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/4.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/5.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/6.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/7.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/8.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/9.jpg">
+                        </div>
+                    </div>
+
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/11.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/12.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/13.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/14.jpg">
+                        </div>
+                    </div>
+
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/15.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/16.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/17.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/18.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/19.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/20.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/21.jpeg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/22.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/23.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/24.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/25.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/26.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/27.jpg">
+                        </div>
+                    </div>
+
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/28.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/29.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/30.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/31.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/32.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/32.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/33.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/34.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/35.jpg">
+                        </div>
+                    </div>
+                    <div class="flex flex-wrap w-1/3">
+                        <div class="w-full p-1 md:p-2">
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg"
+                                src="/img/36.jpg">
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
\ No newline at end of file