Collaboration Page Completed

Author: Jai-Solania-29

Diff for: package-lock.json

@@ -6,6 +6,8 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "fonts": "^0.0.2",
+    "google": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",

Diff for: package.json

@@ -1,10 +1,12 @@
 import React from 'react'
+import Collaboration from './components/Collaboration';
 import Header from "./components/Header";
 
 const App = () => {
   return (
     <div>
       <Header />
+      <Collaboration />
     </div>
   )
 }

Diff for: src/App.js

@@ -0,0 +1,23 @@
+import React from "react";
+import side from "../Images/Collaborations_Left.png";
+import partner from "../Images/D2d 4.png";
+import "../styles/collaboration.css";
+
+
+function Collaboration() {
+    return(
+        <div className="collab">
+            <div className="content">
+                <h1 className="c-head">Our <span className="sub">Collaborations</span></h1>
+                <div className="partner">
+                    <img className="side" src={side} alt="side" />
+                    <img className="partner-img" src={partner} alt="partner" />
+                    <img className="partner-img" src={partner} alt="partner" />
+                    <img className="partner-img" src={partner} alt="partner" />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default Collaboration;

Diff for: src/Images/Collaborations_Left.png

@@ -0,0 +1,29 @@
+.collab{
+    margin-top: 14%;
+}
+.c-head{
+
+    font-family: 'Roboto', sans-serif;
+    font-style: normal;
+    font-weight: 700;
+    font-size: 3rem;
+    line-height: 120%;
+
+    text-align: center;
+    
+
+    color: #000000;
+}
+
+.sub{
+    color: #FF0404;
+}
+
+.partner{
+    margin-top: -9.4%;
+}
+
+.partner-img{
+    margin-right: 12%;
+    margin-bottom: 12%;
+}