NEW

Author: devsdenepal

src/App.jsx

@@ -11,6 +11,7 @@ import Glimpses from './assets/Components/Glimpses/Glimpses'
 import Testimonial from './assets/Components/Testimonials/Testimonial'
 import Testimonials_2 from './assets/Components/Testimonials/Testimonials_2'
 import Contact from './assets/Components/Contact/Contact'
+import Collabs from './assets/Components/Collabs/Collabs';
 const App = () => {
   return (
     <BrowserRouter>
@@ -29,7 +30,7 @@ const App = () => {
         {/* <Title title='TESTIMONIALS' subtitle='What student says'></Title> */}
         {/* <Testimonial></Testimonial> */}
         <Title title='COMMUNITIES AND ORGANIZATIONS' subtitle='Partnership and Collaboration With'></Title>
-        <Glimpses></Glimpses>
+        <Collabs></Collabs>
         <Title title='TESTIMONIALS' subtitle='From Board and Advisors'></Title>
         <Testimonials_2></Testimonials_2>
         <Title title='LEAVE A FEEDBACK' subtitle='Suggestions and Plans'></Title>

src/assets/Components/Collabs/Collabs.jsx

@@ -1,20 +1,29 @@
 import React from 'react'
 import "../Glimpses/Glimpses.css"
+import amc from '../amc.jpg'
+import abs from '../abs.jpg'
+import bmcit from '../bmcit.jpg'
+import cfc from '../cfc.jpg'
+import collab from '../collab.jpg'
+import conb from '../conb.jpg'
+import dgtl from '../dgtl.jpg'
+import dr from '../dr.jpg'
+import poster from "../nposter.png"
 const Collabs = () => {
   return (
     <div className="album">
             <div className="gallery">
-                <img src={poster} alt="" />
-                <img src={poster} alt="" />
-                <img src={poster} alt="" />
-                <img src={poster} alt="" />
+                <img src={amc} alt="" />
+                <img src={dr} alt="" />
+                <img src={conb} alt="" />
+                <img src={collab} alt="" />
 
             </div>
             <div className="gallery">
-                <img src={poster} alt="" />
-                <img src={poster} alt="" />
-                <img src={poster} alt="" />
-                <img src={poster} alt="" />
+                <img src={bmcit} alt="" />
+                <img src={dgtl} alt="" />
+                {/* <img src={poster} alt="" />
+                <img src={poster} alt="" /> */}
 
             </div>
             <button className="btn dark-btn">See more here &nbsp;<i className="fa-solid fa-arrow-right"></i> </button>

src/assets/Components/Glimpses/Glimpses.jsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import './Glimpses.css'
 import poster from "../nposter.png"
+import amc from '../amc.jpg'
 const Glimpses = () => {
     return (
         <div className="album" id='album'>