diff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 0000000..5ef655d
--- /dev/null
+++ 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 */
\ No newline at end of file
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 0000000..0dc8485
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1 @@
+/*=============== SHOW / HIDDEN INPUT ===============*/
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e71decd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Input password show hidden - Bedimcode
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/preview.png b/preview.png
new file mode 100644
index 0000000..3903266
Binary files /dev/null and b/preview.png differ