From 9440b09c66574c9983e93bdbe4fd49487b4faab7 Mon Sep 17 00:00:00 2001
From: Neil Cuzon <58763315+NeilCuzon@users.noreply.github.com>
Date: Fri, 21 Aug 2020 18:41:57 -0700
Subject: [PATCH] Create Tutorials.md

---
 docs/getting-started/Tutorials.md | 38 +++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 docs/getting-started/Tutorials.md

diff --git a/docs/getting-started/Tutorials.md b/docs/getting-started/Tutorials.md
new file mode 100644
index 000000000..442a799c8
--- /dev/null
+++ b/docs/getting-started/Tutorials.md
@@ -0,0 +1,38 @@
+# Tutorials 
+
+This is  list of publicly available Tutorials in Mermaid. This is intended as a basic introduction for the use of the Live Editor and HTML with mermaid.  
+
+For the purposes, the Live-Editor is capable of taking care of all diagramming needs, and these are the most common use cases for it. 
+
+
+# Live-Editor Tutorials
+The definitions that can be generated the Live-Editor are also backwards-compatible as of version 8.7.0. 
+
+https://www.youtube.com/watch?v=SQ9QmuTHuSI&t=438s
+
+https://www.youtube.com/watch?v=5RQqht3NNSE
+
+https://www.youtube.com/watch?v=7_2IroEs6Is&t=207s
+
+https://www.youtube.com/watch?v=9HZzKkAqrX8
+
+https://www.youtube.com/watch?v=7_2IroEs6Is&t=207s
+
+https://www.youtube.com/watch?v=9HZzKkAqrX8
+
+# Mermaid with HTML: 
+Examples are provided in [Gettting Started](./docs/n00b-gettingStarted.md)
+
+**CodePen Examples:** 
+
+https://codepen.io/CarlBoneri/pen/BQwZzq
+
+https://codepen.io/tdkn/pen/vZxQzd
+
+https://codepen.io/janzeteachesit/pen/OWWZKN
+
+
+## Mermaid with Text Area: 
+
+https://codepen.io/Ryuno-Ki/pen/LNxwgR 
+