talobyte · talobyte · Nov 27, 2021
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -0,0 +1,20 @@
+/*=============== GOOGLE FONTS ===============*/
+@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
+
+/*=============== VARIABLES CSS ===============*/
+:root {
+  /*========== Colors ==========*/
+  --first-color: hsl(232, 54%, 43%);
+  --text-color: hsl(232, 8%, 35%);
+  --white-color: hsl(232, 100%, 99%);
+  --body-color: hsl(232, 45%, 90%);
+  --container-color: hsl(232, 54%, 11%);
+}
+
+/*=============== INPUT PASSWORD ===============*/
+*{
+  box-sizing: border-box;
+  font-family: 'Poppins', sans-serif;
+}
+
+/* Transition effect */
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -0,0 +1 @@
+/*=============== SHOW / HIDDEN INPUT ===============*/
diff --git a/index.html b/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+    <html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <!--=============== BOXICONS ===============-->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
+
+        <!--=============== CSS ===============-->
+        <link rel="stylesheet" href="assets/css/styles.css">
+
+        <title>Input password show hidden - Bedimcode</title>
+    </head>
+    <body>
+
+
+        <!--=============== MAIN JS ===============-->
+        <script src="assets/js/main.js"></script>
+    </body>
+</html>
diff --git a/preview.png b/preview.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		/=============== SHOW / HIDDEN INPUT ===============/