diff --git a/why.html b/why.html
index 4322fcd904d04f0d04ef8e121943115b311845da..6619613fff980bbb3fcc3b2ab2ba575f417c91d2 100644
--- a/why.html
+++ b/why.html
@@ -5,87 +5,86 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sixth Sense</title>
- <link rel="icon" href="logo.PNG" type="image/PNG" />
- <!-- bootstrap core css -->
- <link rel="stylesheet" type="text/css" href="bootstrap.css" />
- <!-- progress barstle -->
- <!-- fonts style -->
+ <link rel="icon" href="logo.PNG" type="image/PNG">
+
+ <!-- Bootstrap core CSS -->
+ <link rel="stylesheet" href="bootstrap.css">
+
+ <!-- Font styles -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,600&display=swap" rel="stylesheet">
- <!-- font wesome stylesheet -->
+
+ <!-- Font Awesome stylesheet -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <!-- Custom styles for this template -->
- <link href="style.css" rel="stylesheet" />
- <!-- responsive style -->
- <link href="css/responsive.css" rel="stylesheet" />
- <!-- activity.css -->
+
+ <!-- Custom styles -->
+ <link href="style.css" rel="stylesheet">
+
+ <!-- Responsive style -->
+ <link href="css/responsive.css" rel="stylesheet">
+
+ <!-- Activity CSS -->
<link rel="stylesheet" href="css/activity_page.css">
</head>
<body>
- <div class="top_container">
- <!-- header section strats -->
- <header class="header_section">
- <div class="container">
- <nav class="navbar navbar-expand-lg custom_nav-container ">
- <a class="navbar-brand" href="main.html">
- <span>
- Sixth Sense
- </span>
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
- aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
- <ul class="navbar-nav ">
- <li class="nav-item active">
- <a class="nav-link" href="main.html"> Home <span class="sr-only">(current)</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="alphabet.html"> Alphabets </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="why.html"> Why Us </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="contact.html">Contact Us</a>
- </li>
- </ul>
- </div>
- </nav>
+ <div class="top_container">
+ <!-- Header section starts -->
+ <header class="header_section">
+ <div class="container">
+ <nav class="navbar navbar-expand-lg custom_nav-container">
+ <a class="navbar-brand" href="main.html">
+ <span>Sixth Sense</span>
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <div class="d-flex ml-auto flex-column flex-lg-row align-items-center">
+ <ul class="navbar-nav">
+ <li class="nav-item active">
+ <a class="nav-link" href="main.html">Home <span class="sr-only">(current)</span></a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="alphabet.html">Alphabets</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="why.html">Why Us</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="contact.html">Contact Us</a>
+ </li>
+ </ul>
+ </div>
</div>
- </header>
- <br>
+ </nav>
+ </div>
+ </header>
+ <br>
+ <!-- About Us section -->
<section class="client_section layout_padding">
- <h2 class="">
- About Us
- </h2>
- <div class="container">
- <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
- <div class="carousel-inner">
- <div class="row">
- <div class="col-md-3">
- <div class="client_img-box">
- <img src="about.png" alt="">
- </div>
- </div>
- <div class="col-md-9">
- <div class="client_detail-box">
- <h5>Sixth Sense </h5>
- <p>
- Imagine a world where every child, regardless of their abilities or challenges, has equal access to quality education.
- Introducing an innovative solution tailored specifically to empower children with deafness or special educational needs to thrive academically and socially.
- Our solution, dubbed "InnovateEd,"
- is a comprehensive educational platform that utilizes cutting-edge technology and personalized learning strategies to cater to the diverse needs of these children.
- </p>
- </div>
- </div>
- </div>
+ <div class="container">
+ <h2>About Us</h2>
+ <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+ <div class="carousel-inner">
+ <div class="row">
+ <div class="col-md-3">
+ <div class="client_img-box">
+ <img src="about.png" alt="">
+ </div>
+ </div>
+ <div class="col-md-9">
+ <div class="client_detail-box">
+ <h5>Sixth Sense</h5>
+ <p>
+ Imagine a world where every child, regardless of their abilities or challenges, has equal access to quality education. Introducing an innovative solution tailored specifically to empower children with deafness or special educational needs to thrive academically and socially. Our solution, dubbed "InnovateEd," is a comprehensive educational platform that utilizes cutting-edge technology and personalized learning strategies to cater to the diverse needs of these children.
+ </p>
</div>
-</div>
-</div>
-</section>
-</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ </div>
</body>
-</html>
\ No newline at end of file
+</html>