1 2 3 4 5<!DOCTYPE html> 6<html lang="en"> 7<head> 8 9 <title> 10Warren Lab 11</title> 12 <meta charset="utf-8" /> 13 <link rel="apple-touch-icon" sizes="76x76" href="/static/assets/img/W_icon.png"> 14 <link rel="icon" type="image/png" href="/static/assets/img/W_icon.png"> 15 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 16 17 <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' /> 18 <!-- Fonts and icons --> 19<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" /> 20 <link href="/static/assets/css/nucleo-icons.css" rel="stylesheet"> 21
21<script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
21 22 23 <!-- CSS Files --> 24 <link href="/static/assets/css/material-kit.css" rel="stylesheet" /> 25 <link href="/static/hang.css" rel="stylesheet" /> 26 27</head> 28 29<body class="blog-posts sidebar-collapse"> 30<body class="blog-posts sidebar-collapse"> 31 <nav class="navbar navbar-color-on-scroll navbar-transparent fixed-top navbar-expand-lg " color-on-scroll="100" id="sectionsNav"> 32 <div class="container"> 33 <div class="navbar-translate"> 34 <a class="navbar-brand" href="/"> 35 <i class="material-icons">home</i> The Warren Lab </a> 36 <button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation"> 37 <span class="sr-only">Toggle navigation</span> 38 <span class="navbar-toggler-icon"></span> 39 <span class="navbar-toggler-icon"></span> 40 <span class="navbar-toggler-icon"></span> 41 </button> 42 </div> 43 <div class="collapse navbar-collapse"> 44 <ul class="navbar-nav ml-auto"> 45 <li class="nav-item"> 46 <a class="nav-link" href="/research/"> 47 <i class="material-icons">science</i> Research</a> 48 </li> 49 <li class="nav-item"> 50 <a class="nav-link" href="/people/"> 51 <i class="material-icons">group</i> People</a> 52 </li> 53 <li class="nav-item"> 54 <a class="nav-link" href="/publications/"> 55 <i class="material-icons">description</i> Publications</a> 56 </li> 57<!-- <li class="nav-item"> 58 <a class="nav-link" href="/chat/"> 59 <i class="material-icons">chat</i> ChatGPT</a> 60 </li> --> 61 <li class="nav-item"> 62 <a class="nav-link" href="https://twitter.com/warren_lab_unc" target="_blank" rel="noopener" aria-label="Twitter"> 63 <button class="btn btn-social btn-just-icon btn-round btn-twitter"> 64 <i class="fa fa-twitter"></i> 65 </button> 66 </a> 67 </li> 68 69 </ul> 70 </div> 71 </div> 72 </nav> 73 74 75 76 77<body class="landing-page sidebar-collapse"> 78 <div class="page-header header-filter" data-parallax="true" style="background-image: url('../static/assets/img/electride-1.jpg')"> 79 <div class="container"> 80 <div class="row"> 81 <div class="col-md-6"> 82 <h1 class="title">The Materials Discovery Lab</h1> 83 <h3>Accelerating the experimental discovery of materials for energy with computation.</h3> 84 <br> 85 </div> 86 </div> 87 </div> 88 </div> 89 <div class="main main-raised"> 90 <div class="container"> 91 <div class="section text-center"> 92 <div class="row"> 93 <div class="col-md-8 ml-auto mr-auto"> 94 <h2 class="title">Advancing sustainability through materials discovery.</h2> 95 <h5 class="section section-text">Solving society's outstanding challenges at the energy-water nexus requires the discovery of materials with radically improved properties. Our lab combines inorganic materials synthesis, electrochemistry, and computation to address society's critical needs.</h5> 96 97 <div class="embed-responsive embed-responsive-16by9"> 98 <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/BnhM1HIjP7s" allowfullscreen></iframe> 99 </div> 100 101 </div> 102 </div> 103 104 105 <div class="features"> 106 <div class="row"> 107 <div class="col-md-4"> 108 <div class="info"> 109 <div class="icon icon-warning"> 110 <i class="material-icons">published_with_changes</i> 111 </div> 112 <h4 class="info-title">Uniting computation and experiment for energy science.</h4> 113 <h7 class="text-justify">From centrifuge to supercomputer and from arc furnace to atomic layer deposition, our lab is equipped with tools for the discovery of new battery materials.<br> 114 <br> Our strategy uses high-throughput computation to rapidly search for new materials and screen for promising properties. Once we find an interesting target, we experimentally synthesize the material and characterize it. Our studies often explore the electrochemical or transport properties of these new materials.</h7> 115 </div> 116 </div> 117 118 <div class="col-md-4"> 119 <div class="info"> 120 <h4><br></h4> 121 <img src="/static/assets/img/lab-icon.svg" alt="Experiment computation energy" class="img-raised rounded-circle img-fluid"> 122 </div> 123 </div> 124 125 <div class="col-md-4"> 126 <div class="info"> 127 <div class="icon icon-warning"> 128 <i class="material-icons">accessibility</i> 129 </div> 130 <h4 class="info-title">Welcoming all.</h4> 131 <h7>The Warren Lab strives to not discriminate on the basis of gender, sexuality, nationality, race, ethnicity, or religious beliefs. In the spirit of fostering creative research, our lab supports a diversity of people and ideas. We acknowledge that individuals inside and outside our communities face challenges that we may
131not understand, and we recongize the value of empathy and active lsitening in creating a workplace where everyeone has the opportunity to thrive. We stand with and are commited to the development of individuals from groups that are underrepresented in the academic research community.</h7> 132 </div> 133 </div> 134 135 136 </div> 137 </div> 138 </div> 139 </div> 140 </div> 141 142 143 144 145 146 <footer class="footer footer-default"> 147 <div class="container"> 148 <nav class="float-left"> 149 <ul> 150 <li class="nav-item"> 151 <a class="nav-link" href="https://twitter.com/warren_lab_unc" target="_blank" rel="noopener" aria-label="Twitter"> 152 <button class="btn btn-social btn-just-icon btn-round btn-twitter"> 153 <i class="fa fa-twitter"></i> 154 </button> 155 </a> 156 </li> 157 158 <li> 159 <a href="/research/"> 160 Research 161 </a> 162 </li> 163 <li> 164 <a href="/people/"> 165 People 166 </a> 167 </li> 168 <li> 169 <a href="/publications/"> 170 Publications 171 </a> 172 </li> 173<!-- <li> 174 <a href="/chat/"> 175 Chat 176 </a> 177 </li>--> 178 </ul> 179 </nav> 180 <nav class="float-right"> 181 <ul> 182 <li class="button-container nav-item iframe-extern"> 183 <a href="/accounts/login" target="_blank" class="btn btn-default btn-round btn-block"> 184 Sign in 185 </a> 186 </li> 187 </ul> 188 </nav> 189 </div> 190 </footer> 191 192 193 <!-- Core JS Files --> 194
194<script src="/static/assets/js/core/jquery.min.js" type="text/javascript"></script>
194 195
195<script src="/static/assets/js/core/popper.min.js" type="text/javascript"></script>
195 196
196<script src="/static/assets/js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
196 197
197<script src="/static/assets/js/plugins/moment.min.js"></script>
197 198 <!-- Plugin for the Datepicker, full documentation here: https://github.com/Eonasdan/bootstrap-datetimepicker --> 199
199<script src="/static/assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script>
199 200 <!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ --> 201
201<script src="/static/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
201 202 <!-- Google Maps Plugin --> 203
203<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
203 204 <!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs --> 205
205<script src="/static/assets/js/plugins/bootstrap-tagsinput.js"></script>
205 206 <!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select --> 207
207<script src="/static/assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script>
207 208 <!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput --> 209
209<script src="/static/assets/js/plugins/jasny-bootstrap.min.js" type="text/javascript"></script>
209 210 <!-- Plugin for Small Gallery in Product Page --> 211
211<script src="/static/assets/js/plugins/jquery.flexisel.js" type="text/javascript"></script>
211 212 <!-- Plugins for presentation and navigation --> 213
213<script src="/static/assets/demo/modernizr.js" type="text/javascript"></script>
213 214
214<script src="/static/assets/demo/vertical-nav.js" type="text/javascript"></script>
214 215 <!-- Place this tag in your head or just before your close body tag. --> 216
216<script async defer src="https://buttons.github.io/buttons.js"></script>
216 217 <!-- Js With initialisations For Demo Purpose, Don't Include it in Your Project --> 218
218<script src="/static/assets/demo/demo.js" type="text/javascript"></script>
218 219 <!-- Control Center for Material Kit: parallax effects, scripts for the example pages etc --> 220
220<script src="/static/assets/js/material-kit.js" type="text/javascript"></script>
220 221</body> 222 223</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.