diff --git a/App.js b/App.js
new file mode 100644
index 0000000..24b0a80
--- /dev/null
+++ b/App.js
@@ -0,0 +1,31 @@
+const createContactBlock = () => {
+ return {
+ id: 'email',
+ label: 'Email',
+ category: 'Custom',
+ attributes: { class: 'fa fa-envelope-o' },
+ content: ``,
+ };
+};
+
+var editor = grapesjs.init({
+ fromElement: 1,
+ container: "#gjs",
+
+ plugins: ['grapesjs-preset-webpage'],
+ pluginsOpts: {
+ "gjs-blocks-basic": {},
+ },
+});
+
+editor.BlockManager.add('email', createContactBlock());
+
+
diff --git a/Readme.md b/Readme.md
new file mode 100644
index 0000000..a9bb1c1
--- /dev/null
+++ b/Readme.md
@@ -0,0 +1 @@
+just click on index.html file for run project
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..3d352a9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ Grapes js
+
+
+
+
+
+
+
+
+
+
+
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..dc0c1e6
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,4 @@
+* {
+ margin: 0;
+ padding: 0;
+}