From f4933b98041d2252b4d1cbbe9e7b67c672366726 Mon Sep 17 00:00:00 2001 From: Tapas Adhikary Date: Thu, 13 Aug 2020 10:30:06 +0530 Subject: [PATCH] Done with details tag --- details/index.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++ index.html | 21 ++++++++++++++++++ main.css | 28 ++++++++++++++++++++++++ 3 files changed, 102 insertions(+) create mode 100644 details/index.html create mode 100644 index.html create mode 100644 main.css diff --git a/details/index.html b/details/index.html new file mode 100644 index 0000000..f5116b9 --- /dev/null +++ b/details/index.html @@ -0,0 +1,53 @@ + + + + + + + HTML Tips and Tricks - Details Tag + + + + + +
+

Details Tag

+
+ Click Here to the user details + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#NameLocationJob
1AdamHustonUI/UX
2BobLondonMachine Learning
3JackAustraliaUI Designer
4TapasIndiaBlogger
+
+
+ + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..601dcf0 --- /dev/null +++ b/index.html @@ -0,0 +1,21 @@ + + + + + + HTML Tips and Tricks + + + + +
+

My Favorite HTML Tips and Tricks

+ +
+ + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..e3ea192 --- /dev/null +++ b/main.css @@ -0,0 +1,28 @@ +body { + background-color: #000000; + color: #ffffff; +} + +a { + color: #61dafb; +} + +table { + border-collapse: collapse; + width: 100%; +} + +th, +td { + padding: 8px; + text-align: left; + border-bottom: 1px solid #ddd; +} + +.demo { + margin: 30px auto 30px auto; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +}