Syllabus for Particular Year Displayed

AbhiDiva96 · May 29, 2024 · 4421197 · 4421197
1 parent fda0e27
commit 4421197
Show file tree

Hide file tree

Showing 9 changed files with 370 additions and 29 deletions.
diff --git a/src/components/page3/1Year.js b/src/components/page3/1Year.js
@@ -36,7 +36,7 @@ function fstYear() {
 </div>
 </Link>
 
-<Link class="link" to='/syllabus'>
+<Link class="link" to='/fstsyllabus'>
 <div class="card pink">
 <img src={syllabus} alt="" />
   <p class="second-text">Syllabus</p>

diff --git a/src/components/page3/2Year.js b/src/components/page3/2Year.js
@@ -35,7 +35,7 @@ function sndYear() {
   </div>
   </Link>
 
- <Link class="link" to='/syllabus'>
+ <Link class="link" to='/sndsyllabus'>
   <div class="card pink">
   <img src={syllabus} alt="" />
     <p class="second-text">Syllabus</p>

diff --git a/src/components/page3/3Year.js b/src/components/page3/3Year.js
@@ -38,7 +38,7 @@ function TrdYear() {
     </div>
     </Link>
 
-   <Link class="link" to='/syllabus'>
+   <Link class="link" to='/trdsyllabus'>
     <div class="card pink">
     <img src={syllabus} alt="" />
       <p class="second-text">Syllabus</p>

diff --git a/src/components/page3/4Year.js b/src/components/page3/4Year.js
@@ -1,20 +1,7 @@
-// import React from 'react'
-
-// function fothYear() {
-//   return (
-//     <div>
-//       <h1>Fourth Year</h1>
-//     </div>
-//   )
-// }
-
-// export default fothYear
-
-
 import React from 'react'
 import {Link} from 'react-router-dom';
-// import '../page3/3Year.css'
 import Header from '../../pages/header';
+import '../page3/1Year.css';
 
 
 import quantumImage from '../../assets/5th.png';
@@ -27,13 +14,44 @@ import ComingSoon from '../../pages/cs.js'
 
 function fothYear() {
 
-  return (
-    <div>
-    <ComingSoon />
+
+    return (
+  <div>
 
-{/* <Footer /> */}
+  <Header/>
+
+    <div className="yr">
+    <h2>4th year</h2>
     </div>
-  )
-}
+
+    <div className="content">
+      <div className="cards">
+
+
+
+  <Link to='/frthsyllabus'>
+  <div className="card pink">
+  <img src={syllabus} alt="" />
+    <p className="second-text">Syllabus</p>
+  </div> 
+  </Link>
+
+
+
+
+
+
+
+  </div>
+  </div>
+
+  </div>
+
+    )
+  }
+
+
+
+
 
 export default fothYear;
diff --git a/src/components/page5(1st)/fstsyllabus.js b/src/components/page5(1st)/fstsyllabus.js
@@ -1,11 +1,73 @@
-import React from 'react'
+import React  from 'react'
+import Header from "../../pages/header";
+import Footer from "../../pages/footer";
+import '../page4/syllabus.css';
 
-function fstsyllabus() {
+
+const fstsyllabus =() => {
+
+    // const[selectSem, setSelectSem] = useState(null);
+
+    const handleDownload = (syllabus) =>{
+         const syllabusFilePath =  process.env.PUBLIC_URL +  `/syllabus/${syllabus}.pdf`;
+
+         const link = document.createElement('a');
+         link.href = syllabusFilePath;
+         link.download = `syllabus${syllabus}.pdf`;
+         document.body.appendChild(link);
+         link.click();
+         document.body.removeChild(link);
+    }
   return (
     <div>
-
+        <Header/>
+         <h2 className='head'> Download Syllabus</h2>
+
+         <div class="ag-format-container">
+  <div class="ag-courses_box">
+    <div class="ag-courses_item">
+      <a href="#" class="ag-courses-item_link">
+        <div class="ag-courses-item_bg"></div>
+
+        <div class="ag-courses-item_title">
+         Semester 1st
+        </div>
+
+        <div class="ag-courses-item_date-box">
+
+          <span class="ag-courses-item_date">
+          <button onClick={() => handleDownload("1stsem")} >Download</button>
+
+          </span>
+        </div>
+      </a>
+    </div>
+
+    <div class="ag-courses_item">
+      <a href="#" class="ag-courses-item_link">
+        <div class="ag-courses-item_bg"></div>
+
+        <div class="ag-courses-item_title">
+            Semester 2nd
+         </div>
+
+        <div class="ag-courses-item_date-box">
+
+          <span class="ag-courses-item_date">
+          <button onClick={() => handleDownload("2ndsem")} >Download</button>
+          </span>
+        </div>
+      </a>
+    </div>
+  </div>
+</div>
+      <Footer/>
     </div>
   )
 }
 
 export default fstsyllabus
+
+
+
+
diff --git a/src/components/page6(2nd)/sndsyllabus.js b/src/components/page6(2nd)/sndsyllabus.js
@@ -0,0 +1,80 @@
+import React  from 'react'
+import Header from "../../pages/header";
+import Footer from "../../pages/footer";
+import '../page4/syllabus.css';
+
+
+const Syllabus =() => {
+
+    // const[selectSem, setSelectSem] = useState(null);
+
+    const handleDownload = (syllabus) =>{
+         const syllabusFilePath =  process.env.PUBLIC_URL +  `/syllabus/${syllabus}.pdf`;
+
+         const link = document.createElement('a');
+         link.href = syllabusFilePath;
+         link.download = `syllabus${syllabus}.pdf`;
+         document.body.appendChild(link);
+         link.click();
+         document.body.removeChild(link);
+    }
+  return (
+    <div>
+        <Header/>
+
+
+         <h2 className='head'> Download Syllabus</h2>
+
+         <div class="ag-format-container">
+  <div class="ag-courses_box">
+
+
+
+
+    <div class="ag-courses_item">
+      <a href="#" class="ag-courses-item_link">
+        <div class="ag-courses-item_bg"></div>
+
+        <div class="ag-courses-item_title">
+       Semester 3rd
+        </div>
+
+        <div class="ag-courses-item_date-box">
+          <span class="ag-courses-item_date">
+          <button onClick={() => handleDownload("3rdsem")} >Download</button>
+
+          </span>
+        </div>
+      </a>
+    </div>
+
+    <div class="ag-courses_item">
+      <a href="#" class="ag-courses-item_link">
+        <div class="ag-courses-item_bg"></div>
+
+        <div class="ag-courses-item_title">
+          Semester 4th
+        </div>
+
+        <div class="ag-courses-item_date-box">
+
+          <span class="ag-courses-item_date">
+          <button onClick={() => handleDownload("4thsem")} >Download</button>
+          </span>
+        </div>
+      </a>
+    </div>
+
+
+
+
+  </div>
+</div>
+      <Footer/>
+    </div>
+  )
+}
+
+export default Syllabus
+
+
diff --git a/src/components/page7(4yr)/frthsyllabus.js b/src/components/page7(4yr)/frthsyllabus.js
@@ -0,0 +1,81 @@
+import React  from 'react'
+import Header from "../../pages/header";
+import Footer from "../../pages/footer";
+import '../page4/syllabus.css';
+
+
+const frthsyllabus =() => {
+
+    // const[selectSem, setSelectSem] = useState(null);
+
+    const handleDownload = (syllabus) =>{
+         const syllabusFilePath =  process.env.PUBLIC_URL +  `/syllabus/${syllabus}.pdf`;
+
+         const link = document.createElement('a');
+         link.href = syllabusFilePath;
+         link.download = `syllabus${syllabus}.pdf`;
+         document.body.appendChild(link);
+         link.click();
+         document.body.removeChild(link);
+    }
+  return (
+    <div>
+        <Header/>
+
+
+         <h2 className='head'> Download Syllabus</h2>
+
+         <div class="ag-format-container">
+  <div class="ag-courses_box">
+
+
+    <div class="ag-courses_item">
+      <a href="#" class="ag-courses-item_link">
+        <div class="ag-courses-item_bg"></div>
+
+        <div class="ag-courses-item_title">
+         Semester 7th
+        </div>
+
+        <div class="ag-courses-item_date-box">
+
+          <span class="ag-courses-item_date">
+          <button onClick={() => handleDownload("4thyrsyllabus")} >Download</button>
+
+          </span>
+        </div>
+      </a>
+    </div>
+
+    <div class="ag-courses_item">
+      <a href="#" class="ag-courses-item_link">
+        <div class="ag-courses-item_bg"></div>
+
+        <div class="ag-courses-item_title">
+         Semester 8th
+        </div>
+
+        <div class="ag-courses-item_date-box">
+
+          <span class="ag-courses-item_date">
+          <button onClick={() => handleDownload("4thyrsyllabus")} >Download</button>
+
+          </span>
+        </div>
+      </a>
+    </div> 
+
+
+
+
+
+  </div>
+</div>
+      <Footer/>
+    </div>
+  )
+}
+
+export default frthsyllabus
+
+