diff --git a/public/dist/html/htmlbundle.ejs b/public/dist/html/htmlbundle.ejs
new file mode 100644
index 0000000..3fb9a3c
--- /dev/null
+++ b/public/dist/html/htmlbundle.ejs
@@ -0,0 +1,21 @@
+<% include ./layouts/header %> <body><h1>View Anime</h1><h4 class="card-title"> <%- serie.title %> </h4><br> <%- serie.synopsis.substring(0,48) %>...<br><br><h6>Type:</h6><ul> <%- link_to(serie.type) %> </ul><h6>Genre:</h6><ul> <% for(var i=0; i<serie.tags.length; i++) {%> <li> <%- link_to(serie.tags[i], '/'+serie.tags[i]) %> </li> <% } %> </ul><h6>Chapters:</h6><ul> <% for(var i=0; i<serie.episodes.length; i++) {%> <li> <%- link_to(serie.episodes[i].slug, '/'+serie.episodes[i].slug) %> </li> <% }  %> </ul></body>
+<% include ./layouts/header %> <body><h4>Episodes</h4> <%- serie.serieTitle %> </body>
+<% include ./layouts/header %> <body> <% episode.forEach(function(episode) { %> <div class="container" style="width: 720px;margin-top: 15px;"><div class="row"> <% const episodeUrl = '/episodes/' + episode.slug;   %> <div class="col"><div class="card-group" style="margin-right: 190px;"><div class="card"><a href="<%- episode.slug %>" class="card-link"><img class="card-img-top img-fluid" src="<%- episode.imageCap %> " alt="Card image cap"></a><div class="card-block"><h4 class="card-title"><a href="<%- episode.slug %>" class="card-link"> <%- episode.serieTitle %> </a></h4><h7 class="card-title"> <%- episode.serieTitle %> </h7><p class="card-text"><small class="text-muted"><%- episode.createdAt %></small></p></div></div></div></div> <% }); %> </div></div></body>
+<% include ./layouts/header %> <body><div class="container" style="width: 720px;margin-top: 15px;"><div class="row"> <% serie.forEach(function(serie) { %> <div class="col"> <% const serieUrl = '/series/' + serie.slug;   %> <div class="card-group"><div class="card" style="width: 20rem; margin-bottom: 15px;"><a href="anime/<%- serie.slug %>" class="card-link"><img class="card-img-top" id="image-home" src="<%- serie.cover %>" alt="Card image cap"></a><div class="card-block"><h4 class="card-title"> <%- serie.title.substring(0,18) %>...</h4><p class="card-text"> <%- serie.synopsis.substring(0,48) %>...</p></div><ul class="list-group list-group-flush"><li class="list-group-item"> <%- serie.type %> <%- serie.episodes %> </li></ul><div class="card-block"><a href="#" class="card-link">Watch Anime</a></div></div></div></div> <% }); %> </div></div><nav aria-label="Page navigation example"><ul class="pagination justify-content-center"><li class="page-item"><a class="page-link" href="#">Previous</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">Next</a></li></ul></nav></body>
+<% include ./layouts/header %> <script src="https://content.jwplatform.com/libraries/bfIbW5Pe.js"></script><body><div class="container" style="width: 720px;margin-top: 15px;"><div class="row"><h1> <%- episode.serieTitle %> <%- episode.chapter %> </h1><br> <%- episode.server %> <br><div id="myElement"></div><script type="text/javascript">var playerInstance = jwplayer("myElement");
+					playerInstance.setup({
+						file: "<%- episode.server %>",
+						height: "440",
+						width: "720",
+						autostart: false,
+						playbackRateControls: [0.25, 0.75, 1, 1.25, 2, 3],
+						title: "<%- episode.serieTitle %> <%- episode.chapter %>",
+						image: "<%- episode.imageCap %>",
+						abouttext: "<%- episode.serieTitle %> <%- episode.chapter %>",
+						displaytitle: true,
+						timeSliderAbove: true,
+						primary: "html5",
+						preload: "metadata"
+					});</script></div></div></body>
+
+<!DOCTYPE html><html lang="en"><head><title>MPOKNIMU</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><link href="/dist/pure-min.css" rel="stylesheet"><link href="/dist/app.css" rel="stylesheet"><nav class="navbar navbar-expand-lg navbar-light bg-light"><a class="navbar-brand" href="#">Anime</a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav"><li class="nav-item active"><a class="nav-link" href="http://localhost:9000/">Home</a></li><li class="nav-item"><a class="nav-link" href="/series">Series</a></li><li class="nav-item"><a class="nav-link" href="#">Login</a></li></ul></div></nav><div class="hola" id="hola">Hallo</div></head></html>
\ No newline at end of file
