From 0961413a5d47c8d7274921eaead1afd9f4fc7083 Mon Sep 17 00:00:00 2001 From: VRSasha Date: Thu, 3 Aug 2023 00:00:53 +0700 Subject: [PATCH] add icon and center itens --- icons/ttt-org.png | Bin 0 -> 4485 bytes index.html | 15 +++++++++++---- style.css | 35 +++++++++++++++++++++++++++++++++++ 3 files changed, 46 insertions(+), 4 deletions(-) create mode 100644 icons/ttt-org.png diff --git a/icons/ttt-org.png b/icons/ttt-org.png new file mode 100644 index 0000000000000000000000000000000000000000..e5c36862a521a07738259b082fb48666c58db62a GIT binary patch literal 4485 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 -

TechTransThai

+
+ TTT Logo +

TechTransThai

+

Services

@@ -46,9 +49,13 @@

เทคโนโลยีเพื่อทุกคน

Visit - -

Version DATE-VERSION

- Service status + + + diff --git a/style.css b/style.css index 479f458..49217eb 100644 --- a/style.css +++ b/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; @@ -22,4 +30,31 @@ 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; } \ No newline at end of file