Office and mail in one line, rounded corner pic
This commit is contained in:
parent
5bd8666c46
commit
5051403925
1 changed files with 20 additions and 4 deletions
24
index.html
24
index.html
|
@ -14,25 +14,41 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
div {
|
.container {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border: 5px solid #333;
|
border: 5px solid #333;
|
||||||
|
padding: 1px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column {
|
||||||
|
flex: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column[name="mail"] {
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body onload="putYear()">
|
<body onload="putYear()">
|
||||||
<div>
|
<div class="container">
|
||||||
<center>
|
<center>
|
||||||
<img src="https://www.gravatar.com/avatar/a5114f8f2ab803638d442ab3cb39d329?s=300" />
|
<img src="https://www.gravatar.com/avatar/a5114f8f2ab803638d442ab3cb39d329?s=300" />
|
||||||
<h1>Sayantan Santra (সায়ন্তন সাঁতরা)</h1>
|
<h1>Sayantan Santra (সায়ন্তন সাঁতরা)</h1>
|
||||||
</center>
|
</center>
|
||||||
<p>Office: PHSC 903</p>
|
<div class="row">
|
||||||
<p>Email: sayantan[dot]santra[at]ou.edu</p>
|
<div class="column">Office: PHSC 903</div>
|
||||||
|
<div class="column" name="mail">Email: sayantan[dot]santra[at]ou.edu</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
<p>I'm a <span id="year-span"></span> year PhD student in the Department of Mathematics
|
<p>I'm a <span id="year-span"></span> year PhD student in the Department of Mathematics
|
||||||
|
|
Loading…
Reference in a new issue