diff --git a/README.md b/README.md
new file mode 100644
index 0000000..dd7f35a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,40 @@
+## Dynamic Content Delivery
+
+A static website that returns appropriate content to the website user based on the provided ID.
+
+### ATTENTION!
+This site is not secure at all! If you want to store private information, do not use this repository, because anyone can access **all available IDs**! This is mainly a hobby project.
+
+## How to use
+Firstly, create template for your webpage. Go to [index.html](index.html) and edit code **only between these lines**:
+```html
+
+
+
+```
+
+Example:
+```html
+
+
Hi!
+
+```
+
+Then, using your template, modify your data in [data-source.js](data/data-source.js).
+How to do this?
+View examples [here](data/data-source.example.js).
+
+Example based on HTML provided above:
+```js
+const DATA = {
+ "example-id": {
+ "#name": (element) => {
+ element.textContent = "Hi, Lisa! Your ID is example-id."
+ }
+ }
+}
+```
+
+## Custom styles
+This website supports custom CSS. Just edit [this](data/custom-style.css) file.
+If provided style doesn't work, try adding `!important` to the end of CSS rule.
\ No newline at end of file
diff --git a/data/custom-style.css b/data/custom-style.css
new file mode 100644
index 0000000..e69de29
diff --git a/data/data-source.example.js b/data/data-source.example.js
new file mode 100644
index 0000000..465e744
--- /dev/null
+++ b/data/data-source.example.js
@@ -0,0 +1,18 @@
+const DATA = {
+ "0205c195": {
+ "#header": (element) => {
+ element.textContent = "Hello, XYZ!"
+ },
+ "body": (element) => {
+ element.style.backgroundColor = "#2f3136"
+ }
+ },
+ "0203c152": {
+ "#header": (element) => {
+ element.textContent = "Hello, ABC!"
+ },
+ "body": (element) => {
+ element.style.backgroundColor = "#000"
+ }
+ }
+}
\ No newline at end of file
diff --git a/data/data-source.js b/data/data-source.js
new file mode 100644
index 0000000..2ef77c9
--- /dev/null
+++ b/data/data-source.js
@@ -0,0 +1,22 @@
+/*
+Pattern:
+"": {
+ "": ,
+ "": ,
+ ...
+}
+
+See example in data-source.example.js
+*/
+
+const DATA = {
+ "0203c152": {
+ "#header": (element) => {
+ element.textContent = "Hello, ABC!"
+ },
+ "body": (element) => {
+ element.style.backgroundColor = "#000"
+ }
+ }
+ // Add all of your IDs and content here
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2959ff2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,22 @@
+
+
+
+ Content Delivery Network
+
+
+
+
+
+
+