-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (182 loc) · 5.38 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
<!DOCTYPE HTML>
<!--
Theory by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Code It to Know It</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header">
<div class="inner">
<a href="index.html" class="logo">Boris Mesits</a>
<nav id="nav">
<a href="index.html" style="color:black;">Home</a>
<a href="research.html" style="color:gray;">Research</a>
<a href="coding-adventures.html" style="color:gray;">Coding Adventures</a>
<a href="class-resources.html" style="color:gray;">Class Resources</a>
<a href="fun-stuff.html" style="color:gray;">Fun Stuff</a>
</nav>
<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
</div>
</header>
<!-- Banner -->
<section id="banner" style="background-image: url('images/hike.JPG');">
<h1>Code it To Know It</h1>
<p>Thoughts from a physics student and lifelong learner</p>
</section>
<!-- One -->
<section id="one" class="wrapper">
<div class="inner">
<div class="flex flex-1">
<article>
<header>
<h3>Hi! I'm Boris.</h3>
</header>
<p>I am a first-year graduate student in experimental condensed matter physics at the University of Pittsburgh. On this
website you can find information about my projects, which range from visualizing weird physics phenomena to electronics
to resources for fellow physics students.
</p>
</article>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 special">
<div class="inner">
<header>
<h2>Links</h2>
<p></p>
</header>
<div class="flex flex-4">
<div class="box person">
<a href='https://www.youtube.com/channel/UCzGHc-5sNoxs3iKFCNIbuzA'>
<div class="image round">
<img src="images/ytlogo.png" alt="Person 1" />
</div>
<h3>YouTube Channel</h3>
</a>
</div>
<div class="box person">
<a href='https://github.com/borismesits'>
<div class="image round">
<img src="images/ghlogo.png" alt="Person 2" />
</div>
<h3>GitHub Profile</h3>
</a>
</div>
<div class="box person">
<a href='https://www.linkedin.com/in/boris-mesits-bb4815145/'>
<div class="image round">
<img src="images/lilogo.png" alt="Person 3" />
</div>
<h3>LinkedIn Profile</h3>
</a>
</div>
<div class="box person">
<div class="image round">
<img src="images/oldwell3.JPG" alt="Person 4" />
</div>
<h3>CV</h3>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper special">
<div class="inner">
<header class="align-center">
<h2>Highlights</h2>
<p>From serious to amusing</p>
</header>
<div class="flex flex-2">
<br>
<br>
<article>
<div class="image fit">
<img src="images/outside-setup.png" alt="Pic 01" />
</div>
<header>
<h3>Research</h3>
</header>
<p>
As an undergraduate I had the privilege of pursuing small research projects under the guidance of some fantastic people.
</p>
<footer>
<a href="research.html" class="button special">More</a>
</footer>
</article>
<br>
<br>
<article>
<div class="image fit">
<img src="images/MID.jpg" alt="Pic 02" />
</div>
<header>
<h3>Coding Adventures</h3>
</header>
<p>
In my quest to achieve the improbable, I've come across many fascinating bugs (and a good result or two).
</p>
<footer>
<a href="coding-adventures.html" class="button special">More</a>
</footer>
</article>
<br>
<br>
<article>
<div class="image fit">
<img src="images/example.PNG" alt="Pic 02" />
</div>
<header>
<h3>Class Resources</h3>
</header>
<p>
If I ever find or make something that could be useful to another student...why keep it to myself?
</p>
<footer>
<a href="class-resources.html" class="button special">More</a>
</footer>
</article>
<br>
<br>
<article>
<div class="image fit">
<img src="images/terrain.PNG" alt="Pic 02" />
</div>
<header>
<h3>Fun Stuff</h3>
</header>
<p>
On the borderline between procrastination and productivity.
</p>
<footer>
<a href="fun-stuff.html" class="button special">More</a>
</footer>
</article>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="flex">
<div class="copyright">
© Boris Mesits. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>