gbejarl.github.io/natgeo.html at main · gbejarl/gbejarl.github.io · GitHub

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
<!DOCTYPE HTML>
<html>

<head>
	<title>Gustavo Bejar</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
</head>

<body class="is-preload">

	<!-- Header -->
	<header id="header">
		<div class="inner">
			<a href="index.html" class="image avatar"><img src="images/avatar.jpg" alt="" /></a>
			<h1><strong>Hola, I'm Gustavo</strong></h1>
			Visiting Assistant Professor at Albion College
		</div>
	</header>

	<!-- Main -->
	<div id="main">

		<!-- One -->
		<section id="one">
			<header class="major">
				<h2>🌎 My National Geographic Project</h2>
			</header>
			<p> The National Geographic Society funded my research project that
				expands on my work on lahars. With my NGS project, I'm using a
				micro-rain radar to improve rainfall estimates for areas of the volcanoes
				at higher elevations. As an Explorer, I have also participated in
				the Society's leadership and diversity workshops having the opportunity
				to facilitate a session in one of these events. </p>
			<ul class="actions">
				<li><a href="https://explorers.nationalgeographic.org/directory/gustavo-bejar-lopez" class="button">NGS
						Explorer Profile</a></li>
			</ul>
		</section>

		<!-- Two -->
		<section id="two">
			<h2>Showcasing my research at an NGS event</h2>
			<article class="col-6 col-12-xsmall work-item">
				<div class="image fit no-overlay video-container">
					<iframe width=" 100%" height="350px"
						src="https://www.youtube.com/embed/fhUheenEpFc?si=gG6Qd5h5adGUaDtw" title="YouTube video player"
						frameborder="0"
						allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
						allowfullscreen></iframe>
				</div>
				<h3>Northern North America National Geographic Explorer Spotlight</h3>
				<p>Raleigh (NC) - April 2024</p>
			</article>
		</section>

		<!-- End -->
		<section id="end">
			<h2>Get In Touch</h2>
			<div class="row">
				<div class="col-12 col-12-small">
					<ul class="labeled-icons">
						<li>
							<h3 class="icon solid fa-building"><span class="label">Address</span></h3>
							Albion College<br />
							Palenske 126<br />
							611 E Porter St<br />
							Albion, MI 49224<br />
							United States
						</li>
						<li>
							<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
							<a href="mailto:gbejar@albion.edu">gbejar@albion.edu</a>
						</li>
					</ul>
				</div>
			</div>
		</section>

	</div>

	<!-- Footer -->
	<footer id="footer">
		<div class="inner">
			<ul class="icons">
				<li><a href="https://www.instagram.com/gbejarl" class="icon brands fa-instagram"><span
							class="label">Instagram</span></a></li>
				<li><a href="https://www.linkedin.com/in/gbejarl" class="icon brands fa-linkedin"><span
							class="label">Linked-In</span></a></li>
				<li><a href="https://www.github.com/gbejarl" class="icon brands fa-github"><span
							class="label">Github</span></a></li>
				<li><a href="https://www.youtube.com/gbejarl" class="icon brands fa-youtube"><span
							class="label">YouTube</span></a></li>
				<li><a href="mailto:gbejar@albion.edu" class="icon solid fa-envelope"><span
							class="label">Email</span></a></li>
			</ul>
			<ul class="copyright">
				<li>&copy; Gustavo Bejar, 2025</li>
				<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
			</ul>
		</div>
	</footer>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.poptrox.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>