Office and mail in one line, rounded corner pic

This commit is contained in:
Sayantan Santra 2023-04-25 01:11:07 -05:00
parent 5bd8666c46
commit 5051403925
1 changed files with 20 additions and 4 deletions

View File

@ -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