techtransthai/www.techtransthai.org
techtransthai/www.techtransthai.org
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

add icon and center itens

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
icons/ttt-org.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

13
index.html
View file

@ -8,7 +8,10 @@
</head> </head>
<body> <body>
<h1>TechTransThai</h1> <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> <h2>Services</h2>
@ -46,9 +49,13 @@
<p>เทคโนโลยีเพื่อทุกคน</p> <p>เทคโนโลยีเพื่อทุกคน</p>
<a href="https://www.youtube.com/@PGTechs" class="button">Visit</a> <a href="https://www.youtube.com/@PGTechs" class="button">Visit</a>
<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>
<p>Version DATE-VERSION</p>
<a href="https://status.techtransthai.org/status/techtransthai">Service status</a>
</body> </body>
</html> </html>

35
style.css
View file

@ -2,6 +2,14 @@ html *
{ {
font-family: Cantarell, sans-serif; font-family: Cantarell, sans-serif;
} }
.header {
display: flex;
justify-content: center;
align-items: center;
}
.button { .button {
background-color: #EBEBEB; background-color: #EBEBEB;
color: black; color: black;
@ -23,3 +31,30 @@ html *
.button:hover { .button:hover {
background-color: #E0E0E0; 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;
}