-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
144 lines (140 loc) · 8.72 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="./assets/styles/styles.css">
<title>STELLOPRINT</title>
<link rel="shortcut icon" type="image/jpg" href="assets/images/pugileFavicon32x32.png"/>
</head>
<body class="bg-light">
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><i class="fas fa-terminal"></i> STELLOPRINT</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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
<!-- Nav Dropdown -->
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Portfolio
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">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>
<main>
<!-- Contact Form -->
<section>
<div class="row">
<div class="col-12 col-lg-5 col-xl-5">
<!-- Contact Disclaimer -->
<section>
<div class="card" style="width: 100%;">
<img src="./assets/images/StephenPrice.jpg" class="card-img-top img-fluid" alt="Stephen Price">
<div class="card-body">
<h5>Stephen Price</h5>
<p class="card-text">
Get in touch with me if you would like to know about my work.
Do you want to inquire about consulting? Do you want me to
join one of your projects? Send me a message! <br><br>
Otherwise I would be happy to learn about any thing cool
you would want to share with me.
</p>
<div class="row">
<div class="col-6">
<a href="./assets/other/resume/stephen-price-resume.pdf" class="btn btn-primary" target="_blank" download><i class="fas fa-briefcase"></i> Resume</a>
</div>
<div class="col-6">
<div class="row">
<div class="col-6 col-sm-3 d-flex justify-content-around">
<a class="resume-link" href="https://github.com/stephenlprice" target="_blank" style="color: #161B22;"><i class="fab fa-github fa-2x"></i></a>
</div>
<div class="col-6 col-sm-3 d-flex justify-content-around">
<a class="resume-link" href="https://www.linkedin.com/in/slprice" target="_blank" style="color: #0A66C2;"><i class="fab fa-linkedin fa-2x"></i></a>
</div>
<div class="col-6 col-sm-3 d-flex justify-content-around">
<a class="resume-link" href="https://public.tableau.com/profile/stprice#!/" target="_blank" style="color: #CF3721;"><i class="fas fa-chart-area fa-2x"></i></a>
</div>
<div class="col-6 col-sm-3 d-flex justify-content-around">
<a class="resume-link" href="https://stackoverflow.com/users/15125851/stelloprint?tab=profile" target="_blank" style="color: #F48024;"><i class="fab fa-stack-overflow fa-2x"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="col-12 col-lg-5 col-xl-4">
<form id="emailForm" action="" method="post" enctype="application/x-www-form-urlencoded" target="_blank">
<h4><i class="far fa-id-card"></i> Contact Me</h4>
<br>
<div class="mb-3">
<label for="inputFirstName" class="form-label">First Name</label>
<input type="text" class="form-control" placeholder="Juan" id="inputFirstName">
</div>
<div class="mb-3">
<label for="inputLastName" class="form-label">Last Name</label>
<input type="text" class="form-control" placeholder="Dale" id="inputLastName">
</div>
<div class="mb-3">
<label for="inputEmail" class="form-label"><i class="fas fa-envelope"></i> Email address</label>
<input type="email" class="form-control" id="inputEmail" placeholder="[email protected]" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">I'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<label for="inputMessage" class="form-label">Message</label>
<textarea class="form-control" id="inputMessage" placeholder="What do you have in mind?" rows="3"></textarea>
</div>
<button id="sendEmail" type="submit" class="btn btn-primary">Send <i class="far fa-paper-plane"></i></button>
</form>
</div>
<div class="col-12 col-lg-2 col-xl-3">
</div>
</div>
</section>
</main>
<!-- Footer with Breadcrumbs -->
<footer class="footer mt-auto py-3 bg-dark text-white">
<div class="container">
<!-- Breadcrumbs -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./index.html"><i class="fas fa-folder-open"></i> Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/2e714393b6.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dayjs.min.js"></script>
<script src="./assets/scripts/scripts.js"></script>
</body>
</html>