diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..0e40fe8
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,3 @@
+
+# Default ignored files
+/workspace.xml
\ No newline at end of file
diff --git a/.idea/factoriel.iml b/.idea/factoriel.iml
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ b/.idea/factoriel.iml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..28a804d
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..7645f45
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/factoriel.iml" filepath="$PROJECT_DIR$/.idea/factoriel.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1a3d112
--- /dev/null
+++ b/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link href="https://fonts.googleapis.com/css?family=Indie+Flower&display=swap" rel="stylesheet">
+    <meta charset="UTF-8">
+    <title>Factoriel</title>
+</head>
+<body>
+    <div style="text-align: center; color: darkred; background-color: darkgoldenrod; font-family: 'Indie Flower', cursive; font-size: 120px; ">
+        Take your factoriel!
+    </div>
+    <div style="margin-top: 20px; text-align: center; color: darkred; background-color: goldenrod; font-family: 'Indie Flower', cursive; font-size: 40px;">
+            Chose your number for making factorial :<br>
+            <input type="text" id="number">
+            <button style="font-family: 'Indie Flower', cursive;" type="button" onclick="showFactorial()">Calculate! </button>
+    </div>
+    <p style="text-align: center; color: darkred; font-family: 'Indie Flower', cursive; font-size: 80px;"id="show_number"></p>
+    <script>
+        function showFactorial() {
+
+            var number, factorial, i;
+
+            number= document.getElementById("number").value;
+            number=parseInt(number);
+            factorial = 1;
+            if (number !== 0){
+                for (i = number; i >= 1; i--) {
+                    factorial = factorial * i;
+                }
+            }
+            else {
+                factorial = 1;
+            }
+
+            if (factorial !== 0) {
+                document.getElementById("show_number").innerHTML = 'The factorial of your number is: ' + factorial;
+            }
+        }
+
+
+    </script>
+</body>
+</html>
\ No newline at end of file
