cmhdez.github.io/showcase.html at main · cmhdez/cmhdez.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
	<link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
    <title>Carlos Hernandez's Project Showcase</title>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>	 <link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
  </head>
  <body>
	  <!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-info navbar-dark color">
    <!-- Container wrapper -->
    <div class="container-fluid">
        <!-- Navbar brand -->
            <a class="navbar-brand" href="#">
      		<img src="/images/libra.png" alt="Logo" width="32" height="32" class="d-inline-block align-text-top"></a>

        <!-- Icons -->
        <ul class="navbar-nav d-flex flex-row me-1">
            <li class="nav-item me-3 me-lg-0">
                <a class="nav-link text-white" href="/index.html"><i class="bi bi-camera-reels-fill"></i> Video Intro </a>
            </li>
            <li class="nav-item me-3 me-lg-0">
                <a class="nav-link text-white" href="/index.html"><i class="bi bi-book-half"></i> Short Bio </a>
            </li>
		  <li class="nav-item me-3 me-lg-0">
                <a class="nav-link text-white" href="/showcase.html"><i class="bi bi-briefcase-fill"></i> Project Showcase </a>
            </li>
        </ul>
    </div>

    <!-- Container wrapper -->
</nav>
<!-- Navbar -->
		<div class="container">
		  <div class="title text-center">
			<h1 class="text-uppercase my-5">project Showcase</h1>

			</div>
			<div class="card mb-3">
				<div class="row g-0">
					<div class="col-md-4">
						<img class="img-fluid rounded-start" src="images/pacman.png" alt="">
					</div>
					<div class="col-md-8">
						<div class="card-body">
							<h3 class="card-title">I am the PacMac</h3>
							<p class="card-text">The idea of the Pac Man exercises it familiar yourself with the function, object and boundaries within the grid. How upon reaching a boundary you are to execute another set to change direction. This can continue in an infinite loop until interrupted or put on a timer.</p>
							<a class="btn btn-info btn-color" href="https://github.com/cmhdez/pacmen" role="button"><span class="btn-label"><i class="bi bi-github"></i></span>  View in GitHub</a>
							</div>
						</div>
					</div>
				</div>
						<div class="card mb-3">
				<div class="row g-0">
					<div class="col-md-4">
						<img class="img-fluid rounded-start" src="images/seeyou.png" alt="">
					</div>
					<div class="col-md-8">
					  <div class="card-body">
						<h3 class="card-title">I See You!</h3>
							<p class="card-text">The Eye movement exercise build on the knowledge of the priors exercises but with multiple objects at the same time, while now using &lt;div classes&gt; and linking the .css stylesheet and JavaScript .js into the main body of the document therefore you can start building your on library of function and styles.</p>
						  <a class="btn btn-info btn-color" href="https://github.com/cmhdez/eye.movements" role="button"><span class="btn-label"><i class="bi bi-github"></i></span>  View in GitHub</a>
					  </div>
				  </div>
					</div>
				</div>
						<div class="card mb-3">
				<div class="row g-0">
					<div class="col-md-4">
						<img class="img-fluid rounded-start" src="images/bus_tracker.png" alt="">
					</div>
					<div class="col-md-8">
					  <div class="card-body">
						<h3 class="card-title">Where is my Bus?</h3>
						  <p class="card-text">The Bus Tracker excise is putting it all together pulling data via API from an aggregator, sorting for the relevant data, and then displaying the data so that the relevant parties can consume the information. Then base on the relevant data the information can be display on real-time basis with minimal lag like in this case for the Bus. It was based on Real Time Bus Tracker of the Route 1 between MIT and Havard campus in Boston MA, using publicly avaliable data via MBTA API, in order to learn a diversity set of skills.</p>
						  <a class="btn btn-info btn-color" href="https://github.com/cmhdez/bus.tracker" role="button"><span class="btn-label"><i class="bi bi-github"></i></span>  View in GitHub</a>
						  </div>
						</div>
					</div>
				</div>
			</div>
	      </div>
		</div>
		</div>
    </div>


  </body>
</html>