-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (125 loc) · 10.1 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Lee Group Home</title>
<meta name="description" content="The Lee group at Harvard is a theoretical and computational chemistry group specializing in the development of numerical methods and quantum algorithms for simulating strongly interacting materials and molecules.
">
<link rel="shortcut icon" href="assets/img/icon.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alatsi&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alef&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aleo&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Allerta&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Almendra&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amaranth&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amiko&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Andika+New+Basic&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anek+Bangla&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anek+Gujarati&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anek+Malayalam&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Antic+Slab&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Archivo+Black&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aref+Ruqaa&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arima+Madurai&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Asul&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Averia+Libre&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Averia+Sans+Libre&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Baloo+2&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Basic&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Battambang&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Baumans&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bayon&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bungee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bungee+Inline&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin+Condensed&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Castoro&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Serif+Display&display=swap">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/Application-Form.css">
<link rel="stylesheet" href="assets/css/Features-Large-Icons.css">
<link rel="stylesheet" href="assets/css/Hero-Clean-Reverse.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LGCCEGX4J1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LGCCEGX4J1');
</script>
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark navbar-custom" style="opacity: 0.80;">
<div class="container"><a class="navbar-brand" href="index.html">Lee Group@Harvard</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarResponsive"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="News.html" style="font-size: 16px;">News</a></li>
<li class="nav-item"><a class="nav-link" href="about.html" style="font-size: 16px;">About Joonho</a></li>
<li class="nav-item"><a class="nav-link" href="members.html" style="font-size: 16px;">Members</a></li>
<li class="nav-item"><a class="nav-link" href="research.html" style="font-size: 16px;">Research</a></li>
<li class="nav-item"><a class="nav-link" href="publications.html" style="font-size: 16px;">Publications</a></li>
</ul>
<ul class="navbar-nav">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="gallery.html" style="font-size: 16px;">gallery</a></li>
<li class="nav-item"><a class="nav-link" href="schedule.html" style="font-size: 16px;"><i class="fa fa-calendar" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</nav>
<header class="text-center text-white masthead" style="background-image: url('assets/img/1004.jpg');background-position: (0px, 0px, 10px, 0 px);background-position: 50% 50%;/*filter: blur(8px);*//*-webkit-filter: blur(8px);*/backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);">
<div class="masthead-content">
<div class="container">
<h1 class="text-end masthead-heading mb-0" style="/*filter: blur(100px);*//*-webkit-filter: blur(0px);*/text-align: right;font-family: 'Alegreya Sans SC', sans-serif;font-size: 50px;"><span style="color: rgb(248, 248, 249);">The Lee Group </span></h1>
<h2 class="text-end masthead-subheading mb-0" style="font-family: Catamaran, sans-serif;text-align: left;font-size: 50;"><span style="color: rgb(36, 48, 94);">Theoretical</span><br><span style="color: rgb(36, 48, 94);">& Computational</span><br><span style="color: rgb(36, 48, 94);">Chemistry</span></h2>
</div>
</div>
</header>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-xxl-5 order-lg-1" href="open-positions.html">
<div class="p-5" href="open-positions.html"><a href="open-positions.html"><img class="rounded-circle img-fluid pulse animated infinite" src="assets/img/Untitled_Artwork%2019.jpg" style="transform: scale(1.35);border-radius: 0%;border: 7px dotted #f76060;box-shadow: 0px 0px;" href="open-positions.html"></a></div>
</div>
<div class="col-10 col-lg-6 offset-md-1 offset-lg-0 offset-xxl-0 order-lg-2">
<div class="border-5 p-5">
<p class="fs-4" style="font-family: 'Anek Gujarati', sans-serif;font-size: 23px;text-align: center;"> <br>We are a theoretical and computational chemistry group at Harvard University specializing in the development of numerical methods and quantum algorithms for simulating strongly interacting materials and molecules.<br><br>Specific applications where we apply our methods include perovskite materials, electrocatalysis, and moir<span style="color: rgb(32, 33, 36);">é</span> materials.<br><br>Our group officially started in July 2023 and is actively recruiting members.<br><br>Interested graduate student and postdoc candidates are encouraged to reach out to Joonho at <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</div>
</div>
</div>
<div class="container"></div>
</section>
<section></section>
<footer class="text-center py-4">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3">
<div class="col"></div>
<div class="col">
<p class="text-muted my-2">Copyright © 2023 Joonho Lee</p>
</div>
<div class="col">
<ul class="list-inline my-2"></ul>
</div>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/Application-Form-1.js"></script>
<script src="assets/js/Application-Form.js"></script>
</body>
</html>