-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (87 loc) · 3.3 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
<!DOCTYPE HTML>
<html>
<head>
<title>Kyla de Villa</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
Header
<header id="header" class="alt">
<span class="logo">
<img class="circular--square" src="profile.jpg" />
</span>
<h1>Kyla de Villa</h1>
<p><FONT COLOR=white>PhD Candidate at UC Berkeley</FONT></p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#about" class="active">About</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#publications">Publications</a></li>
<li><a href="#cv">CV</a></li>
<li><a href="#personal">Personal</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- About -->
<section id="about" class="main">
<h1><FONT COLOR=purple>Kyla de Villa</FONT></h1>
<hr>
<p>I am a PhD Candidate at UC Berkeley in the Department of Earth and Planetary Science. I use computer simulations (<i>ab initio</i> and machine learning methods) to study the properties of materials under the extreme conditions relevant to planetary interiors. My current project involves studying transport properties of planetary ices, with implications for the structure of ice-giant interiors and magnetic field generation for these planets. </p>
</section>
<!-- Research --->
<section id="research" class="main">
<h1><FONT COLOR=purple>Research</FONT></h1>
<hr>
<p> </p>
</section>
<!-- Publications -->
<!-- <section id="publications" class="main">
<header class="major">
<h2>Publications</h2>
</header>
</section> -->
<!-- CV -->
<!-- <section id="cv" class="main">
<header class="major">
<h2>CV</h2>
</header>
</section> -->
<!-- Personal -->
<!-- <section id="Personal" class="main">
<header class="major">
<h2>Personal</h2>
</header>
</section> -->
<!-- Contact -->
<!-- <section id="contact" class="main">
<header class="major">
<h2>Contact</h2>
</header>
<dd><a href="#">[email protected]</a></dd>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands fa-linkedin alt"><span class="label">LinkedIn</span></a></li>
</ul>
</section> -->
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>