update card

spsitherTCRC · Oct 25, 2020 · 5e1f4f2 · 5e1f4f2
1 parent f2cdb32
commit 5e1f4f2
Show file tree

Hide file tree

Showing 7 changed files with 964 additions and 15 deletions.
diff --git a/dist/images/1.jpg b/dist/images/1.jpg
diff --git a/dist/images/2.jpg b/dist/images/2.jpg
diff --git a/dist/images/3.jpg b/dist/images/3.jpg
diff --git a/dist/images/4.jpg b/dist/images/4.jpg
diff --git a/index.html b/index.html
@@ -4,7 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>
-      Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS
+      Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI
+      Kit base on Tailwind CSS
     </title>
 
     <!-- Tailwind css  -->
@@ -113,7 +114,7 @@
                 >
                   <div class="py-1">
                     <a
-                      href="#"
+                      href="./pages/components/card.html"
                       class="block px-3 py-2 text-sm leading-5 text-gray-600 hover:bg-gray-200 hover:text-gray-700 focus:outline-none focus:bg-gray-100 focus:text-gray-700"
                       >Card</a
                     >
@@ -123,7 +124,7 @@
                       >Chart</a
                     >
                     <a
-                      href="pages/ui/button.html"
+                      href="./pages/components/button.html"
                       class="block px-3 py-2 text-sm leading-5 text-gray-600 hover:bg-gray-200 hover:text-gray-700 focus:outline-none focus:bg-gray-100 focus:text-gray-700"
                       >Button</a
                     >
@@ -260,13 +261,18 @@
               data-dropdown="dropDownMenu"
             >
               <img
-                class="w-8 h-8 mx-2 rounded-full object-cover"
+                class="w-8 h-8 mr-3 rounded-full object-cover"
                 src="./dist/avatar/nis.png"
                 alt="Avatar"
               />
-              <p class="text-left text-sm text-gray-700 hidden md:block">
-                Zero Black Coder <i class="bx bx-chevron-down"></i>
-              </p>
+              <div class="mt-1 hidden md:block">
+                <div class="leading-3 text-sm text-gray-700 ">
+                  Zero Black Coder 
+                </div>
+                <small class="text-xs text-gray-500"
+                  >Anggota DPR</small
+                >
+              </div>
             </a>
 
             <div

diff --git a/pages/ui/button.html → pages/components/button.html b/pages/ui/button.html → pages/components/button.html
@@ -4,7 +4,8 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>
-      Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS
+      Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI
+      Kit base on Tailwind CSS
     </title>
 
     <!-- Tailwind css  -->
@@ -119,7 +120,7 @@
                 >
                   <div class="py-1">
                     <a
-                      href="#"
+                      href="./../../pages/components/card.html"
                       class="block px-3 py-2 text-sm leading-5 text-gray-600 hover:bg-gray-200 hover:text-gray-700 focus:outline-none focus:bg-gray-100 focus:text-gray-700"
                       >Card</a
                     >
@@ -129,9 +130,9 @@
                       >Chart</a
                     >
                     <a
-                      href="#"
+                      href="./../../pages/components/button.html"
                       class="block px-3 py-2 text-sm leading-5 text-gray-600 hover:bg-gray-200 hover:text-gray-700 focus:outline-none focus:bg-gray-100 focus:text-gray-700"
-                      >Button</a
+                      >Buttons</a
                     >
                     <a
                       href="#"
@@ -266,13 +267,16 @@
               data-dropdown="dropDownMenu"
             >
               <img
-                class="w-8 h-8 mx-2 rounded-full object-cover"
+                class="w-8 h-8 mr-3 rounded-full object-cover"
                 src="./../../dist/avatar/nis.png"
                 alt="Avatar"
               />
-              <p class="text-left text-sm text-gray-700 hidden md:block">
-                Zero Black Coder <i class="bx bx-chevron-down"></i>
-              </p>
+              <div class="mt-1 hidden md:block">
+                <div class="leading-3 text-sm text-gray-700">
+                  Zero Black Coder
+                </div>
+                <small class="text-xs text-gray-500">Anggota DPR</small>
+              </div>
             </a>
 
             <div