-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (58 loc) · 3.87 KB
/
index.html
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
<!doctype html>
<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">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- My CSS -->
<link rel="stylesheet" href="styles.css">
<title>William Compton</title>
</head>
<body>
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-1">William Compton</h1>
<p class="lead"></p>
<p class="lead">Check out some of my recent projects!</p>
<a href="https://www.linkedin.com/in/williamacompton/" class="link-dark">[ LinkedIn ]</a>
<a href="https://github.com/william-compton" class="link-dark">[ Github ]</a>
</div>
</div>
<div class='container'>
<div class='row'>
<div class="card col-sm" style="width: 24rem;">
<div class="card-body">
<h6 class="card-title">Job Tracking App</h6>
<h6 class="card-subtitle mb-2 text-muted">Code Platoon Project</h6>
<a href="https://trapp-app2.herokuapp.com/" class="card-link">Project Link</a>
<p class="card-text">Imagine a tool to track your job search across multiple platforms, that provides a simple, intuitive interface for job seekers to find jobs that match their needs, and helps them prepare for the next step in their career.</p>
<iframe width="320" height="180" src="https://www.youtube.com/embed/S9MXm5K_cQk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="card col-sm" style="width: 24rem;">
<div class="card-body">
<h6 class="card-title">Secret Agent Planner</h6>
<h6 class="card-subtitle mb-2 text-muted">Code Platoon Project</h6>
<p class="card-text">Mission planning software tool for special operations and secret agents. Supports rapid and accurate mission planning across ground, aviation, and maritime operational domains. Built with a Python Django backend, JavaScript React frontend, and PostgreSQL database.</p>
<iframe width="320" height="180" src="https://www.youtube.com/embed/LBsSW5MhXj0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="card col-sm" style="width: 24rem;">
<div class="card-body">
<h6 class="card-title">Project 3</h6>
<h6 class="card-subtitle mb-2 text-muted">Coming Soon</h6>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#" class="card-link">Demonstration</a>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>