diff --git a/apps/course/templates/course/content/gallery.html b/apps/course/templates/course/content/gallery.html
new file mode 100644
index 00000000..e02a27c0
--- /dev/null
+++ b/apps/course/templates/course/content/gallery.html
@@ -0,0 +1 @@
+{{ content }}
\ No newline at end of file
diff --git a/apps/course/templates/course/content/image.html b/apps/course/templates/course/content/image.html
new file mode 100644
index 00000000..76fa1b78
--- /dev/null
+++ b/apps/course/templates/course/content/image.html
@@ -0,0 +1,6 @@
+<div>
+  {{ content.title }}
+</div>
+<div>
+  <img src="{{ content.img.image.url }}" alt="">
+</div>
\ No newline at end of file
diff --git a/apps/course/templates/course/content/imagetext.html b/apps/course/templates/course/content/imagetext.html
new file mode 100644
index 00000000..f3b4f3d0
--- /dev/null
+++ b/apps/course/templates/course/content/imagetext.html
@@ -0,0 +1,9 @@
+<div>
+  {{ content.title }}
+</div>
+<div>
+  {{ content.text }}
+</div>
+<div>
+  <img src="{{ content.img.image.url }}" alt="">
+</div>
\ No newline at end of file
diff --git a/apps/course/templates/course/content/text.html b/apps/course/templates/course/content/text.html
new file mode 100644
index 00000000..b9bdb94d
--- /dev/null
+++ b/apps/course/templates/course/content/text.html
@@ -0,0 +1,6 @@
+<div>
+{{ content.title }}
+</div>
+<div>
+{{ content.txt }}
+</div>
\ No newline at end of file
diff --git a/apps/course/templates/course/content/video.html b/apps/course/templates/course/content/video.html
new file mode 100644
index 00000000..23f88b8e
--- /dev/null
+++ b/apps/course/templates/course/content/video.html
@@ -0,0 +1,14 @@
+<div>
+  {{ content.title }}
+</div>
+<div>
+  {% if 'youtu' in content.url %}
+  <iframe width="640" height="360" src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
+    allowfullscreen></iframe>
+  {% elif 'vimeo' in content.url %}
+  <iframe src="https://player.vimeo.com/video/{{ content.video_index }}" width="640" height="360" frameborder="0" webkitallowfullscreen
+    mozallowfullscreen allowfullscreen>
+  </iframe>
+
+  {% endif %}
+</div>
\ No newline at end of file