diff --git a/.gitignore b/.gitignore
index ea7af55..e43b445 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
-*.log
+!**/*.svg
+*.log
 .DS_Store
 
 
diff --git a/README.md b/README.md
index 7a9b850..448cce4 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1,39 @@
 # Pyramid Generator
-JavaScript is a powerful scripting language 
-that you can use to make web pages interactive. 
-It's one of the core technologies of the web, 
+
+JavaScript is a powerful scripting language
+that you can use to make web pages interactive.
+It's one of the core technologies of the web,
 along with HTML and CSS. All modern browsers support JavaScript.
 
-In this practice project, you'll learn fundamental 
-programming concepts in JavaScript by coding your 
-own Pyramid Generator. You'll learn how to work 
-with arrays, strings, functions, loops, 
+In this practice project, you'll learn fundamental
+programming concepts in JavaScript by coding your
+own Pyramid Generator. You'll learn how to work
+with arrays, strings, functions, loops,
 if/else statements, and more.
 
+### technologies
+
+<table>
+  <thead>
+    <tr>
+      <th height=33 width=91>JavaScript</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td height=33 width=91>
+        <a href=https://ecma-international.org/publications-and-standards/standards/>
+          <img src=https://github.com/AndriiKot/JS__Pyramid_Generator__FreeCodeCamp/blob/main/icons/javascript-1.svg alt=JavaScript>
+        </a>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+
+### Result
+
+```md
          !
         !!!
        !!!!!
@@ -20,6 +44,38 @@ if/else statements, and more.
   !!!!!!!!!!!!!!!
  !!!!!!!!!!!!!!!!!
 !!!!!!!!!!!!!!!!!!!
+```
+
+### Code
+
+```js
+const character = "!";
+const count = 10;
+const rows = [];
+let inverted = false;
+
+function padRow(rowNumber, rowCount) {
+  return " ".repeat(rowCount - rowNumber) + character.repeat(2 * rowNumber - 1) + " ".repeat(rowCount - rowNumber);
+}
+
+for (let i = 1; i <= count; i++) {
+  if (inverted) {
+    rows.unshift(padRow(i, count));
+  } else {
+    rows.push(padRow(i, count));
+  }
+}
+
+let result = ""
+
+for (const row of rows) {
+  result = result + "\n" + row;
+}
+
+console.log(result);
+```
+
+[Back to top](#pyramid-generator)
 
 
 
diff --git a/end-product/piramidGenerator.js b/end-product/piramidGenerator.js
new file mode 100644
index 0000000..5c8f65b
--- /dev/null
+++ b/end-product/piramidGenerator.js
@@ -0,0 +1,24 @@
+const character = "!";
+const count = 10;
+const rows = [];
+let inverted = false;
+
+function padRow(rowNumber, rowCount) {
+  return " ".repeat(rowCount - rowNumber) + character.repeat(2 * rowNumber - 1) + " ".repeat(rowCount - rowNumber);
+}
+
+for (let i = 1; i <= count; i++) {
+  if (inverted) {
+    rows.unshift(padRow(i, count));
+  } else {
+    rows.push(padRow(i, count));
+  }
+}
+
+let result = ""
+
+for (const row of rows) {
+  result = result + "\n" + row;
+}
+
+console.log(result);
\ No newline at end of file
diff --git a/icons/javascript-1.svg b/icons/javascript-1.svg
new file mode 100644
index 0000000..b56c0b7
--- /dev/null
+++ b/icons/javascript-1.svg
@@ -0,0 +1 @@
+<svg fill="none" height="2500" width="2183" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 124 141.53199999999998"><path d="M10.383 126.894L0 0l124 .255-10.979 126.639-50.553 14.638z" fill="#e9ca32"/><path d="M62.468 129.277V12.085l51.064.17-9.106 104.851z" fill="#ffde25"/><g fill="#fff"><path d="M57 26H43.5v78L33 102V91.5l-12.5-2V113l36.5 9.5zM67.127 26H104.5L102 40.95H81.394v24.533H102L99.5 115l-32.373 7.5V107L89 99.5 90.263 79l-23.136 3.35z"/></g></svg>
\ No newline at end of file