-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
130 lines (127 loc) · 7.24 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">
<head>
<link rel="icon" href="http://www.clker.com/cliparts/K/l/V/G/9/z/red-black-ying-yang-md.png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Liam Chalk Personal Website">
<meta name="author" content="Liam Chalk">
<title>Liam Chalk</title>
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- <a href="components.html" class="btn btn-primary btn-component" data-spy="affix" data-offset-top="600"><i class="ti-shift-left-alt"></i> Components</a> -->
<header class="headercon">
<div class="container">
<center>
<ul class="social-icons pt-3">
<li class="social-item"><a class="social-link" href="https://github.com/liamchalk00" target="_blank"><i class="ti-github" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://www.linkedin.com/in/liamchalk00" target="_blank"><i class="ti-linkedin" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="mailto:liamchalk00@gmail.com" target="_blank"><i class="ti-email" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://twitter.com/liamchalk00" target="_blank"><i class="ti-twitter" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://www.instagram.com/liamchalk00" target="_blank"><i class="ti-instagram" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://tsl.news/author/liam-chalk" target="_blank"><i class="ti-pencil" aria-hidden="true"></i></a></li>
</ul>
</center>
<div class="header-content">
<center>
<h1 class="header-title">Liam Chalk</h1>
<h6 class="header-mono" >ASIC and FPGA Engineer | Computer Engineer</h6>
</center>
</div>
</div>
</header>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-white" data-spy="affix" data-offset-top="510">
<div class="container">
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse mt-sm-20 navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="projects.html" class="nav-link">Projects</a>
</li>
<li class="nav-item">
<a href="resume.html" class="nav-link">Resume</a>
</li>
</ul>
<ul class="navbar-nav brand">
<img src="assets/imgs/avatar.jpg" alt="" class="brand-img">
<li class="brand-txt">
<h5 class="brand-title">Liam Chalk</h5>
<div class="brand-subtitle">ASIC and FPGA Engineer | Computer Engineer</div>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="publications.html" class="nav-link">Publications</a>
</li>
<li class="nav-item">
<a href="pictures.html" class="nav-link">Pictures</a>
</li>
<li class="nav-item last-item">
<a href="about.html" class="nav-link" style="color:#F85C70">About</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="section contact" id="contact">
<div class="col-lg-4">
<div class="contact-info-card">
<h4 class="contact-title" style="color:#F85C70">Get in touch</h4>
<div class="row mb-2">
<div class="col-1 pt-1 mr-1">
<i class="ti-mobile icon-md"></i>
</div>
<div class="col-10 ">
<h6 class="d-inline">Phone : <br> <span class="text-muted"> (202) 213-7959 </span></h6>
</div>
</div>
<div class="row mb-2">
<div class="col-1 pt-1 mr-1">
<i class="ti-map-alt icon-md"></i>
</div>
<div class="col-10">
<h6 class="d-inline">Address :<br> <span class="text-muted">San Diego</span></h6>
</div>
</div>
<div class="row mb-2">
<div class="col-1 pt-1 mr-1">
<i class="ti-envelope icon-md"></i>
</div>
<div class="col-10">
<h6 class="d-inline">Email :<br> <span class="text-muted">liamchalk00@gmail.com</span></h6>
</div>
</div>
<ul class="social-icons pt-4">
<li class="social-item"><a class="social-link" href="https://github.com/liamchalk00" target="_blank"><i class="ti-github" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://www.linkedin.com/in/liamchalk00" target="_blank"><i class="ti-linkedin" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="mailto:liamchalk00@gmail.com" target="_blank"><i class="ti-email" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://twitter.com/liamchalk00" target="_blank"><i class="ti-twitter" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://www.instagram.com/liamchalk00" target="_blank"><i class="ti-instagram" aria-hidden="true"></i></a></li>
<li class="social-item"><a class="social-link" href="https://tsl.news/author/liam-chalk" target="_blank"><i class="ti-pencil" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
<footer class="footer py-3">
<div class="container">
<center>
<p class="medium mb-0 text-light">
Created by Liam Chalk ʕ•ᴥ•ʔ
</p>
</center>
</div>
</footer>
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<script src="assets/vendors/isotope/isotope.pkgd.js"></script>
<script src="assets/js/styles.js"></script>
</body>
</html>