diff --git a/public/dist/html/series.ejs b/public/dist/html/series.ejs
new file mode 100644
index 0000000..8f153b5
--- /dev/null
+++ b/public/dist/html/series.ejs
@@ -0,0 +1 @@
+<% 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>
\ No newline at end of file
