-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
130 lines (84 loc) · 4 KB
/
contact.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
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en-us">
<!-- Start of head that contains meta tags and links stylesheets -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Descriptive title -->
<title>Morgan Bailey About Me</title>
<!-- Boostrap Stylesheet -->
<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">
<!-- CSS stylesheet -->
<link rel="stylesheet" href="./style.css" media="screen">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Varela&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
<link>
</head>
<!-- End of head that contains meta tags and links stylesheets -->
<!-- Start of body -->
<body class="contactBody">
<!-- Navivation bar -->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<!--Navivation bar title -->
<a class="navbar-brand" href="index.html">
MORGAN BAILEY</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<!--Navivation bar items and links -->
<div class="navbar-nav ml-auto">
<a class="nav-item nav-link" href="portfolio.html">Portfolio</a>
<a class="nav-item nav-link active" href="contact.html">Contact</a>
<a class="nav-item nav-link" href="./assets/Morgan_Bailey-Resume.pdf">Resumé</a>
<a class="nav-item nav-link" href="https://www.linkedin.com/in/morganabailey/" target="_blank">
<i class="fab fa-linkedin-in"></i>
</a>
<a class="nav-item nav-link" href="https://github.com/morgan-b" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
</div>
</div>
</nav>
<!-- End of Navivation bar -->
<!-- Start of container with Contact form -->
<main>
<div class="container-fluid aboutmeEl">
<div class="row">
<div class="col-2">
</div>
<div class="col-10">
<div class="card contactCard">
<div class="card-title" id="homeHeader">Contact Me</div>
<p class="card-text" id="homeSubHeader">Email:
<a href="mailto:[email protected]"> [email protected]</a>
</p>
<p class="card-text" id="homeSubHeader">Phone: (610)-724-6633</p>
</div>
</div>
</div>
</div>
</main>
<!-- End of container with Contact content-->
<!-- Start of footer -->
<footer class="footer mt-4">
<div class="container">
<span class="text-muted text-muted-footer text-center">© Morgan Bailey</span>
</div>
</footer>
<!-- End of footer -->
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<!-- Bootstrap CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</body>
<!-- End of body -->
</html>