-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog_temporary.html
135 lines (92 loc) · 4.47 KB
/
blog_temporary.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
<!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</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">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.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. Currenty pursuing a master's degree in Environmental Science and Management at 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 active" href="blog_temporary.html"><i class="fas fa-blog fa-fw me-2"></i>Blog<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><i class="fas fa-envelope-open-text fa-fw me-2"></i>Contact</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">Work in progress</h2>
<div class="intro">Hey there! Thanks for stopping by my website. I am currently working on the blog section. Unfortunately, it's not quite ready yet, but I promise it will be worth the wait. In the meantime, feel free to check out the other sections and keep an eye out for updates. Thanks for your patience and support.</div>
</div><!--//container-->
</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>