Course info basic components

.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "lldb",
+            "request": "launch",
+            "name": "Debug",
+            "program": "${workspaceFolder}/<executable file>",
+            "args": [],
+            "cwd": "${workspaceFolder}"
+        }
+    ]
+}

components/Navbar/Navbar.tsx

@@ -27,6 +27,11 @@ const Navbar = () => {
               Departments
             </Link>
           </li>
+          <li>
+            <Link href="/courseinfo"  color="inherit" className="py-7  hover:text-berry active:text-berry font-medium tracking-wider px-3 inline-block">
+              Course Info
+            </Link>
+          </li>
           <li>
             <Link href="/about" className="py-7  hover:text-berry active:text-berry font-medium tracking-wider px-3 inline-block">
               About Us

components/course_info/Book.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { AiFillFilePdf } from "react-icons/ai";
+import { MdDownload } from "react-icons/md";
+
+const Book = () => {
+  return (
+    <a className='w-1/2 my-3 bg-mauve flex justify-between m-auto hover:bg-blush ' href='https://www.google.co.in/' target="_blank" rel="noopener noreferrer">
+      <div className='flex align-middle justify-center'>
+        <span className='m-2 p-2'>
+          <AiFillFilePdf size={50} />
+        </span>
+        <span className='my-auto p-2'>BOOK 1</span>
+      </div>
+      <div className='my-auto p-2 hover:cursor-pointer'>
+        <MdDownload size={50}/>
+      </div>
+    </a>
+  )
+}
+
+export default Book;

components/course_info/Content.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { AiFillFilePdf } from "react-icons/ai";
+import { MdDownload } from "react-icons/md";
+
+const Content = () => {
+  return (
+    <a className='w-1/2 my-3 bg-mauve flex justify-between m-auto hover:bg-blush ' href='https://www.google.co.in/' target="_blank" rel="noopener noreferrer">
+      <div className='flex align-middle justify-center'>
+        <span className='m-2 p-2'>
+          <AiFillFilePdf size={50} />
+        </span>
+        <span className='my-auto p-2'> NOTES 1</span>
+      </div>
+      <div className='my-auto p-2 hover:cursor-pointer'>
+        <MdDownload size={50}/>
+      </div>
+    </a>
+  )
+}
+
+export default Content

components/course_info/Past.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { AiFillFilePdf } from "react-icons/ai";
+import { MdDownload } from "react-icons/md";
+
+const Past = () => {
+  return (
+    <a className='w-1/2 my-3 bg-mauve flex justify-between m-auto hover:bg-blush ' href='https://www.google.co.in/' target="_blank" rel="noopener noreferrer">
+      <div className='flex align-middle justify-center'>
+        <span className='m-2 p-2'>
+          <AiFillFilePdf size={50} />
+        </span>
+        <span className='my-auto p-2'>PAPER 1</span>
+      </div>
+      <div className='my-auto p-2 hover:cursor-pointer'>
+        <MdDownload size={50}/>
+      </div>
+    </a>
+  )
+}
+
+export default Past;

components/course_info/Tut.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { AiFillFilePdf } from "react-icons/ai";
+import { MdDownload } from "react-icons/md";
+
+const Tut = () => {
+  return (
+    <a className='w-1/2 my-3 bg-mauve flex justify-between m-auto hover:bg-blush ' href='https://www.google.co.in/' target="_blank" rel="noopener noreferrer">
+      <div className='flex align-middle justify-center'>
+        <span className='m-2 p-2'>
+          <AiFillFilePdf size={50} />
+        </span>
+        <span className='my-auto p-2'>TUTORIAL 1</span>
+      </div>
+      <div className='my-auto p-2 hover:cursor-pointer'>
+        <MdDownload size={50}/>
+      </div>
+    </a>
+  )
+}
+
+export default Tut;

components/layout.tsx

@@ -4,9 +4,11 @@ import Navbar from './Navbar/Navbar'
 const Layout = ({ children }) => {
 	return (
 		<div>
-			<Navbar/>
-			<main>{children}</main>
-			<Footer />
+	  <div>
+      <Navbar/>
+      <main>{children}</main>
+      <Footer />
+    </div>
 		</div>
 	)
 }

package.json

@@ -11,8 +11,9 @@
     "precommit": "lint-staged"
   },
   "dependencies": {
+    "@material-tailwind/react": "^1.2.5",
     "@reacticons/ionicons": "^6.0.4",
-    "next": "13.0.6",
+    "next": "13.1.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.7.1"
@@ -22,7 +23,7 @@
     "@types/react": "18.0.26",
     "autoprefixer": "^10.4.13",
     "eslint": "8.25.0",
-    "eslint-config-next": "13.0.6",
+    "eslint-config-next": "13.1.2",
     "eslint-config-prettier": "^8.5.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",

pages/_app.tsx

@@ -1,10 +1,11 @@
 import '../styles/globals.css'
 import Layout from '../components/layout'
-
+// import Cardl from './cardl'
 export default function MyApp({ Component, pageProps }) {
 	return (
 		<Layout>
 			<Component {...pageProps} />
+			{/* <Cardl/> */}
 		</Layout>
 
 	)

pages/courseinfo.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Content from '../components/course_info/Content'
+import Book from '../components/course_info/Book'
+import Tut from '../components/course_info/Tut'
+import Past from '../components/course_info/Past'
+const courseinfo = () => {
+  return (
+    <>
+    <Content/>
+    <Book/>
+    <Tut/>
+    <Past/>
+
+    </>
+  )
+}
+
+export default courseinfo