diff --git a/batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/index.html b/batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/index.html
new file mode 100644
index 0000000..9bf0532
--- /dev/null
+++ b/batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/index.html
@@ -0,0 +1,79 @@
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <!--CSS-->
+    <link rel="stylesheet" href="../../../assets/css/style.css" />
+    <!--Favicon-->
+    <link rel="shortcut icon" href="../../../assets/img/favicon.ico" />
+    <!-- Bootstrap CSS -->
+    <link
+      rel="stylesheet"
+      href="../../../assets/libs/bootstrap/bootstrap.min.css"
+    />
+
+    <title>
+      Advance Front-End Web Development with React, 15 June 2020 | Wall of
+      Developers
+    </title>
+  </head>
+
+  <body>
+    <div>
+      <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="#">
+          <img src="../../../assets/img/CNLOGO.svg" class="cn-logo" /> &nbsp;|
+          Wall of Developers
+        </a>
+      </nav>
+
+      <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+          <li class="breadcrumb-item">
+            <a href="../../../index.html"> Home </a>
+          </li>
+          <li class="breadcrumb-item active" aria-current="page">
+            Advance Front-End Web Development with React, 15 June 2020
+          </li>
+        </ol>
+      </nav>
+    </div>
+
+    <div class="container">
+      <div class="row align-items-end p-3">
+        <div class="col">
+          <div class="card card-width">
+            <a
+              href="https://dish34.github.io/Aboutme/"
+              target="_blank"
+              class="no-text-decoration"
+            >
+              <div class="img-height-div">
+                <img
+                  src="./students/Dishant_Gandhi/assests/images/dishant_pic.jpg"
+                  class="card-img-top"
+                  alt="profile-pic"
+                />
+              </div>
+              <div class="card-body pr-0 pl-0 pt-2 pb-2 card-body-student">
+                <p class="card-text text-center">
+                  <span class="black">Dishant Gandhi</span>
+                  <br /><small class="small-font grey">Mr. Blue</small>
+                </p>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script src="../../../assets/libs/jquery/jquery-3.4.1.slim.min.js"></script>
+    <script src="../../../assets/libs/popper/popper.min.js"></script>
+    <script src="../../../assets/libs/bootstrap/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/students/Dishant_Gandhi/assests/images/dishant_pic.jpg b/batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/students/Dishant_Gandhi/assests/images/dishant_pic.jpg
new file mode 100644
index 0000000..8862b43
Binary files /dev/null and b/batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/students/Dishant_Gandhi/assests/images/dishant_pic.jpg differ
diff --git a/index.html b/index.html
index 9c1c7f9..c7aeda4 100644
--- a/index.html
+++ b/index.html
@@ -1,179 +1,211 @@
 <html lang="en">
-
-<head>
+  <head>
     <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
     <!--CSS-->
-    <link rel="stylesheet" href="./assets/css/style.css">
+    <link rel="stylesheet" href="./assets/css/style.css" />
     <!--Favicon-->
-    <link rel="shortcut icon" href="./assets/img/favicon.ico">
+    <link rel="shortcut icon" href="./assets/img/favicon.ico" />
     <!-- Bootstrap CSS -->
-    <link rel="stylesheet" href="./assets/libs/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="./assets/libs/bootstrap/bootstrap.min.css" />
 
     <title>Wall of Developers | Coding Ninjas</title>
-</head>
-
-<body>
+  </head>
 
+  <body>
     <div>
-
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
-            <a class="navbar-brand" href="#">
-                <img src="./assets/img/CNLOGO.svg" class="cn-logo" > &nbsp;| Wall of Developers
-            </a>
-        </nav>
-
-        <div class="container mt-3">
-
-            <div class="month mt-5">
-                <div class="month-header">
-                  <h5>March, 2020</h5>
+      <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="#">
+          <img src="./assets/img/CNLOGO.svg" class="cn-logo" /> &nbsp;| Wall of
+          Developers
+        </a>
+      </nav>
+
+      <div class="container mt-3">
+        <div class="month mt-5">
+          <div class="month-header">
+            <h5>June, 2020</h5>
+          </div>
+          <div class="row">
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">
+                    Advance Front-End Web Development with React
+                  </p>
+                  <p>
+                    <small>15 June, 2020</small>
+                  </p>
+                  <a
+                    href="./batches/2020/Advance-Front-End-Web-Development-with-React-15-Jun-20/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
-                <div class="row">
-
-                  <div class="col-sm-6 col-md-3">
-                      <div class="card">
-                          <div class="card-body">
-                            <p class="card-text">Full Stack Web Development</p>
-                            <p>
-                              <small>15 March, 2020</small>
-                            </p>
-                            <a href="./batches/2020/full-stack-web-development-with-nodejs-15-march-2020/index.html"
-                              class="btn btn-light btn-sm">Students</a>
-                          </div>
-                      </div>
-                  </div>
-
-                </div>
-            </div>
-
-            <div class="row my-3">
-                <hr class="col-sm-12" />
+              </div>
             </div>
+          </div>
+        </div>
 
-            <div class="month mt-3">
-                <div class="month-header">
-                  <h5>February, 2020</h5>
-                </div>
-                <div class="row">
-
-                  <div class="col-sm-6 col-md-3">
-                      <div class="card">
-                          <div class="card-body">
-                            <p class="card-text">Full Stack Web Development</p>
-                            <p>
-                              <small>1 February, 2020</small>
-                            </p>
-                            <a href="./batches/2020/full-stack-web-development-with-nodejs-01-feb-2020/index.html"
-                              class="btn btn-light btn-sm">Students</a>
-                          </div>
-                      </div>
-                  </div>
+        <div class="row my-3">
+          <hr class="col-sm-12" />
+        </div>
 
+        <div class="month mt-5">
+          <div class="month-header">
+            <h5>March, 2020</h5>
+          </div>
+          <div class="row">
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">Full Stack Web Development</p>
+                  <p>
+                    <small>15 March, 2020</small>
+                  </p>
+                  <a
+                    href="./batches/2020/full-stack-web-development-with-nodejs-15-march-2020/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
+              </div>
             </div>
+          </div>
+        </div>
 
-            <div class="row my-3">
-                <hr class="col-sm-12" />
-            </div>
+        <div class="row my-3">
+          <hr class="col-sm-12" />
+        </div>
 
-            <div class="month mt-3">
-                <div class="month-header">
-                    <h5>January, 2020</h5>
+        <div class="month mt-3">
+          <div class="month-header">
+            <h5>February, 2020</h5>
+          </div>
+          <div class="row">
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">Full Stack Web Development</p>
+                  <p>
+                    <small>1 February, 2020</small>
+                  </p>
+                  <a
+                    href="./batches/2020/full-stack-web-development-with-nodejs-01-feb-2020/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
-                <div class="row">
-
-                    <div class="col-sm-6 col-md-3">
-                        <div class="card">
-                            <div class="card-body">
-                                <p class="card-text">Career Camp</p>
-                                <p>
-                                    <small>5 January, 2020</small>
-                                </p>
-                                <a href="./batches/2020/career-camp-05-january-2020/index.html"
-                                    class="btn btn-light btn-sm">Students</a>
-                            </div>
-                        </div>
-                    </div>
+              </div>
+            </div>
+          </div>
+        </div>
 
-                    <div class="col-sm-6 col-md-3">
-                        <div class="card">
-                            <div class="card-body">
-                                <p class="card-text">Career Camp</p>
-                                <p>
-                                    <small>6 January, 2020</small>
-                                </p>
-                                <a href="./batches/2020/career-camp-06-january-2020/index.html"
-                                    class="btn btn-light btn-sm">Students</a>
-                            </div>
-                        </div>
-                    </div>
+        <div class="row my-3">
+          <hr class="col-sm-12" />
+        </div>
 
+        <div class="month mt-3">
+          <div class="month-header">
+            <h5>January, 2020</h5>
+          </div>
+          <div class="row">
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">Career Camp</p>
+                  <p>
+                    <small>5 January, 2020</small>
+                  </p>
+                  <a
+                    href="./batches/2020/career-camp-05-january-2020/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
+              </div>
             </div>
 
-            <div class="row my-3">
-                <hr class="col-sm-12" />
-            </div>
-            
-            <div class="month mt-3">
-                <div class="month-header">
-                    <h5>October, 2019</h5>
-                </div>
-                <div class="row">
-
-                    <div class="col-sm-6 col-md-3">
-                        <div class="card">
-                            <div class="card-body">
-                                <p class="card-text">Career Camp</p>
-                                <p>
-                                    <small>21 October, 2019</small>
-                                </p>
-                                <a href="./batches/2019/career-camp-21-october-2019/index.html"
-                                    class="btn btn-light btn-sm">Students</a>
-                            </div>
-                        </div>
-                    </div>
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">Career Camp</p>
+                  <p>
+                    <small>6 January, 2020</small>
+                  </p>
+                  <a
+                    href="./batches/2020/career-camp-06-january-2020/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
+              </div>
             </div>
+          </div>
+        </div>
 
-            <div class="row my-3">
-                <hr class="col-sm-12" />
-            </div>
+        <div class="row my-3">
+          <hr class="col-sm-12" />
+        </div>
 
-            <div class="month mt-3">
-                <div class="month-header">
-                    <h5>September, 2019</h5>
+        <div class="month mt-3">
+          <div class="month-header">
+            <h5>October, 2019</h5>
+          </div>
+          <div class="row">
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">Career Camp</p>
+                  <p>
+                    <small>21 October, 2019</small>
+                  </p>
+                  <a
+                    href="./batches/2019/career-camp-21-october-2019/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
-                <div class="row">
+              </div>
+            </div>
+          </div>
+        </div>
 
-                    <div class="col-sm-6 col-md-3">
-                        <div class="card">
-                            <div class="card-body">
-                                <p class="card-text">Full Stack Web Development</p>
-                                <p>
-                                    <small>1 September, 2019</small>
-                                </p>
-                                <a href="./batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/index.html"
-                                    class="btn btn-light btn-sm">Students</a>
-                            </div>
-                        </div>
-                    </div>
+        <div class="row my-3">
+          <hr class="col-sm-12" />
+        </div>
 
+        <div class="month mt-3">
+          <div class="month-header">
+            <h5>September, 2019</h5>
+          </div>
+          <div class="row">
+            <div class="col-sm-6 col-md-3">
+              <div class="card">
+                <div class="card-body">
+                  <p class="card-text">Full Stack Web Development</p>
+                  <p>
+                    <small>1 September, 2019</small>
+                  </p>
+                  <a
+                    href="./batches/2019/full-stack-web-development-with-nodejs-01-sept-2019/index.html"
+                    class="btn btn-light btn-sm"
+                    >Students</a
+                  >
                 </div>
-
+              </div>
             </div>
-
-
+          </div>
         </div>
-
-
+      </div>
     </div>
 
     <script src="./assets/libs/jquery/jquery-3.4.1.slim.min.js"></script>
     <script src="./assets/libs/popper/popper.min.js"></script>
     <script src="./assets/libs/bootstrap/bootstrap.min.js"></script>
-
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
