forked from ChunYen-Chen/Calab-new-web.github.io
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcontact.html
More file actions
50 lines (47 loc) · 2.64 KB
/
contact.html
File metadata and controls
50 lines (47 loc) · 2.64 KB
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
---
layout: default
title: Contact Us - CA Lab
permalink: /contact/
bg_image: /assets/img/colliding_waveDM_halo.webp
---
<!-- Contact Section -->
<section id="contact" class="py-3 px-2">
<div class="container d-flex align-items-center">
<div class="row align-items-center gy-3">
<!-- Contact Info Box -->
<div class="col-md-5">
<div class="bg-glass p-3 p-lg-5 rounded-4 text-white text-shadow-dark">
<h1 class="fw-bolder mb-4">Contact Us</h1>
<ul class="list-unstyled mb-0">
<li class="mb-3 d-flex align-items-start">
<i class="fa fa-solid fa-user-tie fa-fw text-primary me-2" style="width: 20px; flex-shrink: 0;"></i>
<span><strong>Contact person:</strong> Hsi-Yu Schive (薛熙于)</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fa fa-solid fa-phone fa-fw text-primary me-2" style="width: 20px; flex-shrink: 0;"></i>
<span><strong>Phone:</strong> (02) 3366-8644</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fa fa-solid fa-envelope fa-fw text-primary me-2" style="width: 20px; flex-shrink: 0;"></i>
<span><strong>Email:</strong> hyschive@phys.ntu.edu.tw</span>
</li>
<li class="mb-0 d-flex align-items-start">
<i class="fa fa-solid fa-location-dot fa-fw text-primary me-2" style="width: 20px; flex-shrink: 0;"></i>
<span><strong>Address:</strong> Room 806, Astronomy-Mathematics Building, National Taiwan University,
No. 1, Sec. 4, Roosevelt Rd., Taipei 106319, Taiwan</span>
</li>
</ul>
</div>
</div>
<!-- Map Column -->
<div class="col-md-7">
<div class="">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7230.754272214952!2d121.53516897816723!3d25.02127230289953!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442aa27ef5061d5%3A0x3f33877f8046c5a7!2zMTA25Y-w5YyX5biC5aSn5a6J5Y2A5aSp5paH5pW45a246aSo!5e0!3m2!1szh-TW!2stw!4v1605603413342!5m2!1szh-TW!2stw"
width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy">
</iframe>
</div>
</div>
</div>
</div>
</section>