add icon and center itens
This commit is contained in:
parent
d132c97ced
commit
0961413a5d
3 changed files with 46 additions and 4 deletions
BIN
icons/ttt-org.png
Normal file
BIN
icons/ttt-org.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.4 KiB |
11
index.html
11
index.html
|
@ -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>
|
||||
|
|
35
style.css
35
style.css
|
@ -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;
|
||||
}
|
Loading…
Reference in a new issue