diff --git a/src/index.css b/src/index.css
index 367c7d7..fa4d2a0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,3 +16,4 @@ code {
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css?family=Poppins");
@import url("https://fonts.googleapis.com/css?family=Segoe+UI");
+@import url("https://fonts.googleapis.com/css?family=Gothic+A1");
diff --git a/src/partners/partners-components/current/current.css b/src/partners/partners-components/current/current.css
new file mode 100644
index 0000000..8e14038
--- /dev/null
+++ b/src/partners/partners-components/current/current.css
@@ -0,0 +1,46 @@
+.current-heading {
+ font-family: Josefin Sans;
+ font-weight: bold;
+ font-size: 64px;
+ line-height: 64px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.current-photos {
+ padding: 150px 50px 200px 50px;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+.current-photos-indiv {
+ padding: 10px 30px;
+}
+
+@media only screen and (max-width: 600px) {
+ .current-photos-indiv-goodluck {
+ width: 280px;
+ }
+ .current-photos-indiv-jlcpcb {
+ width: 280px;
+ }
+ .current-photos-indiv-wilwood {
+ width: 280px;
+ }
+ .current-photos-indiv-simscale {
+ width: 280px;
+ }
+ .current-photos-indiv-gigavac {
+ width: 280px;
+ }
+ .current-photos-indiv-bqf {
+ width: 280px;
+ }
+ .current-photos-indiv-coroplast {
+ width: 280px;
+ }
+ .current-photos-indiv-app {
+ width: 280px;
+ }
+}
diff --git a/src/partners/partners-components/current/current.jsx b/src/partners/partners-components/current/current.jsx
new file mode 100644
index 0000000..cd1b0f2
--- /dev/null
+++ b/src/partners/partners-components/current/current.jsx
@@ -0,0 +1,93 @@
+import React, { Component } from "react";
+import "./current.css";
+import Melasta from "../../../assets/partners/melasta.svg";
+import CFT from "../../../assets/partners/cft.svg";
+import Goodluck from "../../../assets/partners/goodluck.svg";
+import Jlcpcb from "../../../assets/partners/jlcpcb.png";
+import IPG from "../../../assets/partners/ipg.svg";
+import Gri from "../../../assets/partners/gri-pump.svg";
+import Wilwood from "../../../assets/partners/wilwood.png";
+import Simscale from "../../../assets/partners/SimScale_Logo_PNG.png";
+import Gigavac from "../../../assets/partners/gigavac.png";
+import BQF from "../../../assets/partners/bqf.png";
+
+import APP from "../../../assets/partners/Anderson-Power-Products.png";
+import Coroplast from "../../../assets/partners/Coroplast_Logo.png";
+import PCB from "../../../assets/partners/pcb_power_logo.png";
+
+class Current extends Component {
+ state = {
+ gold: [
+ {
+ image: Melasta,
+ },
+ ],
+ };
+ render() {
+ return (
+
+
+
+ GOLD
+
+
+
+
+
+
+
+ SILVER
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+export default Current;
diff --git a/src/partners/partners-components/former/former.css b/src/partners/partners-components/former/former.css
new file mode 100644
index 0000000..2a1229f
--- /dev/null
+++ b/src/partners/partners-components/former/former.css
@@ -0,0 +1,39 @@
+.former-photos-indiv {
+ padding: 10px 30px;
+}
+.former-images {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ padding: 10vw 5vw 15vw 5vw;
+}
+@media only screen and (max-width: 600px) {
+ .former-photos-indiv-munjal {
+ width: 300px;
+ }
+ .former-photos-indiv-wilwood {
+ width: 300px;
+ }
+ .former-photos-indiv-valient {
+ width: 300px;
+ }
+ .former-photos-indiv-tidc {
+ width: 300px;
+ }
+ .former-photos-indiv-xilinx {
+ width: 300px;
+ }
+ .former-photos-indiv-mgs {
+ width: 300px;
+ }
+ .former-photos-indiv-wb {
+ width: 300px;
+ }
+ .former-photos-indiv-iotrek {
+ width: 300px;
+ }
+ .former-photos-indiv-phoenix {
+ width: 300px;
+ }
+}
diff --git a/src/partners/partners-components/former/former.jsx b/src/partners/partners-components/former/former.jsx
new file mode 100644
index 0000000..bb8149e
--- /dev/null
+++ b/src/partners/partners-components/former/former.jsx
@@ -0,0 +1,97 @@
+import React, { Component } from "react";
+import "./former.css";
+import Nbc from "../../../assets/partners/nbc.png";
+import Ansys from "../../../assets/partners/ansys.png";
+import Blc from "../../../assets/partners/blc.png";
+import Ae from "../../../assets/partners/ae.png";
+import Onics from "../../../assets/partners/onics.png";
+import Munjal from "../../../assets/partners/munjal.png";
+import Siam from "../../../assets/partners/siam.png";
+import Sbi from "../../../assets/partners/sbi.png";
+import Motul from "../../../assets/partners/motul.png";
+import Wilwood from "../../../assets/partners/wilwood.png";
+import Navigus from "../../../assets/partners/navigus.png";
+import Oxigen from "../../../assets/partners/oxigen.png";
+import Valient from "../../../assets/partners/valiant.png";
+import Tidc from "../../../assets/partners/tidc.png";
+import Xilinx from "../../../assets/partners/xilinx.png";
+import Mgs from "../../../assets/partners/mgs.png";
+import Wb from "../../../assets/partners/wb.png";
+import Iotrek from "../../../assets/partners/iotrek.png";
+import Rockman from "../../../assets/partners/rockman.png";
+import Vakr from "../../../assets/partners/vakr.png";
+import Nbcc from "../../../assets/partners/nbcc.png";
+import Phoenix from "../../../assets/partners/phoenix.png";
+import Bajaj from "../../../assets/partners/bajaj.png";
+import Tanna from "../../../assets/partners/tanna.png";
+import Uml from "../../../assets/partners/uml.png";
+import Sail from "../../../assets/partners/sail.png";
+import Tta from "../../../assets/partners/tta.png";
+
+class Former extends Component {
+ state = {};
+ render() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+ }
+}
+
+export default Former;
diff --git a/src/partners/partners.css b/src/partners/partners.css
new file mode 100644
index 0000000..0c09bfe
--- /dev/null
+++ b/src/partners/partners.css
@@ -0,0 +1,29 @@
+.partners-heading {
+ font-family: Gothic A1;
+ padding-top: 200px;
+ width: 100vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 48px;
+ line-height: 60px;
+}
+.partners-categories {
+ display: flex;
+ justify-content: space-around;
+ font-family: Montserrat;
+ font-size: 36px;
+ line-height: 44px;
+ padding: 100px 0px 80px 0px;
+}
+.partners-categories-active {
+ width: 100%;
+ height: 3px;
+ background-color: red;
+ border-radius: 5px;
+}
+@media only screen and (max-width: 400px) {
+ .partners-categories {
+ font-size: 30px;
+ }
+}
diff --git a/src/partners/partners.jsx b/src/partners/partners.jsx
new file mode 100644
index 0000000..245bf05
--- /dev/null
+++ b/src/partners/partners.jsx
@@ -0,0 +1,63 @@
+import React, { Component } from "react";
+import "./partners.css";
+import Navbar from "../components/navbar/navbar";
+import Current from "./partners-components/current/current";
+import Former from "./partners-components/former/former";
+
+class Partners extends Component {
+ state = {
+ active: "current",
+ };
+ handleClickCategory = (a) => {
+ if (this.state.active != "current" && a === "current") {
+ console.log(a);
+ this.setState({
+ active: "current",
+ });
+ } else if (this.state.active != "former" && a === "former") {
+ console.log(a);
+ this.setState({
+ active: "former",
+ });
+ }
+ };
+ render() {
+ return (
+
+
+
Our Partners
+
+
{
+ this.handleClickCategory("current");
+ }}
+ >
+ Current
+ {this.state.active === "current" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("former");
+ }}
+ >
+ Former
+ {this.state.active === "former" ? (
+
+ ) : null}
+
+
+ {this.state.active === "current" ? (
+
+ ) : (
+
+ )}
+
+ );
+ }
+}
+
+export default Partners;
diff --git a/src/projects/project.css b/src/projects/project.css
new file mode 100644
index 0000000..eaeb8fe
--- /dev/null
+++ b/src/projects/project.css
@@ -0,0 +1,68 @@
+.project-categories {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ padding: 200px 30vw 0px 30vw;
+ font-size: 48px;
+ line-height: 64px;
+ font-family: Montserrat;
+}
+.project-categories-featured {
+ color: #818181;
+ padding: 0px 5vw 0px 0px;
+}
+.project-categories-allprojects {
+ color: black;
+ padding: 0px 0px 0px 0px;
+ text-align: center;
+}
+.project-categories-allprojects-line {
+ background: red;
+ width: 100%;
+ height: 5px;
+ border-radius: 10px;
+}
+.project-information {
+ width: 100vw;
+ padding: 100px 50px;
+ display: flex;
+}
+.project-information-image {
+ width: 900px;
+ height: 350px;
+ margin: 100px 0vw 100px 5vw;
+ background-size: cover;
+}
+.project-text {
+ padding: 0px 2vw 0px 10vw;
+ width: 80vw;
+}
+.project-information-text-heading {
+ font-family: Lato;
+ font-size: 36px;
+ line-height: 48px;
+ letter-spacing: 0.05em;
+ color: #333;
+ padding-bottom: 50px;
+}
+.project-information-text-info {
+ font-size: 26px;
+ line-height: 36px;
+ letter-spacing: 0.05em;
+ font-family: Lato;
+ color: #333;
+}
+.project-information-text-viewspecs {
+ padding-top: 50px;
+ font-size: 18px;
+ line-height: 32px;
+ letter-spacing: 0.05em;
+ color: #6c6c6c;
+ display: inline-block;
+}
+.project-information-text-viewspecs-line {
+ background: red;
+ width: 100%;
+ height: 2px;
+ border-radius: 10px;
+}
diff --git a/src/projects/projectDetailText.json b/src/projects/projectDetailText.json
new file mode 100644
index 0000000..258ec1e
--- /dev/null
+++ b/src/projects/projectDetailText.json
@@ -0,0 +1,26 @@
+[
+ {
+ "id": "3",
+ "heading": "Car-2011",
+ "text": "Our first project, an IC Engine with which we participated in FSAE Australasia and became the first Indian team to complete the endurance event.",
+ "image": "require(\"../assets/proj1.jpg\")"
+ },
+ {
+ "id": "2",
+ "heading": "Car-2013",
+ "text": "In the second project, more than 35 students were part of the team which developed a plug-in series hybrid electric powertrain based race car and successfully participated at the international level in the competition “Formula Student, United Kingdom” held at the Silverstone F1 Racetrack, UK from 5-7 July 2013. It was organized by institution of mechanical Engineers (IMechE) in association with Jaguar Land Rover, Mercedes AMG, Shell etc. A total of 149 international teams from prestigious universities around the globe were registered in the event and IIT Roorkee was the only Indian team with a hybrid electric vehicle in the final competition. Here are the specifications of our hybrid car",
+ "image": ""
+ },
+ {
+ "id": "1",
+ "heading": "Car-2015 : Bolt",
+ "text": "The BOLT, the long term aim of the team is to advance the technology of electric vehicles so that they may become cheaper and more efficient compared to gasoline powered conventional cars. With this aim in mind and with the experience and confidence gained from the first two competitions, the team developed an all-electric vehicle and participated in FSAE Australasia 2015, held in Melbourne, Australia, December 2015. The car design was finalised after rigorous simulation and analysis of mechanical and electrical systems using software like Ansys, SolidWorks, ADAMS, MATLAB, Labsim and Multisim. After all this hardwork and patience, the team finally got its reward, being number one Indian team in the formula student electric rankings. Here is the complete report of our car from the competition FSAE Australasia.",
+ "image": ""
+ },
+ {
+ "id": "0",
+ "heading": "Car-2017 : SABER",
+ "text": "Being the best team among electric cars in India, team IIT ROORKEE MOTORSPORTS showcased it's ability again by building a fully electric car to run across the tracks of FORMULA GREEN 2017 in Coimbatore. SABER due to its unbeatable designing as well as awesome technical support, was able to beat the fastest team in competition by a gap of 31 second in friendly run. Panel was so impressed by its unique aero cooling system, cost effectiveness as well as hard work and dedication of Team that they gave us an HONORARY ENTRY in next Formula Green Competition",
+ "image": ""
+ }
+]
diff --git a/src/projects/projectDisplay.jsx b/src/projects/projectDisplay.jsx
new file mode 100644
index 0000000..6422812
--- /dev/null
+++ b/src/projects/projectDisplay.jsx
@@ -0,0 +1,50 @@
+import React, { Component } from "react";
+import Project from "./projects";
+import ProjectA from "../assets/proj7.jpg";
+import ProjectB from "../assets/slider3.jpg";
+import ProjectC from "../assets/proj6.jpg";
+import ProjectD from "../assets/proj4.jpg";
+
+class ProjectDisplay extends Component {
+ state = {
+ projectImages: [
+ {
+ id: "0",
+ image: ProjectA,
+ },
+ {
+ id: "1",
+ image: ProjectB,
+ },
+ {
+ id: "2",
+ image: ProjectC,
+ },
+ {
+ id: "3",
+ image: ProjectD,
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.projectImages.map((imagesObj) => {
+ // console.log(this.props.match.params.id);
+ if (imagesObj.id === this.props.match.params.id) {
+ return (
+
+ );
+ }
+ })}
+
+ );
+ }
+}
+
+export default ProjectDisplay;
diff --git a/src/projects/projects.jsx b/src/projects/projects.jsx
new file mode 100644
index 0000000..19fcff8
--- /dev/null
+++ b/src/projects/projects.jsx
@@ -0,0 +1,57 @@
+import React, { Component, useImperativeHandle } from "react";
+import "./project.css";
+import Navbar from "../components/navbar/navbar";
+import ProjectDetailText from "./projectDetailText.json";
+
+class Project extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ activeindex: 0,
+ };
+ }
+
+ render() {
+ return (
+
+
+
+
+ {ProjectDetailText.map((allinfo) => {
+ // console.log(this.props.image);
+ if (allinfo.id === this.props.projectid) {
+ // var A = this.props.image;
+ return (
+
+
+
+
+ {allinfo.heading}
+
+
+ {allinfo.text}
+
+
+
+
+ );
+ }
+ })}
+
+ );
+ }
+}
+
+export default Project;
diff --git a/src/team/common-team-component.css b/src/team/common-team-component.css
new file mode 100644
index 0000000..6145cf5
--- /dev/null
+++ b/src/team/common-team-component.css
@@ -0,0 +1,32 @@
+.category-subheadings {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 100px 7vw;
+ font-family: Gothic A1;
+ font-size: 16px;
+}
+@media only screen and (max-width: 1000px) {
+ .category-subheadings {
+ flex-direction: column;
+ }
+}
+.category-subheading {
+ padding: 0px 1vw;
+ cursor: pointer;
+ height: 50px;
+}
+.categories-active {
+ width: 100%;
+ height: 2px;
+ background-color: red;
+ border-radius: 5px;
+}
+.subheading-category-expanded {
+ display: flex;
+ flex-flow: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+ padding: 0px 5vw 200px 5vw;
+}
diff --git a/src/team/electrical.jsx b/src/team/electrical.jsx
new file mode 100644
index 0000000..6da5ba3
--- /dev/null
+++ b/src/team/electrical.jsx
@@ -0,0 +1,120 @@
+import React, { Component } from "react";
+import "./common-team-component.css";
+import "./team.css";
+import TeamHeading from "./team-heading";
+import Accumulator from "./electrical/accumulator";
+import Battery from "./electrical/battery";
+import Shutdown from "./electrical/shutdown";
+import Data from "./electrical/dataacquisition";
+import Motor from "./electrical/motor";
+
+class Electrical extends Component {
+ constructor(props) {
+ super(props);
+ this.state = { active: "accumulator" };
+ }
+ handleClickCategory(a) {
+ console.log(a);
+ if (this.state.active != "accumulator" && a === "accumulator") {
+ console.log(a);
+ this.setState({
+ active: "accumulator",
+ });
+ } else if (this.state.active != "battery" && a === "battery") {
+ console.log(a);
+ this.setState({
+ active: "battery",
+ });
+ } else if (this.state.active != "shutdown" && a === "shutdown") {
+ console.log(a);
+ this.setState({
+ active: "shutdown",
+ });
+ } else if (this.state.active != "data" && a === "data") {
+ console.log(a);
+ this.setState({
+ active: "data",
+ });
+ } else if (this.state.active != "motor" && a === "motor") {
+ console.log(a);
+ this.setState({
+ active: "motor",
+ });
+ }
+ }
+ render() {
+ return (
+
+
+
Electrical Team
+
+
{
+ this.handleClickCategory("accumulator");
+ }}
+ >
+ Accumulator
+ {this.state.active === "accumulator" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("battery");
+ }}
+ >
+ Battery Management System
+ {this.state.active === "battery" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("shutdown");
+ }}
+ >
+ Shutdown & Control unit
+ {this.state.active === "shutdown" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("data");
+ }}
+ >
+ Data Acquisition System
+ {this.state.active === "data" ? (
+
+ ) : null}
+
+
+
{
+ this.handleClickCategory("motor");
+ }}
+ >
+ Motor and motor controller
+ {this.state.active === "motor" ? (
+
+ ) : null}
+
+
+ {this.state.active === "accumulator" ? (
+
+ ) : null}
+ {this.state.active === "battery" ?
: null}
+ {this.state.active === "shutdown" ?
: null}
+ {this.state.active === "data" ?
: null}
+ {this.state.active === "motor" ?
: null}
+
+ );
+ }
+}
+
+export default Electrical;
diff --git a/src/team/electrical/accumulator.jsx b/src/team/electrical/accumulator.jsx
new file mode 100644
index 0000000..c6edb4d
--- /dev/null
+++ b/src/team/electrical/accumulator.jsx
@@ -0,0 +1,50 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Accumulator extends Component {
+ state = {
+ accumulatorData: [
+ {
+ name: "Shivam Nirmal",
+ image:
+ "https://drive.google.com/uc?id=13rcoGcBe-XW_eTvWUxEbxYoYixPvioLl",
+ fb: "https://www.facebook.com/profile.php?id=100005453106904",
+ lin: "https://www.linkedin.com/in/shivam-nirmal-446b59169",
+ },
+ {
+ name: "Raj Narnoli",
+ image:
+ "https://drive.google.com/uc?export=view&id=1d7cmmACtKW7SZTpw3qFu7p-lqrfQMFnp",
+ fb: "https://www.facebook.com/rajnarnoli",
+ lin: "https://www.linkedin.com/in/raj-narnoli-aa6a0b162/",
+ },
+ {
+ name: "Kodakandla Dheeraj",
+ image:
+ "https://drive.google.com/uc?id=143ZwdHs1uB52VUiKsXj8UpjkpBBNRYUX",
+ fb: "https://www.facebook.com/kodakandla.dheeraj",
+ lin: "https://www.linkedin.com/in/kodakandla-dheeraj-6095071a3",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.accumulatorData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Accumulator;
diff --git a/src/team/electrical/battery.jsx b/src/team/electrical/battery.jsx
new file mode 100644
index 0000000..169910c
--- /dev/null
+++ b/src/team/electrical/battery.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Battery extends Component {
+ state = {
+ batteryData: [
+ {
+ name: "Raj Narnoli",
+ image: "",
+ fb: "https://www.facebook.com/rajnarnoli",
+ lin: "https://www.linkedin.com/in/raj-narnoli-aa6a0b162/",
+ },
+ {
+ name: "Mohit Kumar Gupta",
+ image: "",
+ fb: "https://www.facebook.com/profile.php?id=100013203939940",
+ lin: "",
+ },
+ {
+ name: "Roshan Raja Samuel",
+ image: "",
+ fb: "https://www.facebook.com/ROSHAN.RAJASAMUEL",
+ lin: "https://www.linkedin.com/in/roshan-raja-samuel-581431192",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.batteryData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Battery;
diff --git a/src/team/electrical/dataacquisition.jsx b/src/team/electrical/dataacquisition.jsx
new file mode 100644
index 0000000..691fec3
--- /dev/null
+++ b/src/team/electrical/dataacquisition.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Data extends Component {
+ state = {
+ dataData: [
+ {
+ name: "Dheeraj Etta ",
+ image: "",
+ fb: "https://www.facebook.com/profile.php?id=100018402732417",
+ lin: "https://www.linkedin.com/in/dheeraj-etta-77a61714a/",
+ },
+ {
+ name: "Tanisha Sahu",
+ image: "",
+ fb: "https://www.facebook.com/tanisha390",
+ lin: "https://www.linkedin.com/in/tanisha-sahu-7b2b7a11b/",
+ },
+ {
+ name: "Roshan Raja Samuel",
+ image: "",
+ fb: "https://www.facebook.com/ROSHAN.RAJASAMUEL",
+ lin: "https://www.linkedin.com/in/roshan-raja-samuel-581431192",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.dataData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Data;
diff --git a/src/team/electrical/motor.jsx b/src/team/electrical/motor.jsx
new file mode 100644
index 0000000..e52d67f
--- /dev/null
+++ b/src/team/electrical/motor.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Motor extends Component {
+ state = {
+ motorData: [
+ {
+ name: "Dheeraj Etta ",
+ image: "",
+ fb: "https://www.facebook.com/profile.php?id=100018402732417",
+ lin: "https://www.linkedin.com/in/dheeraj-etta-77a61714a/",
+ },
+ {
+ name: "Tanisha Sahu",
+ image: "",
+ fb: "https://www.facebook.com/tanisha390",
+ lin: "https://www.linkedin.com/in/tanisha-sahu-7b2b7a11b/",
+ },
+ {
+ name: "Gautam Raj",
+ image: "",
+ fb: "https://www.facebook.com/gouthamraj.vadthayvath.1",
+ lin: "",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.motorData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Motor;
diff --git a/src/team/electrical/shutdown.jsx b/src/team/electrical/shutdown.jsx
new file mode 100644
index 0000000..081c083
--- /dev/null
+++ b/src/team/electrical/shutdown.jsx
@@ -0,0 +1,52 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Shutdown extends Component {
+ state = {
+ shutdownData: [
+ {
+ name: "Himanshu",
+ image: "",
+ fb: "https://www.facebook.com/himanshu.tanwar.18659",
+ lin: "https://www.linkedin.com/mwlite/in/himanshu-h-103877137",
+ },
+ {
+ name: "Mohit Kumar Gupta",
+ image: "",
+ fb: "https://www.facebook.com/profile.php?id=100013203939940",
+ lin: "",
+ },
+ {
+ name: "Gautam Raj",
+ image: "",
+ fb: "https://www.facebook.com/gouthamraj.vadthayvath.1",
+ lin: "",
+ },
+ {
+ name: "Sangeet Yadav",
+ image: "",
+ fb: "https://www.facebook.com/sangeet.yadav.505523",
+ lin: "https://www.linkedin.com/in/sangeet-yadav-0aa1171a4",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.shutdownData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Shutdown;
diff --git a/src/team/management.jsx b/src/team/management.jsx
new file mode 100644
index 0000000..0e68abc
--- /dev/null
+++ b/src/team/management.jsx
@@ -0,0 +1,57 @@
+import React, { Component } from "react";
+import "./common-team-component.css";
+import "./team.css";
+import Member from "../components/member/member";
+import TeamHeading from "./team-heading";
+
+class Management extends Component {
+ state = {
+ managementData: [
+ {
+ name: "Rahesh Hudiya",
+ image: "",
+ fb: "https://www.facebook.com/rahesh.hudiya.3",
+ lin: "https://www.linkedin.com/in/rahesh-hudiya-a55a80148",
+ },
+ {
+ name: "Shivendru Mathur",
+ image: "",
+ fb: "https://www.facebook.com/ShivendruMathur",
+ lin: "https://www.linkedin.com/in/shivendru-mathur-a47293184",
+ },
+ {
+ name: "Omkar Raj",
+ image: "",
+ fb: "https://www.facebook.com/omkarraj02",
+ lin: "www.linkedin.com/in/rajomkar02",
+ },
+ {
+ name: "Mohit Gupta",
+ image: "",
+ fb: "",
+ lin: "",
+ },
+ ],
+ };
+ render() {
+ return (
+
+
+
Management Team
+
+ {this.state.managementData.map((detail, index) => {
+ return (
+
+
+ );
+ }
+}
+
+export default Management;
diff --git a/src/team/marketing.jsx b/src/team/marketing.jsx
new file mode 100644
index 0000000..d277c84
--- /dev/null
+++ b/src/team/marketing.jsx
@@ -0,0 +1,50 @@
+import React, { Component } from "react";
+import "./common-team-component.css";
+import Member from "../components/member/member";
+import TeamHeading from "./team-heading";
+
+class Marketing extends Component {
+ state = {
+ marketingData: [
+ {
+ name: "Rahesh Hudiya",
+ image: "",
+ fb: "https://www.facebook.com/rahesh.hudiya.3",
+ lin: "https://www.linkedin.com/in/rahesh-hudiya-a55a80148",
+ },
+ {
+ name: "Tanisha Sahu",
+ image: "",
+ fb: "https://www.facebook.com/tanisha390",
+ lin: "https://www.linkedin.com/in/tanisha-sahu-7b2b7a11b/",
+ },
+ {
+ name: "Amogh Tandon",
+ image: "",
+ fb: "https://www.facebook.com/amogh.tandon.9",
+ lin: "https://www.linkedin.com/in/amogh-tandon-553603184/",
+ },
+ ],
+ };
+ render() {
+ return (
+
+
+
Marketing Team
+
+ {this.state.marketingData.map((detail, index) => {
+ return (
+
+
+ );
+ }
+}
+
+export default Marketing;
diff --git a/src/team/mechanical.jsx b/src/team/mechanical.jsx
new file mode 100644
index 0000000..498a5ef
--- /dev/null
+++ b/src/team/mechanical.jsx
@@ -0,0 +1,173 @@
+import React, { Component } from "react";
+import "./common-team-component.css";
+import TeamHeading from "./team-heading";
+import Powertrain from "./mechanical/powertrain";
+import VehicleDynamics from "./mechanical/vehicle";
+import Braking from "./mechanical/braking";
+import Cooling from "./mechanical/cooling";
+import Suspension from "./mechanical/suspension";
+import Steering from "./mechanical/steering";
+import Structural from "./mechanical/structural";
+import Aero from "./mechanical/aerodynamics";
+
+class Mechanical extends Component {
+ constructor(props) {
+ super(props);
+ this.state = { active: "powertrain" };
+ }
+ handleClickCategory(a) {
+ console.log(a);
+ if (this.state.active != "powertrain" && a === "powertrain") {
+ console.log(a);
+ this.setState({
+ active: "powertrain",
+ });
+ } else if (this.state.active != "vehicle" && a === "vehicle") {
+ console.log(a);
+ this.setState({
+ active: "vehicle",
+ });
+ } else if (this.state.active != "braking" && a === "braking") {
+ console.log(a);
+ this.setState({
+ active: "braking",
+ });
+ } else if (this.state.active != "cooling" && a === "cooling") {
+ console.log(a);
+ this.setState({
+ active: "cooling",
+ });
+ } else if (this.state.active != "suspension" && a === "suspension") {
+ console.log(a);
+ this.setState({
+ active: "suspension",
+ });
+ } else if (this.state.active != "steering" && a === "steering") {
+ console.log(a);
+ this.setState({
+ active: "steering",
+ });
+ } else if (this.state.active != "structural" && a === "structural") {
+ console.log(a);
+ this.setState({
+ active: "structural",
+ });
+ } else if (this.state.active != "aero" && a === "aero") {
+ console.log(a);
+ this.setState({
+ active: "aero",
+ });
+ }
+ }
+ render() {
+ return (
+
+
+
Mechanical Team
+ {console.log("aya hai idhar")}
+
+
{
+ this.handleClickCategory("powertrain");
+ }}
+ >
+ Powertrain
+ {this.state.active === "powertrain" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("vehicle");
+ }}
+ >
+ Vehicle Dynamics
+ {this.state.active === "vehicle" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("braking");
+ }}
+ >
+ Braking
+ {this.state.active === "braking" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("cooling");
+ }}
+ >
+ Cooling
+ {this.state.active === "cooling" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("suspension");
+ }}
+ >
+ Suspension
+ {this.state.active === "suspension" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("steering");
+ }}
+ >
+ Steering
+ {this.state.active === "steering" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("structural");
+ }}
+ >
+ Structural
+ {this.state.active === "structural" ? (
+
+ ) : null}
+
+
{
+ this.handleClickCategory("aero");
+ }}
+ >
+ Aerodynamics
+ {this.state.active === "aero" ? (
+
+ ) : null}
+
+
+ {this.state.active === "powertrain" ?
: null}
+ {this.state.active === "vehicle" ? (
+
+ ) : null}
+ {this.state.active === "braking" ?
: null}
+ {this.state.active === "cooling" ?
: null}
+ {this.state.active === "suspension" ?
: null}
+ {this.state.active === "steering" ?
: null}
+ {this.state.active === "structural" ?
: null}
+ {this.state.active === "aero" ?
: null}
+
+ );
+ }
+}
+
+export default Mechanical;
diff --git a/src/team/mechanical/aerodynamics.jsx b/src/team/mechanical/aerodynamics.jsx
new file mode 100644
index 0000000..9636f2d
--- /dev/null
+++ b/src/team/mechanical/aerodynamics.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Aero extends Component {
+ state = {
+ AeroData: [
+ {
+ name: "Utkarsh Mishra",
+ image: "",
+ fb: "https://www.facebook.com/Utkarsh745",
+ lin: "https://www.linkedin.com/in/utkarshamishra/",
+ },
+ {
+ name: "Amogh Tandon",
+ image: "",
+ fb: "https://www.facebook.com/amogh.tandon.9",
+ lin: "https://www.linkedin.com/in/amogh-tandon-553603184/",
+ },
+ {
+ name: "Paramjeet",
+ image: "",
+ fb: "https://m.facebook.com/paramjeetkumar.lalla",
+ lin: "https://www.linkedin.com/mwlite/in/paramjeet-lalla-968a93176",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.AeroData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Aero;
diff --git a/src/team/mechanical/braking.jsx b/src/team/mechanical/braking.jsx
new file mode 100644
index 0000000..16b5e86
--- /dev/null
+++ b/src/team/mechanical/braking.jsx
@@ -0,0 +1,40 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Braking extends Component {
+ state = {
+ brakingData: [
+ {
+ name: "Rahesh Hudiya",
+ image: "",
+ fb: "https://www.facebook.com/rahesh.hudiya.3",
+ lin: "https://www.linkedin.com/in/rahesh-hudiya-a55a80148",
+ },
+ {
+ name: "Jalaj Kumar Madaan",
+ image: "",
+ fb: "https://www.facebook.com/jalaj.madaan",
+ lin: "https://www.linkedin.com/in/jalaj-kumar-madaan-637496176",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.brakingData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Braking;
diff --git a/src/team/mechanical/cooling.jsx b/src/team/mechanical/cooling.jsx
new file mode 100644
index 0000000..d72426f
--- /dev/null
+++ b/src/team/mechanical/cooling.jsx
@@ -0,0 +1,40 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Cooling extends Component {
+ state = {
+ coolingData: [
+ {
+ name: "Prakhar Mishra",
+ image: "",
+ fb: "https://www.facebook.com/prakhar.mishra.161214",
+ lin: "https://www.linkedin.com/in/prakhar-mishra-409a66174",
+ },
+ {
+ name: "Jalaj Kumar Madaan",
+ image: "",
+ fb: "https://www.facebook.com/jalaj.madaan",
+ lin: "https://www.linkedin.com/in/jalaj-kumar-madaan-637496176",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.coolingData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Cooling;
diff --git a/src/team/mechanical/powertrain.jsx b/src/team/mechanical/powertrain.jsx
new file mode 100644
index 0000000..5e7bf02
--- /dev/null
+++ b/src/team/mechanical/powertrain.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Powertrain extends Component {
+ state = {
+ powertrainData: [
+ {
+ name: "Pratikesh Thakur",
+ image: "",
+ fb: "https://www.facebook.com/pratikesh.thakur.5",
+ lin: "https://www.linkedin.com/in/pratikesh-prakash/",
+ },
+ {
+ name: "Rahul Panjwani",
+ image: "",
+ fb: "https://www.facebook.com/rahul.panjwani.984",
+ lin: "https://www.linkedin.com/in/rahul-panjwani-534521191",
+ },
+ {
+ name: "Pradyummna Kulkarni",
+ image: "",
+ fb: "",
+ lin: "",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.powertrainData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Powertrain;
diff --git a/src/team/mechanical/steering.jsx b/src/team/mechanical/steering.jsx
new file mode 100644
index 0000000..3525b9e
--- /dev/null
+++ b/src/team/mechanical/steering.jsx
@@ -0,0 +1,52 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Steering extends Component {
+ state = {
+ steeringData: [
+ {
+ name: "Omkar Raj",
+ image: "",
+ fb: "https://www.facebook.com/omkarraj02",
+ lin: "www.linkedin.com/in/rajomkar02",
+ },
+ {
+ name: "Prakhar Mishra",
+ image: "",
+ fb: "https://www.facebook.com/prakhar.mishra.161214",
+ lin: "https://www.linkedin.com/in/prakhar-mishra-409a66174",
+ },
+ {
+ name: "Gaurav Mangla",
+ image: "",
+ fb: "https://www.facebook.com/gaurav.mangla.5667",
+ lin: "https://www.linkedin.com/in/gaurav-mangla-516522191",
+ },
+ {
+ name: "Kshitij Gurbhele",
+ image: "",
+ fb: "https://www.facebook.com/profile.php?id=100023120573887",
+ lin: "https://www.linkedin.com/in/kshitij-gurbhele-640522191",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.steeringData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Steering;
diff --git a/src/team/mechanical/structural.jsx b/src/team/mechanical/structural.jsx
new file mode 100644
index 0000000..3463d44
--- /dev/null
+++ b/src/team/mechanical/structural.jsx
@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Structural extends Component {
+ state = {
+ structuralData: [
+ {
+ name: "Omkar Raj",
+ image: "",
+ fb: "https://www.facebook.com/omkarraj02",
+ lin: "www.linkedin.com/in/rajomkar02",
+ },
+ {
+ name: "Rishabh Bakshi",
+ image: "",
+ fb: "https://www.facebook.com/rishabhbakshi99",
+ lin: "https://www.linkedin.com/mwlite/in/rishabh-bakshi-6497b3174",
+ },
+ {
+ name: "Balasivakumar",
+ image: "",
+ fb: "https://www.facebook.com/Balasiva04.5811",
+ lin: "https://in.linkedin.com/in/balasivakumar-mangali-5a5732173",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.structuralData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Structural;
diff --git a/src/team/mechanical/suspension.jsx b/src/team/mechanical/suspension.jsx
new file mode 100644
index 0000000..16fdd79
--- /dev/null
+++ b/src/team/mechanical/suspension.jsx
@@ -0,0 +1,52 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Suspension extends Component {
+ state = {
+ suspensionData: [
+ {
+ name: "Gautam Rawat",
+ image: "",
+ fb: "https://www.facebook.com/GautamRawat2512",
+ lin: "https://www.linkedin.com/in/gautam-rawat-635935143/",
+ },
+ {
+ name: "Ajitesh Shukla",
+ image: "",
+ fb: "https://facebook.com/ajitesh.shukla.7587",
+ lin: "https://www.linkedin.com/in/ajitesh-shukla-201199182",
+ },
+ {
+ name: "Isshita Patel",
+ image: "",
+ fb: "https://www.facebook.com/isshita99",
+ lin: "https://www.linkedin.com/in/isshita-patel-414bb117a",
+ },
+ {
+ name: "Abhinav Bhatnagar",
+ image: "",
+ fb: "https://www.facebook.com/abhinav.bhatnagar.543",
+ lin: "https://www.linkedin.com/in/abhinav-bhatnagar-b3395a174",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.suspensionData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Suspension;
diff --git a/src/team/mechanical/vehicle.jsx b/src/team/mechanical/vehicle.jsx
new file mode 100644
index 0000000..caf9c36
--- /dev/null
+++ b/src/team/mechanical/vehicle.jsx
@@ -0,0 +1,34 @@
+import React, { Component } from "react";
+import "../common-team-component.css";
+import "../../components/member/member";
+import Member from "../../components/member/member";
+
+class Vehicle extends Component {
+ state = {
+ vehicleData: [
+ {
+ name: "Shivendru Mathur",
+ image: "",
+ fb: "https://www.facebook.com/ShivendruMathur",
+ lin: "https://www.linkedin.com/in/shivendru-mathur-a47293184",
+ },
+ ],
+ };
+ render() {
+ return (
+
+ {this.state.vehicleData.map((detail, index) => {
+ return (
+
+ );
+ }
+}
+
+export default Vehicle;
diff --git a/src/team/team-heading.jsx b/src/team/team-heading.jsx
new file mode 100644
index 0000000..c4e7e5c
--- /dev/null
+++ b/src/team/team-heading.jsx
@@ -0,0 +1,16 @@
+import React, { Component } from "react";
+import "./team.css";
+import Navbar from "../components/navbar/navbar";
+
+class TeamHeading extends Component {
+ state = {};
+ render() {
+ return (
+
+
+ );
+ }
+}
+
+export default TeamHeading;
diff --git a/src/team/team.css b/src/team/team.css
new file mode 100644
index 0000000..80f91b1
--- /dev/null
+++ b/src/team/team.css
@@ -0,0 +1,63 @@
+.team-heading {
+ font-family: Gothic A1;
+ padding-top: 20vh;
+ width: 100vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ font-size: 48px;
+ line-height: 60px;
+}
+@media only screen and (max-width: 1000px) {
+ .team-heading {
+ font-size: 38px;
+ }
+}
+.team-subheading {
+ font-size: 36px;
+ line-height: 45px;
+ color: #6c6c6c;
+ font-family: Gothic A1;
+ width: 30vw;
+ text-align: center;
+ padding: 26px 0px;
+ border: 1px solid #000;
+ border-radius: 5px;
+ margin: 20px 60px;
+ -webkit-transition: 0.3s ease-in-out;
+}
+@media only screen and (max-width: 1220px) {
+ .team-subheading {
+ width: 50vw;
+ }
+}
+.team-allmembers {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+.team-all {
+ display: flex;
+ flex-flow: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+ padding: 100px 9.5vw 150px 9.5vw;
+}
+.team-subheading:hover {
+ background-color: black;
+ color: white;
+ -webkit-transform: scale(1.1);
+ border-radius: 20% 0px;
+}
+
+@media only screen and (max-width: 500px) {
+ .team-subheading {
+ font-size: 20px;
+ padding: 0px;
+ }
+ .team-all {
+ padding: 40px 9.5vw 150px 9.5vw;
+ }
+}
diff --git a/src/team/team.jsx b/src/team/team.jsx
new file mode 100644
index 0000000..e6a5e1b
--- /dev/null
+++ b/src/team/team.jsx
@@ -0,0 +1,45 @@
+import React, { Component } from "react";
+import "./team.css";
+import { Link } from "react-router-dom";
+import TeamHeading from "./team-heading";
+
+class TeamCategories extends Component {
+ state = {};
+ render() {
+ return (
+
+
+
Our Team
+
+
+
+
+
+
+
+
Technical Marketing
+
+
+
+
+ );
+ }
+}
+
+export default TeamCategories;
diff --git a/src/team/teamcategorydisplay.jsx b/src/team/teamcategorydisplay.jsx
new file mode 100644
index 0000000..38baed9
--- /dev/null
+++ b/src/team/teamcategorydisplay.jsx
@@ -0,0 +1,48 @@
+import React, { Component } from "react";
+import Management from "./management";
+import Marketing from "./marketing";
+import Mechanical from "./mechanical";
+import Electrical from "./electrical";
+import Tech from "./technical";
+
+class TeamCategoryDisplay extends Component {
+ state = { active: "management" };
+ componentDidMount = () => {
+ if (this.props.match.params.teamid === "management") {
+ this.setState({
+ active: "management",
+ });
+ } else if (this.props.match.params.teamid === "marketing") {
+ this.setState({
+ active: "marketing",
+ });
+ } else if (this.props.match.params.teamid === "mechanical") {
+ this.setState({
+ active: "mechanical",
+ });
+ } else if (this.props.match.params.teamid === "electrical") {
+ this.setState({
+ active: "electrical",
+ });
+ } else if (this.props.match.params.teamid === "technical-marketing") {
+ this.setState({
+ active: "tech",
+ });
+ }
+ console.log(this.props.match.params.teamid);
+ };
+ render() {
+ return (
+
+
+ {this.state.active === "management" ?
: null}
+ {this.state.active === "marketing" ?
: null}
+ {this.state.active === "mechanical" ?
: null}
+ {this.state.active === "electrical" ?
: null}
+ {this.state.active === "tech" ?
: null}
+
+ );
+ }
+}
+
+export default TeamCategoryDisplay;
diff --git a/src/team/technical.jsx b/src/team/technical.jsx
new file mode 100644
index 0000000..362d2ab
--- /dev/null
+++ b/src/team/technical.jsx
@@ -0,0 +1,38 @@
+import React, { Component } from "react";
+import "./common-team-component.css";
+import Member from "../components/member/member";
+import TeamHeading from "./team-heading";
+
+class Tech extends Component {
+ state = {
+ techData: [
+ {
+ name: "Maanav Seth",
+ image: "",
+ fb: "",
+ lin: "",
+ },
+ ],
+ };
+ render() {
+ return (
+
+
+
Technical Marketing Team
+
+ {this.state.techData.map((detail, index) => {
+ return (
+
+
+ );
+ }
+}
+
+export default Tech;
