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
+
+
+ # |
+ Name |
+ Location |
+ Job |
+
+
+ 1 |
+ Adam |
+ Huston |
+ UI/UX |
+
+
+ 2 |
+ Bob |
+ London |
+ Machine Learning |
+
+
+ 3 |
+ Jack |
+ Australia |
+ UI Designer |
+
+
+ 4 |
+ Tapas |
+ India |
+ Blogger |
+
+
+
+
+
+
+
\ 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
+
+ -
+
+ Details Tag - Specify details that the user can open and close on demand
+
+
+
+
+
\ 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;
+}