add team members

alumni/alumni.json

@@ -1,4 +1,122 @@
 [
+
+   [
+		{
+			"profile": "Pranjali.png",
+			"name": "Pranjali Katiyar",
+			"designation": "President",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "https://www.linkedin.com/in/pranjali-katiyar-1aa15a15a/"
+				},
+				{
+					"website": "github",
+					"url": "https://github.com/pr-jli"
+				}
+			]
+		},
+		{
+			"profile": "prakhar.png",
+			"name": "Prakhar Varshney",
+			"designation": "CTC, HOC Tech Club",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "https://www.linkedin.com/in/prakhar-varshney99"
+				},
+				{
+					"website": "github",
+					"url": "https://github.com/prakhar9998" 
+				}
+			]
+		},
+		{
+			"profile": "Sourubh.png",
+			"name": "Sourabh Singh",
+			"designation": "Technical Head, HOC Prog Club",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "https://www.linkedin.com/in/sourabh-singh-338476163"
+				},
+				{
+					"website": "github",
+					"url": "#"
+				}
+			]
+		},
+		{
+			"profile": "akhil.png",
+			"name": "Akhil Omar",
+			"designation": "General Secretary, HOC Design Club",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "https://www.linkedin.com/in/akhil-omar-670a38162"
+				},
+				{
+					"website": "behance",
+					"url": "https://www.behance.net/akhilomar555"
+				},
+				{
+					"website": "personal",
+					"url": "https://akhilomar.github.io/cv/"
+				}
+			]
+		},
+		{
+			"profile": "vivek.png",
+			"name": "Vivek Baghela",
+			"designation": "Creative Head",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "https://www.linkedin.com/in/vivek-baghela-40482b91/"
+				},
+				{
+					"website": "github",
+					"url": "https://github.com/vivek767"
+				},
+				{
+					"website": "behance",
+					"url": "https://www.behance.net/vivekbaghe6159"
+				}
+			]
+		},
+		{
+			"profile": "Anupam.png",
+			"name": "Anupam Kushwaha",
+			"designation": "HOC Web Club",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "#"
+				},
+				{
+					"website": "github",
+					"url": "#"
+				}
+			]
+		},
+		{
+			"profile": "Prashant.png",
+			"name": "Prashant Bajaj",
+			"designation": "Financial Head and Treasurer",
+			"links": [
+				{
+					"website": "linkedin",
+					"url": "https://www.linkedin.com/in/prashant-bajaj-37642b162"
+				},
+				{
+					"website": "github",
+					"url": "https://github.com/bajaj99prashant"
+				}
+			]
+		}
+	],
+
+
   [
     {
       "profile": "20-abhishek.jpg",

alumni/index.html

@@ -273,7 +273,7 @@ <h2 class="avenirDemi">ncs@jssaten.ac.in</h2>
 				}
 			});
 
-			const arr = ["2020", "2019", "2018"];
+			const arr = [ "2021","2020", "2019", "2018"];
 			fetch("alumni.json")
 				.then((res) => res.json())
 				.then((data) => {

team/index.html

@@ -151,24 +151,35 @@ <h4 class="avenirRegular text-center">
 			</div>
 
 			<!-- 4th Year -->
-			<div class="container-fluid year">
+			<!-- <div class="container-fluid year">
 				<div class="hr"></div>
 				<div>
 					<h6>4th years</h6>
 				</div>
 				<div class="hr"></div>
 			</div>
-			<div class="container-fluid margin mx-auto padding team" id="four"></div>
+			<div class="container-fluid margin mx-auto padding team" id="four"></div> -->
 
 			<!-- 3rd Year -->
 			<div class="container-fluid year third">
+				<div class="hr"></div>
+				<div>
+					<h6>4th years</h6>
+				</div>
+				<div class="hr"></div>
+			</div>
+			<div class="container-fluid margin mx-auto padding team"  style="display: flex; align-items:flex-start; " id="three"></div>
+
+
+			<!-- 2nd Year -->
+			<div class="container-fluid year second">
 				<div class="hr"></div>
 				<div>
 					<h6>3rd years</h6>
 				</div>
 				<div class="hr"></div>
 			</div>
-			<div class="container-fluid margin mx-auto padding team" id="three"></div>
+			<div class="container-fluid margin mx-auto padding team" style="display: flex; align-items:flex-start; " id="two"></div>
 		</section>
 
 		<!-- About Section -->
@@ -299,6 +310,25 @@ <h2 class="avenirDemi">ncs@jssaten.ac.in</h2>
 			fetch("team.json")
 				.then((res) => res.json())
 				.then((data) => {
+
+					// Getting 2nd year data
+					var Data = data.second;
+					for (var i = 0; i < Data.length; i++) {
+						var box = document.createElement("div");
+						box.setAttribute("class", "col-md-3");
+
+						var html = `<div class="head_team">
+										<img src=${"../img/team/" + Data[i].profile} class="img" alt="Photo" />
+										<h5 class="avenirDemi pt-3">${Data[i].name}</h5>
+										<h6 style="margin-bottom: 0%" class="avenirRegular pb-1">${Data[i].designation}</h6>
+										${getLinks(Data[i])}
+									</div>
+						`;
+
+						box.innerHTML = html;
+						document.getElementById("two").appendChild(box);
+					}
+
 					// Getting 3rd year data
 					var Data = data.third;
 					for (var i = 0; i < Data.length; i++) {