Merge pull request #3 from DCS-CUSAT/index-page

Landing page

.gitignore

@@ -0,0 +1,8 @@
+# editor config folder
+.vscode/
+
+# testing folder
+testings/
+
+# html hint config
+.hintrc

assets/css/style.css

@@ -402,7 +402,7 @@ h6 {
 #hero {
   width: 100%;
   height: 80vh;
-  background: url("../img/hero-bg.jpg") top center;
+  background: url("../images/dcs_banner.jpeg") top center;
   background-size: cover;
   position: relative;
 }
@@ -713,7 +713,8 @@ section {
   align-items: center;
   padding: 20px;
   transition: 0.3s;
-  border: 1px solid #eef0ef;
+  border: 2px solid #eef0ef;
+  border-radius: 10px;
 }
 
 .features .icon-box i {
@@ -1579,4 +1580,45 @@ section {
   background: #3ac162;
   color: #fff;
   text-decoration: none;
+}
+
+/* Vision and Mission */
+.mission-heading {
+  padding-top: 27.5px;
+  color: #444444;
+}
+
+.vision-heading {
+  color: #444444;
+}
+
+/* Icon boxes for about-us section */
+.about-us-icon-box-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 20px;
+}
+
+.about-us-icon-box {
+  flex: 1 0 300px;
+  text-align: center;
+  border: 2px solid #eef0ef;
+  border-radius: 15px;
+  padding: 15px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+}
+
+.about-us-title {
+  font-weight: bold;
+  color: #444444;
+  padding: 10px;
+}
+
+.about-us-icon-box:hover {
+  border: 2px solid #3ac162;
 }