forked from aamaterials/aamaterials.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (180 loc) · 8.86 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
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Adsorption and Advanced Materials</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Facebook Opengraph integration: https://developers.facebook.com/docs/sharing/opengraph -->
<meta property="og:title" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta property="og:site_name" content="">
<meta property="og:description" content="">
<!-- Twitter Cards integration: https://dev.twitter.com/cards/ -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700|Roboto:400,900" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!--<section class="hero">-->
<section class="hero">
<!-- <div class="block bg-primary block-pd-lg block-bg-overlay text-center" data-bg-img="img/diana-mof.png" data-settings='{"stellar-background-ratio": 0.6}' data-toggle="parallax-bg">-->
<div class="block container text-center">
<div class="row">
<div class="col-md-12">
<a href="index.html"><img src="img/A2ML-test-32.png" alt="" title="" /></img></a>
</div>
</div>
<div class="col-md-12">
<h1>Adsorption and Advanced Materials</h1>
<p class="tagline">Department of Chemical Engineering and Biotechnology <br />University of Cambridge</p>
</div>
</div>
</div>
</section>
<!-- Header -->
<header id="header">
<div class="container">
<!-- <div id="logo" class="pull-left">
<a href="index.html"><img src="img/A2ML-Logo-PO-WHITE.png" alt="" title="" /></img></a>
</div>-->
<nav id="nav-menu-container">
<ul class="nav-menu">
<li><a href="index.html">Home</a></li>
<li><a href="news.html">News</a></li>
<li class="menu-has-children"><a href="people.html">People</a>
<ul>
<li><a href="david.html">David Fairen-Jimenez</a></li>
<li><a href="students.html">Current Students</a></li>
<li><a href="pdra.html">PDRAs</a></li>
<li><a href="visitors.html">Visitors</a></li>
<li><a href="alumni.html">Previous Members</a></li>
</ul>
</li>
<li class="menu-has-children"><a href="research.html">Research</a>
<ul>
<li><a href="synthesis.html">MOF Engineering</a></li>
<li><a href="adsorption.html">Gas Adsorption and Storage</a></li>
<li><a href="drug.html">Drug Delivery</a></li>
<li><a href="simulations.html">Computational Simulations</a></li>
<li><a href="workwithus.html">Work With Us</a></li>
</ul>
<li><a href="visualisedata.html">Visualise Our Data</a></li>
<li><a href="equipment.html">Equipment</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="spinout.html">Spinouts</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- About -->
<section class="about" id="about">
<div class="container text-center">
<h2>Welcome</h2>
<div class="container text-justify">
<p>
The Adsorption and Advanced Materials group is part of the Department of Chemical Engineering & Biotechnology at the University of Cambridge. <br /><br />
Our research concerns the study of the molecular mechanisms that control adsorption processes in porous materials. We are particularly interested in drug delivery systems, where nanotechnology has a fundamental impact to revolutionise cancer diagnosis and therapy. We are also interested in the use of novel porous materials for the necessary shift from today’s fossil-based energy economy to a more sustainable economy based on hydrogen and renewable energy, linked to the carbon capture to mitigate the effects of global warming. Our objective is to evaluate new strategies in the study of adsorption processes, the study and design of new porous materials such as metal-organic frameworks (MOFs) and to develop new methods in the prediction of their performance. <br /><br />The huge development of computational power allows us to use computational simulation, such as grand canonical Monte Carlo (GCMC) and molecular dynamics (MD), and machine learning to design new materials. Nowadays, we run high-throughput screening (HTS) in databases with thousands of materials to find optimal ones for specific applications. Using big data analysis, we can understand how materials properties affect their final performance, whereas using machine learning we can recognise these relationships and discover hidden insights, extrapolating the behaviour towards optimal systems. Once an optimal material is identified, we experimentally engineer and adapt it to the real world and final applications. Our lab’s research covers the whole process, where our team is roughly divided in three main themes: i) data mining for performance’s prediction; ii) engineering of systems for gas adsorption/separation; iii) nanomaterials for drug delivery.
<br /><br />
</p>
</div>
<div class="row stats-row">
<!-- <div class="stats-col text-center col-md-3 col-sm-6">
<div class="circle">
<span class="stats-no" data-toggle="counter-up">81</span> Papers published
</div>
</div>-->
<br />
<br />
<div class="stats-col text-center col-md-4 col-sm-7">
<div class="circle">
<span class="stats-no" data-toggle="counter-up">25</span> Group members
</div>
</div>
<div class="stats-col text-center col-md-4 col-sm-7">
<div class="circle">
<span class="stats-no" data-toggle="counter-up">14</span> Number of alumni
</div>
</div>
<div class="stats-col text-center col-md-4 col-sm-7">
<div class="circle">
<span class="stats-no" data-toggle="counter-up">2</span> Spinouts
</div>
</div>
</div>
</div>
</section>
<!-- @component: footer -->
<footer class="site-footer">
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xs-12 text-lg-left text-center">
<div class="credits">
Designed by Diana, Marta and Aurelia.
</div>
</div>
<!-- a bit redundant
<div class="col-lg-6 col-xs-12 text-lg-right text-center">
<ul class="list-inline">
<li class="list-inline-item">
<a href="index.html">Home</a>
</li>
<li class="list-inline-item">
<a href="news.html">News</a>
</li>
<li class="list-inline-item">
<a href="research.html">Research</a>
</li>
<li class="list-inline-item">
<a href="people.html">People</a>
</li>
<li class="list-inline-item">
<a href="publications.html">Publications</a>
</li>
<li class="list-inline-item">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
-->
</div>
</div>
</div>
</footer>
<a class="scrolltop" href="#"><span class="fa fa-angle-up"></span></a>
<!-- Required JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/superfish/hoverIntent.js"></script>
<script src="lib/superfish/superfish.min.js"></script>
<script src="lib/tether/js/tether.min.js"></script>
<script src="lib/stellar/stellar.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/easing/easing.js"></script>
<script src="lib/stickyjs/sticky.js"></script>
<script src="lib/parallax/parallax.js"></script>
<script src="lib/lockfixed/lockfixed.min.js"></script>
<!-- Template Specisifc Custom Javascript File -->
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>