-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
146 lines (103 loc) · 5.27 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
145
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9CRVNZY34D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9CRVNZY34D');
</script>
<title>pcarbomestre - contact</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Personal website">
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<!-- FontAwesome JS -->
<script defer src="assets/fontawesome/js/all.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme-9.css">
<!-- Style HTML -->
<style>
::selection {
color: white;
background: #154973;
}
</style>
</head>
<body>
<header class="header text-center">
<div class="force-overflow">
<h1 class="blog-name pt-lg-4 mb-0"><a class="no-text-decoration" href="index.html">Pol Carbó</a></h1>
<nav class="navbar navbar-expand-lg navbar-dark" >
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navigation" class="collapse navbar-collapse flex-column" >
<div class="profile-section pt-3 pt-lg-0" >
<img class="profile-image mb-3 rounded-circle mx-auto" src="assets/images/profile.png" alt="image" >
<div style="margin-bottom: 20px;">
</div>
<div class="bio mb-3">Hi, my name is Pol Carbó. I am a Marine Scientist and Data enthusiast. I recently graduated with a Master's degree in Environmental Science and Management from UCSB.</div><!--//bio-->
<div style="margin-bottom: 40px;">
</div>
<ul class="social-list list-inline py-2 mx-auto">
<li class="list-inline-item"><a href="https://twitter.com/p_carbomestre" target="_blank"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/polcarbo/" target="_blank"><i class="fab fa-linkedin-in fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/pcarbomestre" target="_blank"><i class="fab fa-github-alt fa-fw"></i></a></li>
<li class="list-inline-item"><a href="mailto:[email protected]" target="_blank"><i class="fab fa fa-envelope fa-fw"></i></a></li>
</ul><!--//social-list-->
<div style="margin-bottom: 20px;">
</div>
<hr>
</div><!--//profile-section-->
<ul class="navbar-nav flex-column text-start">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="fas fa-user fa-fw me-2"></i>About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html"><i class="fas fa-file-alt fa-fw me-2"></i>Resume</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html"><i class="fas fa-blog fa-fw me-2"></i>Blog</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html"><i class="fas fa-envelope-open-text fa-fw me-2"></i>Contact<span class="sr-only">(current)</span></a>
</li>
</ul>
<div class="dark-mode-toggle text-center w-100">
<hr class="mb-4">
</div>
<div style="margin-bottom: 60px;">
</div>
</div>
</nav>
</div><!--//force-overflow-->
</header>
<div class="main-wrapper">
<section class="cta-section theme-bg-light py-5">
<div class="container text-center single-col-max-width">
<h2 class="heading">Contact</h2>
<div class="intro">
<p>You can contact me via email at: <a class="text-link" href="mailto:#">[email protected]</a></p>
<p>Or, we can connect on the social channels below.</p>
<ul class="list-inline mb-0">
<li class="list-inline-item mb-3"><a class="twitter" href="https://twitter.com/p_carbomestre" target="_blank"><i class="fab fa-twitter fa-fw fa-lg"></i></a></li>
<li class="list-inline-item mb-3"><a class="linkedin" href="https://www.linkedin.com/in/polcarbo/" target="_blank"><i class="fab fa-linkedin-in fa-fw fa-lg"></i></a></li>
<li class="list-inline-item mb-3"><a class="github" href="https://github.com/pcarbomestre" target="_blank"><i class="fab fa-github-alt fa-fw fa-lg"></i></a></li>
<!--<li class="list-inline-item mb-3"><a class="facebook" href="#"><i class="fab fa-facebook-f fa-fw fa-lg"></i></a></li>-->
</ul><!--//social-list-->
</div><!--//container-->
<div class="container"><hr></div>
</section>
</div><!--//main-wrapper-->
<!-- Javascript -->
<script src="assets/plugins/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>