--- a/components.d.ts
+++ b/components.d.ts
@@ -9,7 +9,10 @@ declare module '@vue/runtime-core' {
  export interface GlobalComponents {
    Footer: typeof import('./src/components/Footer.vue')['default']
    Header: typeof import('./src/components/Header.vue')['default']
+    Header2: typeof import('./src/components/Header2.vue')['default']
    MainMenu: typeof import('./src/components/MainMenu.vue')['default']
+    Menu: typeof import('./src/components/Menu.vue')['default']
+    Nav: typeof import('./src/components/Nav.vue')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
  }
--- a/dist.zip
+++ b/dist.zip
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="shortcut icon" type="image/png" href="/img/favicon.ico"/>
    <title>Sreechaitanya College, Habra</title>
    <!-- <link
      rel="preload"
--- a/info.txt
+++ b/info.txt
@@ -0,0 +1,2 @@
+1. https://sreechaitanyacollege.in/students-feedback
+2. Login 
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "vite-vue3-tailwind-starter",
-  "version": "0.0.0",
+  "name": "scc-22",
+  "version": "1.0.0",
  "scripts": {
    "dev": "vite --host  --port 2004",
    "build": "vue-tsc --noEmit && vite build",
--- a/public/.htaccess
+++ b/public/.htaccess
@@ -0,0 +1,8 @@
+RewriteEngine On
+#RewriteCond %{HTTPS} !=on
+#RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
+RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*) /
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/img/favicon.ico
+++ b/public/img/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
  <div class="flex flex-col h-screen justify-between">
-   <Header />
+   <Menu />
    <main>
      <router-view />
    </main>
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -4,25 +4,25 @@
            <div
                class="grid grid-cols-1 md:grid-cols-3 bg-stone-600 "
            >
-                <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="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="grid grid-rows-3 text-blue-600 p-3 gap-4">    
-                        <a href="/gallery">Gallery <hr class="border-slate-900"></a>
+                        <router-link to="/gallery">Gallery <hr class="border-slate-900"></router-link>
                        <a href="/notice">Notice <hr class="border-slate-900"></a>
-                        <a href="/document">Document</a>
+                        <a href="/documents">Documents</a>
                    </div>
                    </div>
-                <div class=" bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Related Sites<hr>
+                <div class="bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Related Sites<hr>
                    <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
                        <a href="https://www.wbsubregistration.org/">W.B.S.U<hr class="border-slate-900"></a>
                        <a href="https://www.ugc.ac.in/">U.G.C.<hr class="border-slate-900"></a>
                        <a href="https://banglaruchchashiksha.wb.gov.in/">W.B.H.E.D.</a>
                    </div>
                </div>
-                <div class=" bg-stone-800 rounded-md  h-44 m-6 text-gray-100 text-left text-xl p-3">Document Links <hr>
+                <div class="bg-stone-800 rounded-md h-44 m-6 text-gray-100 text-left text-xl p-3">Document Links <hr>
                    <div class="grid grid-rows-3 text-blue-600 p-3 gap-4">    
-                        <a href="/aqar">AQAR<hr class="border-slate-900"></a>
-                        <a href="/iqac">IQAC<hr class="border-slate-900"></a>
-                        <a href="/academic-calendar">Academic Calendar</a>
+                        <router-link to="/documents/aqar">AQAR<hr class="border-slate-900"></router-link>
+                        <router-link to="/documents/iqac">IQAC<hr class="border-slate-900"></router-link>
+                        <router-link to="/documents/academic-calendar">Academic Calendar</router-link>
                    </div>
                </div>
            </div>
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,24 +1,23 @@
 <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 class="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
+            <div class="grid col-span-1 "> <img class="w-16" src="/img/logo3.png" alt=""></div>
+            <div class="grid col-span-4 ">SREE CHAITANYA COLLEGE</div>
+            <div class="grid col-span-1 "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div>
        </div>
        <div
            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"
-                class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
+            <img src="/img/logo3.png" alt="/img/logo3.png" class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
            />
            Estd.-1956
            <br />Sree Chaitanya College,Habra
            <br />(Arts and Science)
            <br />Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B
        </div>
-        <MainMenu />
+        <Menu />

    </header>
 </template>

 <script setup>
-</script>
+</script> 
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -392,6 +392,16 @@
                    >NAAC</router-link
                  >
                </MenuItem>
+                <MenuItem v-slot="{ active }">
+                  <router-link
+                    to="/nirf-data"
+                    :class="[
+                      active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                      'block px-1 py-2 text-sm',
+                    ]"
+                    >NIRF </router-link
+                  >
+                </MenuItem>
                <MenuItem v-slot="{ active }">
                  <router-link
                    to="/aqar"
@@ -402,19 +412,7 @@
                    >AQAR</router-link
                  >
                </MenuItem>
-                <!-- <MenuItem v-slot="{ active }">
-                  <router-link
-                    to="/icc"
-                    :class="[
-                      active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
-                      'block px-1 py-2 text-sm',
-                    ]"
-                    >ICC</router-link
-                  >
-                </MenuItem> -->
-                <!-- <MenuItem v-slot="{ active }">
-                                  <router-link to="/Teacher's-Council":class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-1 py-2 text-sm']">Teacher's Council</router-link>
-                              </MenuItem> -->
+
                <MenuItem v-slot="{ active }">
                  <router-link
                    to="/students-union"
@@ -447,12 +445,12 @@
                </MenuItem>
                <MenuItem v-slot="{ active }">
                  <router-link
-                    to="/activity-gallery"
+                    to=""
                    :class="[
                      active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
                      'block px-1 py-2 text-sm',
                    ]"
-                    >Activity Gallery</router-link
+                    ></router-link
                  >
                </MenuItem>
                <MenuItem v-slot="{ active }">
@@ -687,7 +685,7 @@
            hover:text-blue-800
          ">
            <router-link
-              to="/contact"
+              to="/contact-us"
              :class="[
                active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
                'block px-1 py-2 text-sm',
@@ -699,6 +697,12 @@
        </Menu>
  
      </div>
+
+
+
+
+
+      
      <div class="w-full h-8 bg-blue-700 fixed bottom-0" id="hidden_large">
        <div>
          <p></p>
@@ -720,7 +724,15 @@
          >
          <input class="hidden" type="checkbox" id="mobile_mnu" />
          <div class="mobile_menu bg-cyan-200 transition duration-150">
-            <!-- mobile_menu_item -->
+            
+            
+            
+            
+
+
+
+
+
            <div class="bg-white">
              <div class="text-center">
                <button class="text-sm font-medium py-2 px-4 rounded">
@@ -1037,9 +1049,36 @@
                          >IQAC</router-link
                        >
                      </MenuItem>
-                      <!-- <MenuItem v-slot="{ active }">
-                                              <router-link to="/Teacher's-Council":class="[active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block px-1 py-2 text-sm']">Teacher's Council</router-link>
-                                          </MenuItem> -->
+                      <MenuItem v-slot="{ active }">
+                  <router-link
+                    to="/naac"
+                    :class="[
+                      active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                      'block px-1 py-2 text-sm',
+                    ]"
+                    >NAAC</router-link
+                  >
+                </MenuItem>
+                <MenuItem v-slot="{ active }">
+                  <router-link
+                    to="/nirf-data"
+                    :class="[
+                      active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                      'block px-1 py-2 text-sm',
+                    ]"
+                    >NIRF</router-link
+                  >
+                </MenuItem>
+                <MenuItem v-slot="{ active }">
+                  <router-link
+                    to="/aqar"
+                    :class="[
+                      active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
+                      'block px-1 py-2 text-sm',
+                    ]"
+                    >AQAR</router-link
+                  >
+                </MenuItem>
                      <MenuItem v-slot="{ active }">
                        <router-link
                          to="/students-union"
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <header  class="header">
+        <div class="lg:hidden grid grid-cols-6 bg-blue-700 place-items-center text-white">
+            <div class="grid col-span-1 "> <img class="w-16" src="/img/logo3.png" alt=""></div>
+            <div class="grid col-span-4 ">SREE CHAITANYA COLLEGE</div>
+            <div class="grid col-span-1 "><button class="hover:bg-white hover:text-blue-700 rounded-md p-1">Log In</button></div>
+        </div>
+        <div
+            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="Sreechaitanya College " class="absolute left-0 top-0 h-44 w-44 mt-2 ml-14"
+            />
+            Estd.-1956
+            <br />Sree Chaitanya College,Habra
+            <br />(Arts and Science)
+            <br />Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B
+        </div>
+    </header>
+
+    <Nav />
+  </div>
+
+<!-- <div id="navbar">
+  <a class="active" href="#">Home</a>
+  <a href="#">News</a>
+  <a href="#">Contact</a>
+</div> -->
+<!-- 
+<div class="content">
+  <h3>Sticky Navigation Example</h3>
+  <p>The navbar will stick to the top when you reach its scroll position.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>
+</div> -->
+</template>
+
+<script>
+export default {
+    mounted () {
+      window.addEventListener('scroll', this.stickyMenu);
+    },
+    // created () {
+    //   window.addEventListener('scroll', this.stickyMenu);
+    // },
+    unmounted () {
+      window.removeEventListener('scroll', this.stickyMenu);
+    },
+    methods: {
+      stickyMenu (event) {
+        
+      var navbar = document.getElementById("navbar");
+      var sticky = navbar.offsetTop;
+        if (window.pageYOffset >= sticky) {
+          navbar.classList.add("sticky")
+          console.log(window.pageYOffset)
+        } else {
+          navbar.classList.remove("sticky");
+        }
+      }
+    }
+  }
+  // window.onscroll = function() {myFunction()};
+  
+  // var navbar = document.getElementById("navbar");
+  // var sticky = navbar.offsetTop;
+  
+  // function myFunction() {
+  //   if (window.pageYOffset >= sticky) {
+  //     navbar.classList.add("sticky")
+  //   } else {
+  //     navbar.classList.remove("sticky");
+  //   }
+  // }
+  </script>
--- a/src/components/Nav.vue
+++ b/src/components/Nav.vue
@@ -0,0 +1,98 @@
+<template>
+    <div class="hidden md:flex container-fluid" id="navbar" >
+        <div class="container mx-auto px-4" >
+            <a class="active" href="/">Home</a>
+            <a class="active" href="/about-us">About</a>
+            <a class="active" href="/notice">Notice</a>
+            <a class="active" href="/library">Library</a>
+            <a class="active" href="/administration">Administration</a>
+            <a class="active" href="/academics">Academics</a>
+            <a class="active" href="/organizations">Organizations</a>
+            <a class="active" href="/students">Students</a>
+        </div>
+    </div>
+</template>
+<script>
+
+export default {
+//   created () {
+//     window.addEventListener('scroll', this.stickyMenu);
+//   },
+//   unmounted () {
+//     window.removeEventListener('scroll', this.stickyMenu);
+//   },
+//   methods: {
+//     stickyMenu (event) {
+//     var navbar = document.getElementById("navbar");
+//     var sticky = navbar.offsetTop;
+//       if (window.pageYOffset >= sticky) {
+//         navbar.classList.add("sticky")
+//       } else {
+//         navbar.classList.remove("sticky");
+//       }
+//     }
+//   }
+}
+// window.onscroll = function() {myFunction()};
+
+// var navbar = document.getElementById("navbar");
+// var sticky = navbar.offsetTop;
+
+// function myFunction() {
+//   if (window.pageYOffset >= sticky) {
+//     navbar.classList.add("sticky")
+//   } else {
+//     navbar.classList.remove("sticky");
+//   }
+// }
+</script>
+<style>
+body {
+  margin: 0;
+
+}
+
+.header {
+  background-color: #ffffff;
+  text-align: center;
+}
+
+#navbar {
+  overflow: hidden;
+  background-color: #1d4ed8;
+}
+
+#navbar a {
+  float: left;
+  display: block;
+  color: #ffffff;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 16px;
+}
+
+#navbar a:hover {
+  background-color: #1e40af;
+  color: rgb(255, 255, 255);
+}
+
+/* #navbar a.active {
+  background-color: #1e40af;
+  color: white;
+} */
+
+.content {
+  padding: 16px;
+}
+
+.sticky {
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+.sticky + .content {
+  padding-top: 60px;
+}
+</style>
--- a/src/pages/[id].vue
+++ b/src/pages/[id].vue
@@ -1,33 +1,89 @@
 <template>
-<div class="container-fluid bg-white mx-auto mt-3  p-0">
-    <div v-if="isLoading">
-        <h2 class="ml-28 text-4xl">Loading ...</h2>
-    </div>
-    <div v-else>
-        <div v-html="page[0].content" class="container mx-auto">
+    <div class="container bg-white mx-auto mt-3  p-4">
+        <div v-if="isLoading">
+            <h2>Loading ...</h2>
+        </div>
+        <div v-else>
+            <!-- <h2>{{page[0].title}}</h2> -->
+            <div v-html="page[0].content" ></div>
+            <div v-if="fileAttached">
+                <h2>Attachments.</h2>
+                <ul>
+                    <li v-for="(file, index) in files">
+                        {{index+1}}. 
+                        <a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' "  :download="file.filename_download">
+                          {{ file.filename_download }}
+                        </a>
+                    </li>

+                </ul>
+
+            </div>
        </div>
    </div>
-</div>
 </template>
-
+    
 <script>
 export default {
    data() {
        return {
            page: null,
+            fileAttached:false,
+            files: [],
            isLoading: true
        }
    },
    mounted: function () {
        fetch('https://api8.siliconpin.com/items/scc22?filter[slug][_eq]=' + this.$route.params.id)
-        // fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
-            .then(response => response.json())
-            .then(data => {
-          this.page = data.data
-          console.log(data)
-          this.isLoading = false
-        })
+        .then((response) => {
+            if (response.ok) {
+                return response.json();
+            }
+            throw new Error('Something went wrong');
+            })
+            .then(jsonPageData => {
+                this.page = jsonPageData.data
+                console.log(this.page)
+                this.isLoading = false
+                return jsonPageData.data[0].id
+                }
+            )
+            .then((pageID) => {
+                fetch('https://api8.siliconpin.com/items/scc22_files_1?filter[scc22_id][_in]=' + pageID)
+                .then(resp => resp.json())
+                    .then(file => {
+                            let attIDs = ''
+                            let t = 0
+                            file.data.forEach(ids => {
+                                if (t == 0) attIDs = ids.directus_files_id
+                                else attIDs = attIDs + ',' + ids.directus_files_id
+                                t++
+                            });
+                            if(t>0) this.fileAttached=true
+                        return attIDs
+                    })
+                        .then((attIDs) => {
+                            fetch('https://api8.siliconpin.com/files?filter[id][_in]=' + attIDs)
+                            .then(resp => resp.json())
+                                .then(file => {
+                                    this.files = file.data
+                                })
+                        })
+            })
+            .catch((error) => {
+                console.log(error)
+                });
+    },
+    methods: {
+        // getAttachments(att) {
+
+        //     console.log(att)
+        //     // fetch('https://api8.siliconpin.com/items/ecom55?filter[slug][_eq]=' + this.$route.params.id)
+        //     //     .then(response => response.json())
+        //     //     .then(data => this.itemByCategory = data)
+        //     // console.log(this.itemByCategory)
+
+        // }
    }
 }
-</script>
+</script> 
--- a/src/pages/contact-us.vue
+++ b/src/pages/contact-us.vue
@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <h1 class="text-center text-3xl text-blue-900 mt-4 font-semibold">Contact Us</h1>
+        <p class="text-center mt-4">Phone: +913216237020</p>
+        <p class="text-center">Email: sreechaitanyacollege@rediffmail.com</p>
+    
+        <div class="grid place-items-center text-blue-900 text-2xl font-semibold mt-4">View College on Google Map
+            <!-- Google Map Copied Code -->
+            <iframe class="mt-4 mb-8" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.0775585659544!2d88.64048451555165!3d22.83661988504755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f8b071c69b9933%3A0x5181c48a7b97726e!2sSree%20Chaitanya%20College%2C%20Habra!5e0!3m2!1sen!2sin!4v1667829054410!5m2!1sen!2sin"
+                    width="500"
+                    height="400"
+                    frameborder="0"
+                    style="border:0;"
+                    
+                    aria-hidden="false"
+                    tabindex="0">
+            </iframe>
+        </div>
+    </div>
+</template>
--- a/src/pages/documents/[id].vue
+++ b/src/pages/documents/[id].vue
@@ -1,16 +1,16 @@
 <template>
-    <div class="container bg-white mx-auto mt-3  p-0">
+    <div class="container bg-white mx-auto mt-3  p-0 text-lg">
        <div v-if="isLoading">
            <h2>Loading ...</h2>
        </div>
        <div v-else>
-            <div v-html="page[0].content" class="container mx-auto">
+            <div v-html="page[0].content" class="container mx-auto text-blue-900 mt-14">


            </div>
            <div v-if="fileAttached">
-                <h2>Attachments</h2>
-                <table>
+                <h2 class="text-blue-900 text-center text-2xl font-semibold mb-16">Attachments</h2>
+                <table class="text-blue-700">
                <tr v-for="(file, index) in files">

                    <td>{{index+1}}. </td>
--- a/src/pages/documents/index.vue
+++ b/src/pages/documents/index.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="container bg-white mx-auto mt-3  p-0">
-        <h2>All pages having Documents / file Attachments are listed below:</h2>
+    <div class="container bg-white mx-auto mt-3  p-0 text-blue-900 leading-loose text-xl">
+        <h2 class="text-2xl text-blue-900">All pages having Documents / file Attachments are listed below:</h2>
        <br>
        <br>
        <br>
@@ -10,6 +10,7 @@
        <div v-else>
            <div  v-for="(item, index) in page" >
                <router-link :to="'/documents/'+item.slug"> <h3> {{item.title}}</h3> </router-link>
+                

           
                
--- a/src/pages/gallery.vue
+++ b/src/pages/gallery.vue
@@ -5,224 +5,224 @@
            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="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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                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"
+                            <img alt="gallery" class="block object-cover object-center w-full h-full rounded-lg transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-150"
                                src="/img/36.jpg">
                        </div>
                    </div>
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -12,57 +12,47 @@
        </div>
        <div class="flex justify-center">
            <div
-                class="flex justify-center right-56 bg-blue-600 w-56 text-white p-1 text-xl"
+                class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full"
            >Vision of The College</div>
        </div>
        <div class="flex-none mt-5 justify-center">
            <div
-                class="flex h-8 border-b border-slate-200 ml-5"
+                class="flex h-8 border-b border-slate-200 ml-5 "
            >Character Formation through Knowledge and Value-based Education for Transformation of the Society and the Nation</div>
        </div>
        <br />
        <div class="flex justify-center">
            <div
-                class="flex justify-center right-56 bg-blue-600 w-56 text-white p-1 text-xl gap-2"
+                class="flex justify-center right-56 bg-blue-700 w-56 text-white p-1 text-xl rounded-full mt-14"
            >Our Mission</div>
        </div>
+            
+        
        <div class="flex-none justify-center p-5">
            <div
                class="flex border-b border-slate-200"
-            >a) a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.</div>
+            >a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.</div>
            <div
                class="flex border-b border-slate-200 mt-3"
            >b) The college aims at moulding and shaping the students as good citizens with qualities of mind and heart showing commitment towards the nation as well as the community in which they live, extending the role of governance and leadership in discharging the different activities to its stakeholders and inculcating innovative practices. With such orientation students are expected to get involved in societal transformation.</div>
            <div
                class="flex border-b border-slate-200 mt-3"
            >c) Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us.</div>
-            <br />
-            <div class="grid grid-cols-2 h-80">
-                <div
-                    class="bg-auto bg-no-repeat bg-center"
-                    style="background-image: url(/img/clg_grdnt.jpg)"
-                >
-                    <img
-                        src="/img/clgprin.jpg"
-                        alt="/img/clgprin.jpg"
-                        class="m-7 w-10/12 rounded-md"
-                    />
-                </div>
-                <div
-                    class="bg-auto bg-no-repeat bg-center w-full"
-                    style="background-image: url(/img/clg_grdnt.jpg)"
-                >
-                    <p
-                        class="text-white text-sm mr-20 mt-10 leading-2 font-semibold"
-                    >a) To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution. c) Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us. rer</p>
-                    <button class="bg-indigo-500 rounded hover:bg-cyan-600 w-32 transition ease-in-out delay-150 text-white text-xl rounded-md mt-2">Read More</button>
-                </div>
-            </div>
-            <br />
-            <br />
-            <br />
+        
+        <div class="grid grid-cols-1 md:grid-cols-2 bg-local md:gap-8 mt-4" style="background-image: url('/img/clg_grdnt.jpg')">
+            <div class="grid place-items-center p-4"><img src="/img/clgprin.jpg" alt="" class="w-screen rounded-md"></div>
+            <div class="grid text-white place-items-center text-justify p-6"> To suit the above 'Vision', the 'Mission' of the College is to provide balanced, value based and knowledge based education informed by latest technology, with a view to instilling self-confidence among the students, in order to turn them into sensitive, dedicated and disciplined citizens who will display a high intellectual calibre, together with emotional balance and social commitment and particularly at helping the students with backward social and economic backgrounds living around the institution.Needless to say that since our College was established to serve the higher education needs of the hapless of youth, who had to bear the toll of Partition, we have always strove to spread education among this section of the society. Besides, we have to cater a huge number of students coming from the First Generation Literate families. Thus, our Vision and Mission does not come from any ivory tower but from the 'real' situation around us. rer</div>
+        </div>
+
+
+
+
+
+
+
+            
            <div class="flex justify-center">
-                <button class="bg-blue-600 w-56 text-white p-1 text-xl transition ease-in-out delay-150">Gallery</button>
+                <router-link to="/gallery"><button class="bg-blue-700 w-56 text-white p-1 mt-14 text-xl rounded-full">Gallery</button></router-link>
            </div>
        </div>
        <!-- <div
--- a/src/pages/nn/[id].vue
+++ b/src/pages/nn/[id].vue
@@ -0,0 +1,54 @@
+<template>
+    <div class="container-fluid bg-white mx-auto mt-3  p-0">
+        <div v-if="isLoading">
+            <h2 class="ml-28 text-4xl"> Page Loading ...</h2>
+        </div>
+        <div v-else>
+            
+                
+         
+                
+        <div class="grid grid-cols-1 md:grid-cols-2">
+            <div class="grid p-6"><h2 class="text-2xl font-semibold"> {{page[0].name}}</h2>
+                <h2 class="text-blue-700">By. {{page[0].author}}</h2>
+                    <h2 class="text-2xl font-semibold">Price. {{page[0].Price}}</h2>
+                    <img    :src="'https://api8.siliconpin.com/assets/'+page[0].img" alt="">
+                        <h2 class="text-red-900 font-bold text-xl mt-8">Book Details</h2>
+                            <div class="text-justify text-center " v-html="page[0].details"></div>
+                                <h2 class="text-xl font-semibold text-blue-700">Publishing Year {{page[0].Publishing_Year}}</h2>
+                </div>
+                <div>
+                
+            </div></div>
+        
+        
+        
+            
+        </div>
+    </div>
+    </template>
+
+
+
+
+<script>
+    export default {
+        data() {
+            return {
+                page: null,
+                isLoading: true
+                
+            }
+        },
+        mounted: function (){
+            fetch('https://api8.siliconpin.com/items/books?filter[slug][_in]='+this.$route.params.id)
+            
+            .then(response => response.json())
+            .then(data => {
+            this.page = data.data
+            this.isLoading = false
+            console.log(this.page.Publishingyear)
+            })
+        }
+    }
+</script>
--- a/src/pages/nn/index.vue
+++ b/src/pages/nn/index.vue
@@ -0,0 +1,38 @@
+<template>
+    <div>
+        <div v-if="isLoading">
+        <h2 class="text-center text-4xl text-pink-600 font-extrabold">Loading......</h2></div>
+            <div v-else> 
+                <div class="container mx-auto text-blue-800 " v-for="(item, index) in page">
+            <router-link :to="'/nn/'+item.slug"><h3>{{item.name}}   </h3></router-link>
+            
+            
+                
+            
+             </div></div>
+
+    </div>
+</template>
+
+
+
+
+<script>
+    export default {
+        data() {
+            return {
+                page: null,
+                isLoading: true
+            }
+        },
+        mounted: function (){
+            fetch('https://api8.siliconpin.com/items/books?')
+            
+            .then(response => response.json())
+            .then(data => {
+            this.page = data.data
+            this.isLoading = false
+            })
+        }
+    }
+</script>
--- a/src/pages/notice/[id].vue
+++ b/src/pages/notice/[id].vue
@@ -1,23 +1,22 @@
 <template>
-    <div class="container-fluid bg-white mx-auto mt-3  p-0">
+    <div class="container bg-white mx-auto mt-3  p-4">
        <div v-if="isLoading">
            <h2>Loading ...</h2>
        </div>
        <div v-else>
-            <div v-html="page[0].content" class="container mx-auto">
-
-
-            </div>
+            <h2>{{page[0].title}}</h2>
+            <div v-html="page[0].content" ></div>
            <div v-if="fileAttached">
-                <h2>Attachments</h2>
-                <div v-for="(file, index) in files">
+                <h2>Attachments.</h2>
+                <ul>
+                    <li v-for="(file, index) in files">
+                        {{index+1}}. 
+                        <a class="text-blue-600" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' "  :download="file.filename_download">
+                          {{ file.filename_download }}
+                        </a>
+                    </li>

-                    {{index+1}}
-                    <a target="_blank" :href="`https://api8.siliconpin.com/assets/` + file.id+'?download' "  :download="file.filename_download">
-                        <h3> {{ file.filename_download }}</h3>
-                    </a>
-
-                </div>
+                </ul>

            </div>
        </div>
@@ -44,6 +43,7 @@ export default {
            })
            .then(jsonPageData => {
                this.page = jsonPageData.data
+                console.log(this.page)
                this.isLoading = false
                return jsonPageData.data[0].id
                }
--- a/src/pages/notice/index.vue
+++ b/src/pages/notice/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container-fluid bg-white mx-auto mt-3  p-0">
+    <div class="container bg-white mx-auto mt-3  p-4 text-blue-700 leading-loose">
        <div v-if="isLoading">
            <h2>Loading ...</h2>
        </div>
@@ -31,7 +31,7 @@
            // fetch('https://api8.siliconpin.com/items/scc22?slug=about-us')
                .then(response => response.json())
                .then(data => {
-              this.page = data.data
+              this.page = data.data.reverse()
            //   console.log(data)
              this.isLoading = false
            })
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -39,10 +39,13 @@ declare module 'vue-router/auto/routes' {
    '/[...404]': RouteRecordInfo<'/[...404]', '/:404(.*)', { 404: ParamValue<true> }, { 404: ParamValue<false> }>,
    '/[id]': RouteRecordInfo<'/[id]', '/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
    '/about': RouteRecordInfo<'/about', '/about', Record<never, never>, Record<never, never>>,
+    '/contact-us': RouteRecordInfo<'/contact-us', '/contact-us', Record<never, never>, Record<never, never>>,
    '/documents/': RouteRecordInfo<'/documents/', '/documents', Record<never, never>, Record<never, never>>,
    '/documents/[id]': RouteRecordInfo<'/documents/[id]', '/documents/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
    '/gallery': RouteRecordInfo<'/gallery', '/gallery', Record<never, never>, Record<never, never>>,
    '/index2': RouteRecordInfo<'/index2', '/index2', Record<never, never>, Record<never, never>>,
+    '/nn/': RouteRecordInfo<'/nn/', '/nn', Record<never, never>, Record<never, never>>,
+    '/nn/[id]': RouteRecordInfo<'/nn/[id]', '/nn/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
    '/notice/': RouteRecordInfo<'/notice/', '/notice', Record<never, never>, Record<never, never>>,
    '/notice/[id]': RouteRecordInfo<'/notice/[id]', '/notice/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
    '/temp/google': RouteRecordInfo<'/temp/google', '/temp/google', Record<never, never>, Record<never, never>>,
Author	SHA1	Message	Date
Suvodip Ghosh	80cbacaf6a	menu	2023-02-13 19:48:43 +05:30
Kar	452f99b8e7	nrf	2023-01-13 16:46:59 +05:30
Kar	81630f7cb3	nirf mobile menu	2023-01-13 14:26:23 +05:30
Kar	5ef641a0d6	ico	2023-01-13 14:21:11 +05:30
Kar	1112ddb491	ico	2023-01-13 14:20:25 +05:30
Kar	86d6e41d49	nirf data menu	2023-01-13 14:17:42 +05:30
dev sp	eb77cd5e0a	notice	2023-01-04 12:27:43 +00:00
dev sp	17f541482b	f	2022-12-20 11:52:27 +00:00
suvo	bf18b0a5f8	Merge pull request 'update' (#3 ) from s3 into master Reviewed-on: #3	2022-11-12 13:25:37 +01:00
suvo dip	195b7b37f6	update	2022-11-12 04:23:40 -08:00
kar	54f191d593	Merge pull request 'stage 2' (#2 ) from s3 into master Reviewed-on: #2	2022-11-08 08:46:27 +01:00
suvo dip	9f886fd223	stage 2	2022-11-07 07:26:50 -08:00