add icon and center itens

This commit is contained in:
Late Night Defender 2023-08-03 00:00:53 +07:00
parent d132c97ced
commit 0961413a5d
3 changed files with 46 additions and 4 deletions

BIN
icons/ttt-org.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View file

@ -8,7 +8,10 @@
</head>
<body>
<div class="header">
<img src="icons/ttt-org.png" alt="TTT Logo" width="64" height="64" style="margin-right: 10px;">
<h1>TechTransThai</h1>
</div>
<h2>Services</h2>
@ -46,9 +49,13 @@
<p>เทคโนโลยีเพื่อทุกคน</p>
<a href="https://www.youtube.com/@PGTechs" class="button">Visit</a>
<p>Version DATE-VERSION</p>
<div class="footer">
<a href="https://codeberg.org/latenightdef/ttt-org" class="versionbutton">DATE-VERSION</a>
</div>
<div class="footer">
<a href="https://status.techtransthai.org/status/techtransthai">Service status</a>
</div>
</body>
</html>

View file

@ -2,6 +2,14 @@ html *
{
font-family: Cantarell, sans-serif;
}
.header {
display: flex;
justify-content: center;
align-items: center;
}
.button {
background-color: #EBEBEB;
color: black;
@ -23,3 +31,30 @@ html *
.button:hover {
background-color: #E0E0E0;
}
.footer {
display: flex;
justify-content: center;
align-items: center;
}
.versionbutton {
background-color: #E5EFFB;
color: #1a5fb4;
border: none;
border-radius:50px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 16px;
font-family: Cantarell, sans-serif;
font-weight: bold;
cursor: pointer;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}