-
Notifications
You must be signed in to change notification settings - Fork 0
/
research.html
162 lines (154 loc) · 16.6 KB
/
research.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Research</title>
<meta name="description" content="Research Interests in the Lee group.">
<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/aos.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>
<header class="text-center text-white masthead" style="background-image: url('assets/img/100.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);height: 490.158px;">
<div class="masthead-content">
<div class="container">
<h1 class="masthead-heading mb-0" style="/*filter: blur(100px);*//*-webkit-filter: blur(0px);*/text-align: left;color: #f76060;">Research</h1>
</div>
</div>
<section></section>
<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>
<div class="container text-center py-4 py-xl-5">
<div class="row">
<div class="col-md-8 col-xl-6 mx-auto p-4">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center" data-aos="fade-right">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center me-4 d-inline-block bs-icon xl" style="background: #f76060;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-boxes">
<path fill-rule="evenodd" d="M7.752.066a.5.5 0 0 1 .496 0l3.75 2.143a.5.5 0 0 1 .252.434v3.995l3.498 2A.5.5 0 0 1 16 9.07v4.286a.5.5 0 0 1-.252.434l-3.75 2.143a.5.5 0 0 1-.496 0l-3.502-2-3.502 2.001a.5.5 0 0 1-.496 0l-3.75-2.143A.5.5 0 0 1 0 13.357V9.071a.5.5 0 0 1 .252-.434L3.75 6.638V2.643a.5.5 0 0 1 .252-.434L7.752.066ZM4.25 7.504 1.508 9.071l2.742 1.567 2.742-1.567L4.25 7.504ZM7.5 9.933l-2.75 1.571v3.134l2.75-1.571V9.933Zm1 3.134 2.75 1.571v-3.134L8.5 9.933v3.134Zm.508-3.996 2.742 1.567 2.742-1.567-2.742-1.567-2.742 1.567Zm2.242-2.433V3.504L8.5 5.076V8.21l2.75-1.572ZM7.5 8.21V5.076L4.75 3.504v3.134L7.5 8.21ZM5.258 2.643 8 4.21l2.742-1.567L8 1.076 5.258 2.643ZM15 9.933l-2.75 1.571v3.134L15 13.067V9.933ZM3.75 14.638v-3.134L1 9.933v3.134l2.75 1.571Z"></path>
</svg></div>
<div>
<h4 class="text-start"><strong><span style="color: rgb(0, 0, 0);">Condensed Phase Quantum Chemistry</span></strong></h4>
<p class="text-start" style="font-family: 'Anek Gujarati', sans-serif;"><span style="color: rgb(33, 33, 33);">Have you ever wondered how quantum chemistry can be used to compute properties of solids and materials? We explore this exciting question/opportunity with focus on method developments for electrocatalysis.</span></p><a class="nav-link" href="condensedphasequantum.html" style="color: #f76060;">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
<hr class="my-5">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center" data-aos="fade-left">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center order-last ms-4 d-inline-block bs-icon xl" style="background: #f76060;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-soundwave">
<path fill-rule="evenodd" d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5zm-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zm-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5zm12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5z"></path>
</svg></div>
<div>
<h4 class="text-start"><strong><span style="color: rgb(0, 0, 0);">Electrons Coupled to Bosons</span></strong><br></h4>
<p class="text-start" style="font-family: 'Anek Gujarati', sans-serif;"><span style="color: rgb(33, 33, 33);">How do lattice vibration and light-matter interaction modulate transport and optical properties of materials? Our group develops theory and computational methods to answer these questions in the context of solar energy applications.</span><br></p><a class="nav-link" href="electronscoupled.html" style="color: #f76060;">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
<hr class="my-5">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center" data-aos="fade-right">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center me-4 d-inline-block bs-icon xl" data-aos="fade-up" style="background: #f76060;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-cpu" data-aos="fade-up">
<path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"></path>
</svg></div>
<div data-aos="fade-up">
<h4 class="text-end"><strong><span style="color: rgb(0, 0, 0);">Quantum Chemistry with Quantum Computers</span></strong><br></h4>
<p class="text-start" style="text-align: justify;font-family: 'Anek Gujarati', sans-serif;"><span style="color: rgb(33, 33, 33);">Can quantum computers enable more exciting and scalable computations relevant for chemistry and physics? Our group develops state-of-the-art quantum-classical hybrid algorithms that attempt to address this question.</span><br></p><a class="nav-link" href="quantumcomputers.html" style="color: #f76060;">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
<hr class="my-5">
<div class="d-flex align-items-center align-items-md-start align-items-xl-center" data-aos="fade-left">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center order-last ms-4 d-inline-block bs-icon xl" style="background: #f76060;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-layers-half">
<path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"></path>
</svg></div>
<div>
<h4 class="text-start"><strong><span style="color: rgb(0, 0, 0);">Materials Applications</span></strong><br></h4>
<p class="text-start" style="text-align: justify;font-family: 'Anek Gujarati', sans-serif;"><span style="color: rgb(33, 33, 33);">Do you have any exciting materials problems that can be unraveled by quantum chemical simulations? Our group identifies interesting problems in materials science and solves them by means of quantum chemistry.</span><br></p><a class="nav-link" href="materialsapplications.html" style="color: #f76060;">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 offset-xl-4">
<p><span style="color: rgb(134, 142, 150);">Copyright © 2023 Joonho Lee</span></p>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/aos.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>