diff --git a/Resources/Private/Templates/Youtube/Index.html b/Resources/Private/Templates/Youtube/Index.html
index 7946f4dcf19fc16e50a65eb3534e3c68b26e6fa7..9cb087fdf9dfb9787e7abe844359407ad86e8746 100644
--- a/Resources/Private/Templates/Youtube/Index.html
+++ b/Resources/Private/Templates/Youtube/Index.html
@@ -1,4 +1,52 @@
 <f:layout name="Default"/>
 
 <f:section name="main">
+	<f:for each="{feed}" as="feedItem">
+		<div class="sg-youtube">
+			<f:if condition="{feedItem.thumbnail}">
+				<div class="default-content-element">
+					<div class="ce-textpic ce-center ce-above">
+						<div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
+							<div class="ce-outer">
+								<div class="ce-inner">
+									<div class="ce-row">
+										<div class="ce-column">
+											<f:if condition="{feedItem.url}">
+												<f:then>
+													<a class="ce-media sg-youtube-image" href="{feedItem.url}">
+														<img src="{feedItem.thumbnail}"/>
+													</a>
+												</f:then>
+												<f:else>
+													<div class="ce-media sg-youtube-image">
+														<img src="{feedItem.thumbnail}"/>
+													</div>
+												</f:else>
+											</f:if>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</f:if>
+			<f:if condition="{feedItem.title}">
+				<div class="default-content-element default-header-element sg-youtube-title">
+					<h2 class="h2">
+						{feedItem.title}
+					</h2>
+				</div>
+			</f:if>
+			<f:if condition="{feedItem.description}">
+				<div class="default-content-element sg-youtube-text">
+					<div class="ce-textpic ce-center ce-above">
+						<div class="ce-bodytext">
+							<f:format.crop maxCharacters="200"><f:format.html>{feedItem.description}</f:format.html></f:format.crop>
+						</div>
+					</div>
+				</div>
+			</f:if>
+		</div>
+	</f:for>
 </f:section>