Skip to content

Commit 87dea25

Browse files
prayaslashkariprayaslashkari
committed
Fix team section layout by applying consistent image styling and correcting affiliations
1 parent 21c34bc commit 87dea25

1 file changed

Lines changed: 28 additions & 22 deletions

File tree

‎aboutus.html‎

Lines changed: 28 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,14 @@
66
<meta charset="UTF-8">
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
9+
<style>
10+
.team-img {
11+
width: 100%;
12+
aspect-ratio: 1 / 1;
13+
object-fit: cover;
14+
display: block;
15+
}
16+
</style>
917
</head>
1018
<body>
1119

@@ -28,7 +36,7 @@ <h1 class="w3-border-bottom w3-border-light-grey w3-padding-16">Team</h1>
2836

2937
<div class="w3-row-padding">
3038
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
31-
<img src="images\THahmann.jpg" class="" alt="Torsten" style="width:100%">
39+
<img src="images\THahmann.jpg" class="team-img" alt="Torsten">
3240
<h3>Torsten Hahmann</h3>
3341
<p class="w3-opacity">Principal Investigator</p>
3442
<p><i>University of Maine</i></p>
@@ -48,15 +56,15 @@ <h3>Torsten Hahmann</h3>
4856
<p><a href="https://umaine.edu/scis/people/torsten-hahmann/">Information</a></p>
4957
</div>
5058
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
51-
<img src="images/PHitzler.jpg" alt="Pascal" style="width:100%">
59+
<img src="images/PHitzler.jpg" alt="Pascal" class="team-img">
5260
<h3>Pascal Hitzler</h3>
5361
<p class="w3-opacity">Co-PI</p>
5462
<p><i>Kansas State University</i></p>
5563
<p> </p>
5664
<p><a href="https://people.cs.ksu.edu/~hitzler/">Information</a></p>
5765
</div>
5866
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
59-
<img src="images/GHettiarachchi.jpg" alt="Ganga" style="width:100%">
67+
<img src="images/GHettiarachchi.jpg" alt="Ganga" class="team-img">
6068
<h3>Ganga Hettiarachchi</h3>
6169
<p class="w3-opacity">Co-PI</p>
6270
<p><i>Kansas State University</i></p>
@@ -76,15 +84,15 @@ <h3>Ganga Hettiarachchi</h3>
7684
<p><a href="http://www.agronomy.k-state.edu/people/faculty/hettiarachchi-ganga/index.html">Information</a></p>
7785
</div>
7886
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
79-
<img src="images/HMcGinty.jpg" alt="Hande" style="width:100%">
87+
<img src="images/HMcGinty.jpg" alt="Hande" class="team-img">
8088
<h3>Hande Küçük McGinty</h3>
8189
<p class="w3-opacity">Co-PI</p>
8290
<p><i>Kansas State University</i></p>
8391
<p> </p>
8492
<p><a href="https://www.koncordantlab.com/teams/hande-k%C3%BC%C3%A7%C3%BCk-mcginty">Information</a></p>
8593
</div>
8694
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
87-
<img src="images/OApul.jpg" alt="Onur" style="width:100%">
95+
<img src="images/OApul.jpg" alt="Onur" class="team-img">
8896
<h3>Onur Apul</h3>
8997
<p class="w3-opacity">Co-PI</p>
9098
<p><i>Pennsylvania State University</i></p>
@@ -93,10 +101,10 @@ <h3>Onur Apul</h3>
93101
<p><a href="https://civil.umaine.edu/faculty/onur-g-apul/">Information</a> </p>
94102
</div>
95103
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
96-
<img src="images/HPalani.jpg" alt="Hari" style="width:100%">
104+
<img src="images/HPalani.jpg" alt="Hari" class="team-img">
97105
<h3>Hari Palani</h3>
98106
<p class="w3-opacity">Co-PI</p>
99-
<p><i>Northeastern</i></p>
107+
<p><i>Northeastern University</i></p>
100108
<p>
101109
</p>
102110
<p><a href="https://roux.northeastern.edu/people/hari-palani/">Information</a></p>
@@ -106,7 +114,7 @@ <h3>Hari Palani</h3>
106114
<div class="w3-row-padding">
107115

108116
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
109-
<img src="images/AWilliams.jpg" alt="Antony" style="width:100%">
117+
<img src="images/AWilliams.jpg" alt="Antony" class="team-img">
110118
<h3>Antony Williams</h3>
111119
<p class="w3-opacity">Federal Partner</p>
112120
<p><i>EPA</i></p>
@@ -126,7 +134,7 @@ <h3>Antony Williams</h3>
126134
<p> </p>
127135
</div>
128136
<div class="w3-col l2 s3 w3-margin-bottom w3-cell" >
129-
<img src="images/VKilaru.jpg" alt="Vasu" style="width:100%">
137+
<img src="images/VKilaru.jpg" alt="Vasu" class="team-img">
130138
<h3>Vasu Kilaru</h3>
131139
<p class="w3-opacity">Federal Partner</p>
132140
<p><i>EPA</i></p>
@@ -137,7 +145,7 @@ <h3>Vasu Kilaru</h3>
137145
</div>
138146

139147
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
140-
<img src="images/SStephen.jpg" alt="Shirly" style="width:100%">
148+
<img src="images/SStephen.jpg" alt="Shirly" class="team-img">
141149
<h3>Shirly Stephen</h3>
142150
<p class="w3-opacity">PostDoc Researcher</p>
143151
<p><i>University of California Santa Barbara</i></p>
@@ -157,7 +165,7 @@ <h3>Shirly Stephen</h3>
157165
<p> </p>
158166
</div>
159167
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
160-
<img src="images/DKedrowski.jpg" alt="David" style="width:100%">
168+
<img src="images/DKedrowski.jpg" alt="David" class="team-img">
161169
<h3>David Kedrowski</h3>
162170
<p class="w3-opacity">Research Assistant</p>
163171
<p><i>University of Maine</i></p>
@@ -177,7 +185,7 @@ <h3>David Kedrowski</h3>
177185
<p><a href="https://umaine.edu/scis/people/david-kedrowski/">Information</a></p>
178186
</div>
179187
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
180-
<img src="images/KSchweikert.jpg" alt="Katrina" style="width:100%">
188+
<img src="images/KSchweikert.jpg" alt="Katrina" class="team-img">
181189
<h3>Katrina Schweikert</h3>
182190
<p class="w3-opacity">Research Assistant</p>
183191
<p><i>University of Maine</i></p>
@@ -197,35 +205,33 @@ <h3>Katrina Schweikert</h3>
197205
<p><a href="https://umaine.edu/scis/people/katrina-schweikert/">Information</a></p>
198206
</div>
199207
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
200-
<img src="images/SMoavenzadeh.jpg" alt="Sonia" style="width:100%">
208+
<img src="images/SMoavenzadeh.jpg" alt="Sonia" class="team-img">
201209
<h3>Sonia Moavenzadeh</h3>
202210
<p class="w3-opacity">Research Assistant</p>
203211
<p><i>University of Maine</i></p>
204212
<p></p>
205213
<p></p>
206214
</div>
207215
</div>
208-
</div>
209216

210-
211217
<div class="w3-row-padding">
212218
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
213-
<img src="images/ABarua.jpg" alt="Adrita" style="width:100%">
219+
<img src="images/ABarua.jpg" alt="Adrita" class="team-img">
214220
<h3>Adrita Barua</h3>
215221
<p class="w3-opacity">Research Assistant</p>
216222
<p><i>Kansas State University</i></p>
217223

218224
</div>
219225
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
220-
<img src="images/YZhang.jpg" alt="Yinglun" style="width:100%">
226+
<img src="images/YZhang.jpg" alt="Yinglun" class="team-img">
221227
<h3>Yinglun Zhang</h3>
222228
<p class="w3-opacity">Research Assistant</p>
223229
<p><i>Kansas State University</i></p>
224230
<p> </p>
225231
<p> <a href="https://www.koncordantlab.com/teams/yinglun-zhang">Information </a></p>
226232
</div>
227233
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
228-
<img src="images/RBabuRaavi.jpg" alt="Revanth" style="width:100%">
234+
<img src="images/RBabuRaavi.jpg" alt="Revanth" class="team-img">
229235
<h3>Revanth Babu Raavi</h3>
230236
<p class="w3-opacity">Research Assistant</p>
231237
<p><i>Kansas State University</i></p>
@@ -234,7 +240,7 @@ <h3>Revanth Babu Raavi</h3>
234240
</div>
235241

236242
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
237-
<img src="images\KPhillips.jpg" alt="Kendall" style="width:100%">
243+
<img src="images\KPhillips.jpg" alt="Kendall" class="team-img">
238244
<h3>Kendall Phillips</h3>
239245
<p class="w3-opacity">Research Assistant</p>
240246
<p><i>University of Maine</i></p>
@@ -243,7 +249,7 @@ <h3>Kendall Phillips</h3>
243249

244250

245251
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
246-
<img src="images\Photo-FE.jpg" alt="Fatih" style="width:100%">
252+
<img src="images\Photo-FE.jpg" alt="Fatih" class="team-img">
247253
<h3>Fatih Evrendilek</h3>
248254
<p class="w3-opacity">Researcher</p>
249255
<p><i>University of Maine Visiting Scholar</i></p>
@@ -265,10 +271,10 @@ <h3>Fatih Evrendilek</h3>
265271
</div>
266272

267273
<div class="w3-col l2 s3 w3-margin-bottom w3-cell">
268-
<img src="images/PLashkari.jpg" alt="Prayas" style="width:100%">
274+
<img src="images/PLashkari.jpg" alt="Prayas" class="team-img">
269275
<h3>Prayas Lashkari</h3>
270276
<p class="w3-opacity">Research Assistant</p>
271-
<p><i>Northeastern</i></p>
277+
<p><i>Northeastern University</i></p>
272278
<p><a href="https://prayaslashkari.in">Information</a>
273279

274280
</div>

0 commit comments

Comments
 (0)