diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..13566b8
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/BadgeGenerator.iml b/.idea/BadgeGenerator.iml
new file mode 100644
index 0000000..c956989
--- /dev/null
+++ b/.idea/BadgeGenerator.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/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..2e0c011
--- /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/BadgeGenerator.iml" filepath="$PROJECT_DIR$/.idea/BadgeGenerator.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/php.xml b/.idea/php.xml
new file mode 100644
index 0000000..7e5d55a
--- /dev/null
+++ b/.idea/php.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PhpProjectSharedConfiguration" php_language_level="8.1" />
+</project>
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..b99048b
--- /dev/null
+++ b/index.php
@@ -0,0 +1,13 @@
+<?php
+
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="./style.css">
+    <title>Badge Generator</title>
+</head>
+<body>
+    <p>Text!</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..ca39504
--- /dev/null
+++ b/style.css
@@ -0,0 +1,74 @@
+* {
+    background-color: #27263D;
+    color: white;
+    font-family: "Trebuchet MS", serif;
+}
+
+.inputs {
+    margin: 50px auto auto;
+    width: 50%;
+    border: 2px solid black;
+    border-radius: 50px;
+    padding: 10px;
+}
+
+.submit {
+    margin: auto 30%;
+    width: 40%;
+    padding: 10px;
+}
+
+.api-container {
+    width: 75%;
+    margin: 25px auto auto;
+    border: 2px solid black;
+    border-radius: 50px;
+    padding: 10px;
+}
+
+.text {
+    margin-left: 10%;
+    line-height: 150%;
+}
+
+.no-dots {
+    list-style-type: none;
+}
+
+div {
+    margin-bottom: 10px;
+}
+
+label {
+    display: inline-block;
+    width: 40%;
+    text-align: right;
+}
+
+input {
+    margin: 10px auto auto;
+    width: 25%;
+    padding: 10px;
+}
+
+h2 {
+    text-align: center;
+    margin: auto;
+    width: 50%
+}
+
+code {
+    font-family: monospace, Serif;
+    background-color: #1d1d2d;
+    padding: 2px 5px;
+    border-radius: 5px;
+    width: auto;
+}
+
+pre {
+    font-family: monospace, Serif;
+    background-color: #1d1d2d;
+    padding: 2px 5px;
+    border-radius: 5px;
+    width: 43%;
+}
\ No newline at end of file
