1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 " />
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
7
+
8
+ <!-- Bootstrap CSS -->
9
+ < link type ="text/css " rel ="stylesheet " href ="bootstrap-4.3.1-dist/bootstrap-4.3.1-dist/css/bootstrap.min.css " />
10
+
11
+ < title > Shawn Pang's Web Portfolio</ title >
12
+ < link type ="text/css " rel ="stylesheet " href ="styles/styles.css " />
13
+ < link href ="fontawesome-free-5.8.2-web/fontawesome-free-5.8.2-web/css/all.css " rel ="stylesheet ">
14
+
15
+ < script src ="jquery/jquery-3.4.1.min.js "> </ script >
16
+ < script src ="bootstrap-4.3.1-dist/bootstrap-4.3.1-dist/js/bootstrap.min.js "> </ script >
17
+ < script src ="fontawesome-free-5.8.2-web/fontawesome-free-5.8.2-web/js/all.js "> </ script >
18
+ </ head >
19
+
20
+ < body >
21
+ < nav class ="navbar navbar-expand-lg navbar-light ">
22
+ < a class ="navbar-brand " href ="# "> Portfolio</ a >
23
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarSupportedContent "
24
+ aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
25
+ < span class ="navbar-toggler-icon "> </ span >
26
+ </ button >
27
+
28
+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
29
+ < ul class ="navbar-nav mr-auto ">
30
+ < li class ="nav-item ">
31
+ < a class ="nav-link " href ="index.html "> Home</ a >
32
+ </ li >
33
+ < li class ="nav-item ">
34
+ < a class ="nav-link " href ="about.html "> About</ a >
35
+ </ li >
36
+ < li class ="nav-item ">
37
+ < a class ="nav-link " href ="skills.html "> Skills</ a >
38
+ </ li >
39
+ < li class ="nav-item active ">
40
+ < a class ="nav-link " href ="projects.html "> Projects < span class ="sr-only "> (current)</ span > </ a >
41
+ </ li >
42
+ < li class ="nav-item ">
43
+ < a class ="nav-link " href ="education.html "> Education</ a >
44
+ </ li >
45
+ < li class ="nav-item ">
46
+ < a class ="nav-link " href ="experience.html "> Experience</ a >
47
+ </ li >
48
+ < li class ="nav-item active ">
49
+ < a class ="nav-link " href ="contact.html "> Contact</ a >
50
+ </ li >
51
+ </ ul >
52
+ </ div >
53
+ </ nav >
54
+
55
+ < div class ="jumbotron jumbotron-fluid ">
56
+ < div class ="container ">
57
+ < h1 class ="display-4 "> < strong > Projects</ strong > </ h1 >
58
+ < p class ="lead "> Gotta keep up the work! Here are some of my projects! You can click the titles to take a look!</ p >
59
+ </ div >
60
+ </ div >
61
+
62
+ < div class ="container ">
63
+ < div class ="container border border-dark rounded list-box ">
64
+ < a class ="centered nav-link " href ="https://github.com/CometS1/EmployRecord "> < h3 > EmployRecord</ h3 > </ a >
65
+ < p class ="lead story "> This is an Android app that is was meant to be used to record the jobs that the user applied to. It was
66
+ originally meant to work with the job site Indeed, though because our group could not get access to the Indeed API, we
67
+ had to improvise and made it work with Github jobs instead. How the app works is that the user can view any job on
68
+ Github Jobs, and then once they find the jobs they have applied to, they can add it to a list of applied jobs. After,
69
+ the user can make notes, and record when they recieve an interview for the job position.
70
+ </ p >
71
+ </ div >
72
+ </ div >
73
+
74
+ < div class ="fillerDiv "> </ div >
75
+
76
+ < script >
77
+ $ ( function ( ) {
78
+ $ ( '.footer' ) . load ( 'footer.html' ) ;
79
+ } )
80
+ </ script >
81
+
82
+ < div class ="footer ">
83
+ </ div >
84
+ </ body >
85
+
86
+ </ html >
0 commit comments