diff --git a/cards.md b/cards.md
index 36969387811517a9368c009e57270ebcf3e17d99..b95b3e907151a2c76711308721bb737f4b6efd15 100644
--- a/cards.md
+++ b/cards.md
@@ -44,11 +44,11 @@ order: -1
 	<div class="index-box noborderbox" id="contribute">
 		<h3>Contribute</h3>
 		<ul>
-			<li><a href="external/contribute/add-edit-card">How to add or edit a howto card</a></li>
 			<li><a href="external/contribute/git-clients">Git clients</a></li>
 			<li><a href="external/contribute/install-git">Installation of Git</a></li>
 			<li><a href="external/contribute/markdown">Markdown</a></li>
 			<li><a href="external/contribute/mirror-fork">Mirror fork automatically</a></li>
+			<li><a href="external/contribute/vscode">Contribute using Visual Studio Code</a></li>
 
 		</ul>
 	</div>
diff --git a/external/contribute/add-edit-card/img/visual-code_img_1.png b/external/contribute/vscode/img/visual-code_img_1.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_1.png
rename to external/contribute/vscode/img/visual-code_img_1.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_11.png b/external/contribute/vscode/img/visual-code_img_11.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_11.png
rename to external/contribute/vscode/img/visual-code_img_11.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_12.png b/external/contribute/vscode/img/visual-code_img_12.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_12.png
rename to external/contribute/vscode/img/visual-code_img_12.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_13.png b/external/contribute/vscode/img/visual-code_img_13.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_13.png
rename to external/contribute/vscode/img/visual-code_img_13.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_14.png b/external/contribute/vscode/img/visual-code_img_14.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_14.png
rename to external/contribute/vscode/img/visual-code_img_14.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_15.png b/external/contribute/vscode/img/visual-code_img_15.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_15.png
rename to external/contribute/vscode/img/visual-code_img_15.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_16.png b/external/contribute/vscode/img/visual-code_img_16.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_16.png
rename to external/contribute/vscode/img/visual-code_img_16.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_17.png b/external/contribute/vscode/img/visual-code_img_17.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_17.png
rename to external/contribute/vscode/img/visual-code_img_17.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_2.png b/external/contribute/vscode/img/visual-code_img_2.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_2.png
rename to external/contribute/vscode/img/visual-code_img_2.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_3.png b/external/contribute/vscode/img/visual-code_img_3.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_3.png
rename to external/contribute/vscode/img/visual-code_img_3.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_4.png b/external/contribute/vscode/img/visual-code_img_4.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_4.png
rename to external/contribute/vscode/img/visual-code_img_4.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_5.png b/external/contribute/vscode/img/visual-code_img_5.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_5.png
rename to external/contribute/vscode/img/visual-code_img_5.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_6.png b/external/contribute/vscode/img/visual-code_img_6.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_6.png
rename to external/contribute/vscode/img/visual-code_img_6.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_7.png b/external/contribute/vscode/img/visual-code_img_7.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_7.png
rename to external/contribute/vscode/img/visual-code_img_7.png
diff --git a/external/contribute/add-edit-card/img/visual-code_img_8.png b/external/contribute/vscode/img/visual-code_img_8.png
similarity index 100%
rename from external/contribute/add-edit-card/img/visual-code_img_8.png
rename to external/contribute/vscode/img/visual-code_img_8.png
diff --git a/external/contribute/add-edit-card/add-edit-card.md b/external/contribute/vscode/vscode.md
similarity index 91%
rename from external/contribute/add-edit-card/add-edit-card.md
rename to external/contribute/vscode/vscode.md
index 9871d7ba73a195fc9e3f7a95c543436eeffa37d9..a98caccf2932967e852e3a029c26dd36daea2655 100644
--- a/external/contribute/add-edit-card/add-edit-card.md
+++ b/external/contribute/vscode/vscode.md
@@ -1,12 +1,12 @@
 ---
 layout: page
-permalink: /external/contribute/add-edit-card/
-shortcut: contribute:add-edit-card
+permalink: /external/contribute/vscode
+shortcut: contribute:vscode
 redirect_from:
-  - /cards/contribute:add-edit-card
-  - /external/cards/contribute:add-edit-card
+  - /cards/contribute:vscode
+  - /external/cards/contribute:vscode
 ---
-# How to add or edit a howto card
+# Contribute using Visual Studio Code
 
 This shows how to use Visual Studio Code to write a howto-card: