+
} />
@@ -38,4 +42,4 @@ function App() {
);
}
-export default App;
+export default App;
\ No newline at end of file
diff --git a/Frontend/src/Components/Card/Card.css b/Frontend/src/Components/Card/Card.css
new file mode 100644
index 0000000..9bae51a
--- /dev/null
+++ b/Frontend/src/Components/Card/Card.css
@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body {
+ padding: 0;
+ margin: 0;
+}
+
+* {
+ box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/Frontend/src/Components/Card/Card.tsx b/Frontend/src/Components/Card/Card.tsx
new file mode 100644
index 0000000..713ce01
--- /dev/null
+++ b/Frontend/src/Components/Card/Card.tsx
@@ -0,0 +1,137 @@
+import React, { useState, useRef, useEffect, ReactElement } from 'react';
+import './Card.css'
+
+// Data
+import data from './data.json';
+import { WidthFull } from '@mui/icons-material';
+
+const Carousel: React.FC = (): ReactElement => {
+ const maxScrollWidth = useRef
+
+ );
+};
+
+export default Carousel;
\ No newline at end of file
diff --git a/Frontend/src/Components/Card/data.json b/Frontend/src/Components/Card/data.json
new file mode 100644
index 0000000..a7f7f4b
--- /dev/null
+++ b/Frontend/src/Components/Card/data.json
@@ -0,0 +1,49 @@
+{
+ "resources": [
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb10-1.fna.fbcdn.net/v/t39.30808-6/354453406_645590694281448_1781249478411545919_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=a73e89&_nc_ohc=Q1FavUuoUAMAX8MeZ1u&_nc_ht=scontent.fcmb10-1.fna&oh=00_AfAAf5J5Tj6nWdBzOA7eyise8yiQMiLy9xzrhGt0PA6H2A&oe=65C35AB1"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb10-1.fna.fbcdn.net/v/t39.30808-6/354470990_645590660948118_820620153307905222_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=a73e89&_nc_ohc=nsq0b4kzdkAAX-6qMci&_nc_ht=scontent.fcmb10-1.fna&oh=00_AfDorPV1e2Dmd_7lYReMzP7WrNxGJbLUdilY1JwJECbh6g&oe=65C26FEB"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/356632413_645600034280514_1421169240298804468_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=a73e89&_nc_ohc=3ImysAsoFzQAX9Mx-AV&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfALjsCmP3Rsyo3PtWLasFR28AUd0oPjgiDBfB9p7mX6Uw&oe=65C3F038"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/356660568_645608677612983_2836645732545907395_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=a73e89&_nc_ohc=vi5LDlVSpU8AX_PLWk7&_nc_oc=AQkeBsm3KKxE8sDohpzdXcB0pSb1t-M3_uVdsdNR9731fAIXwheUgOKi4NxMIU9blrU&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfBnkGKpT2gHFeTWsg3o-fo4cy9PELiam5OPeWyQXiOdyA&oe=65C3C78B"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/354464542_645609107612940_4679852385528813285_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=a73e89&_nc_ohc=s3lEVzkoGUcAX_hkcMe&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfChwmE4S8huoIVFrgwiK-Ac5zpOSVqdpCB_yX2d4n981g&oe=65C31E0E"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/355095014_645609044279613_5118474991947069576_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=a73e89&_nc_ohc=uyHG7bEkN4MAX8pNqm8&_nc_oc=AQm9xk8ZoZLZIHbvkcKuQMD6_H99lHeFHSjpTSd0egvibEFn1QDM9Eaqs3OSv4PTCPM&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfB_78du78OtEFrhHhiNvNQ_pDK-a9RkkfcP3SsffSrvdA&oe=65C2FFB8"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/354623051_645609014279616_2405070884842817133_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=a73e89&_nc_ohc=CFsdBoS0gOgAX-i91dV&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfBAVCbHPmgc4XmTkiQ_OaYx6KUUCd7GRtXRnsaeNQaDyQ&oe=65C2A5FC"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/354582232_645608820946302_8808117566942528300_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=a73e89&_nc_ohc=pD-WuwmSXNUAX-ygtDl&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfCKMirXgLND7jPIGKKc3m9Yvgn4YEvloUL7XbBeRLMOcA&oe=65C3A85A"
+ },
+ {
+ "title": "Hackaholics 5.0",
+
+ "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/355480523_645602277613623_1774779047277731409_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=a73e89&_nc_ohc=o8ADleZ9cK0AX-Fpm-b&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfAKcZledgfHwP3_c2ksY5OrYw8LaX5OC7-p-UqMaUdOpw&oe=65C21249"
+ }
+ ]
+ }
\ No newline at end of file
diff --git a/Frontend/src/Components/Card/drive.jpg b/Frontend/src/Components/Card/drive.jpg
new file mode 100644
index 0000000..9367833
Binary files /dev/null and b/Frontend/src/Components/Card/drive.jpg differ
diff --git a/Frontend/src/Components/FAQ/FAQ.css b/Frontend/src/Components/FAQ/FAQ.css
index a61f37d..29f5a0b 100644
--- a/Frontend/src/Components/FAQ/FAQ.css
+++ b/Frontend/src/Components/FAQ/FAQ.css
@@ -7,13 +7,15 @@
}
.faqDiv {
width: 100%;
- height: 70vh;
+ height: 90vh;
background-color: #f5f5f5;
color: black;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
+ padding-bottom: 50px;
+ padding-top: 50px;
}
.faqContainor {
width: 70%;
diff --git a/Frontend/src/Components/FAQ/FAQContainor.tsx b/Frontend/src/Components/FAQ/FAQContainor.tsx
index 068ba7b..1638f60 100644
--- a/Frontend/src/Components/FAQ/FAQContainor.tsx
+++ b/Frontend/src/Components/FAQ/FAQContainor.tsx
@@ -1,54 +1,59 @@
-import React from 'react';
-import { styled } from '@mui/material/styles';
-import { ArrowForwardIosSharp } from '@mui/icons-material';
-import MuiAccordion, { AccordionProps } from '@mui/material/Accordion';
+import React from "react";
+import { styled } from "@mui/material/styles";
+import { ArrowForwardIosSharp } from "@mui/icons-material";
+import MuiAccordion, { AccordionProps } from "@mui/material/Accordion";
import MuiAccordionSummary, {
AccordionSummaryProps,
-} from '@mui/material/AccordionSummary';
-import MuiAccordionDetails from '@mui/material/AccordionDetails';
-import Typography from '@mui/material/Typography';
+} from "@mui/material/AccordionSummary";
+import MuiAccordionDetails from "@mui/material/AccordionDetails";
+import Typography from "@mui/material/Typography";
import "./FAQ.css";
const Accordion = styled((props: AccordionProps) => (
+ Hackaholics 5.0 +
+
+
+
+
+
+
+
+ {/* carousel bar */}
+
+ {data.resources.map((resource, index) => {
+ return (
+
+
+
+ 
+
+
+ );
+ })}
+