added basic "About" page

HKM-UNI · Sep 14, 2023 · 63eb062 · 63eb062
1 parent 3fa2206
commit 63eb062
Show file tree

Hide file tree

Showing 5 changed files with 76 additions and 1 deletion.
diff --git a/about.html b/about.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="description" content="" />
+    <meta name="author" content="" />
+    <title>About - HKM</title>
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
+
+    <!-- <link rel="stylesheet" href="css/style.css"> -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+</head>
+
+<body>
+    <!-- Responsive navbar-->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="#">Stack Machine Emulator</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                data-bs-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">
+                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                    <li class="nav-item"><a class="nav-link active" aria-current="page" href="index.html">Home</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#">About</a></li>
+                    <li class="nav-item dropdown">
+                        <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button"
+                            data-bs-toggle="dropdown" aria-expanded="false">Menu</a>
+                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
+                            <li><a class="dropdown-item" href="#">Some action</a></li>
+                            <li><a class="dropdown-item" href="#">Another Action</a></li>
+                            <li>
+                                <hr class="dropdown-divider" />
+                            </li>
+                            <li><a class="dropdown-item" href="#">Something else here</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <h1 class="text-center mt-4">The Team</h1>
+    <div class="d-flex align-items-center mx-5 flex-sm-wrap flex-md-nowrap">
+        <div class="shadow card m-5 text-center ">
+            <img src="img/team/ricardo.png" class="card-img-top" />
+            <div class="card-body">
+              <h5 class="card-title">Ricardo Montenegro</h5>
+              <h6 class="card-subtitle text-body-secondary">CEO</h6>
+            </div>
+        </div>
+        <div class="shadow card m-5 text-center ">
+            <img src="img/team/john.png" class="card-img-top" />
+            <div class="card-body">
+              <h5 class="card-title">John Torres</h5>
+              <h6 class="card-subtitle text-body-secondary">Designer</h6>
+            </div>
+        </div>
+        <div class="shadow card m-5 text-center ">
+            <img src="img/team/jose.png" class="card-img-top" />
+            <div class="card-body">
+              <h5 class="card-title">José Ramírez</h5>
+              <h6 class="card-subtitle text-body-secondary">Programmer</h6>
+            </div>
+        </div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+        crossorigin="anonymous"></script>
+</body>
+
+</html>
diff --git a/img/team/john.png b/img/team/john.png
diff --git a/img/team/jose.png b/img/team/jose.png
diff --git a/img/team/ricardo.png b/img/team/ricardo.png
diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
           <li class="nav-item"><a class="nav-link active" aria-current="page" href="#">Home</a></li>
-          <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
+          <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown"
               aria-expanded="false">Menu</a>