{"id":286119,"date":"2026-10-22T07:53:50","date_gmt":"2026-10-22T07:53:50","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&#038;p=286119"},"modified":"2026-10-23T18:59:43","modified_gmt":"2026-10-23T18:59:43","slug":"megapod","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/megapod\/","title":{"rendered":"Megapod"},"content":{"rendered":"<div class=\"wpb-content-wrapper\" id=\"wpb-content-root\">[vc_row][vc_column][vc_column_text]<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter template-img wp-image-387477 size-full\" src=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg\" alt=\"Megapod website template\" width=\"2400\" height=\"1892\" srcset=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg 2400w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-338x266.jpg 338w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-1024x807.jpg 1024w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-768x605.jpg 768w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-1536x1211.jpg 1536w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-2048x1615.jpg 2048w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-353x278.jpg 353w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0-408x322.jpg 408w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;]<div class=\"vcex-heading vcex-heading-bottom-border-w-color vcex-module wpex-heading wpex-text-2xl wpex-border-b-2 wpex-border-solid wpex-border-main\"><span class=\"vcex-heading-inner wpex-inline-block wpex-relative wpex-pb-5 wpex-border-b-2 wpex-border-solid wpex-border-accent\">Template Details<\/span><\/div>[vc_column_text css=&#8221;.vc_custom_1598154552306{margin-top: 20px !important;}&#8221;]<strong>Author:<\/strong> Colorlib<\/p>\n<p><strong>Updated:<\/strong> October 2026 \u00b7 v3.0.1<\/p>\n<p><strong>Credits: <\/strong>Images from\u00a0Unsplash[\/vc_column_text][\/vc_column][vc_column width=&#8221;2\/3&#8243;]<div class=\"vcex-heading vcex-heading-bottom-border-w-color vcex-module wpex-heading wpex-text-2xl wpex-border-b-2 wpex-border-solid wpex-border-main\"><span class=\"vcex-heading-inner wpex-inline-block wpex-relative wpex-pb-5 wpex-border-b-2 wpex-border-solid wpex-border-accent\">Description<\/span><\/div>[vc_column_text css=&#8221;.vc_custom_1675689274423{margin-top: 20px !important;}&#8221;]Megapod is a website template for podcasts and talk shows, built on Bootstrap 5, with a dark hero and violet accents. The layout is responsive and works in all popular web browsers. It comes with seven pages: home, about, episodes, episode details, blog, blog details and contact.<\/p>\n<p>The home page has the latest episode with an audio player, an episode list with players and a topic filter, a support banner and a grid of recent episodes that play in place. The inner pages add show notes with a reply form, featured guests, a blog with a sidebar and search, and a contact page with a click-to-load map, contact details and a working contact form.<\/p>\n<h3>What&#8217;s new in 3.0<\/h3>\n<ul>\n<li>Bootstrap 5.3.8 (the earlier release used Bootstrap 4.4.1 and jQuery), compiled from Sass with the original Bootstrap 4 proportions, and plain JavaScript with no jQuery. The episode players use the browser&#8217;s own audio with keyboard-operable seek and volume bars, the topic filter and the off-canvas menu are built in, and Lucide SVG icons replace the icon fonts. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.<\/li>\n<li>Lighter pages: all eight pages together went from 9.2 MB and 239 requests to 3.2 MB and 125 requests. Every photo has an AVIF version with the original as the fallback, real dimensions and lazy loading, the logo is an SVG, and nothing loads from the episodes until a visitor presses Play.<\/li>\n<li>No third-party requests: the Nunito font is self-hosted and the contact map loads from OpenStreetMap only when a visitor asks for it.<\/li>\n<li>Working forms: the contact, reply and newsletter forms send email through the included PHP script with validation, clear sending, success and error messages and a spam trap; the search fields show matching posts on the blog page.<\/li>\n<li>Accessibility: a skip link, one main heading per page, labelled fields and icon buttons, a keyboard-friendly menu and players, visible focus and WCAG AA text contrast (the violet is a shade deeper).<\/li>\n<li>Sharper photos: higher-resolution hero, banner, episode and guest photos, new demo copy and generated demo audio.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;][vc_btn title=&#8221;Preview&#8221; style=&#8221;flat&#8221; color=&#8221;purple&#8221; i_icon_fontawesome=&#8221;fa fa-eye&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1598154588696{margin-left: 10px !important;}&#8221; link=&#8221;url:https%3A%2F%2Fpreview.colorlib.com%2F%23megapod||target:%20_blank|&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Megapod is a podcast website template with seven pages, audio players for every episode, a topic filter, a blog and a contact page with a working form.<\/p>\n","protected":false},"author":697,"featured_media":387477,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"%%title%% - Podcast HTML5 Website Template %%currentyear%% %%sep%% %%sitename%%","_yoast_wpseo_metadesc":"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.","footnotes":"","colorlib_dwn":"8378"},"portfolio_tag":[8613,6148],"portfolio_category":[5967,6530],"class_list":["type-portfolio","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Megapod - Podcast HTML5 Website Template 2026 - Colorlib<\/title>\n<meta name=\"description\" content=\"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/template\/megapod\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Megapod - Podcast HTML5 Website Template 2026 - Colorlib\" \/>\n<meta property=\"og:description\" content=\"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/megapod\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T18:59:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1892\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/\",\"name\":\"Megapod - Podcast HTML5 Website Template 2026 - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/megapod-3.0.0.jpg\",\"datePublished\":\"2026-10-22T07:53:50+00:00\",\"dateModified\":\"2026-10-23T18:59:43+00:00\",\"description\":\"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/megapod-3.0.0.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/megapod-3.0.0.jpg\",\"width\":2400,\"height\":1892,\"caption\":\"Megapod website template\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/megapod\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magazine &amp; News Website Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/magazine\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Megapod\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\",\"https:\\\/\\\/github.com\\\/colorlibhq\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Megapod - Podcast HTML5 Website Template 2026 - Colorlib","description":"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/template\/megapod\/","og_locale":"en_US","og_type":"article","og_title":"Megapod - Podcast HTML5 Website Template 2026 - Colorlib","og_description":"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.","og_url":"https:\/\/colorlib.com\/wp\/template\/megapod\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2026-10-23T18:59:43+00:00","og_image":[{"width":2400,"height":1892,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/megapod\/","url":"https:\/\/colorlib.com\/wp\/template\/megapod\/","name":"Megapod - Podcast HTML5 Website Template 2026 - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/megapod\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/megapod\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg","datePublished":"2026-10-22T07:53:50+00:00","dateModified":"2026-10-23T18:59:43+00:00","description":"Megapod is a responsive and mobile friendly podcast HTML5 website template for all podcasters.","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/megapod\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/megapod\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/megapod\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/megapod-3.0.0.jpg","width":2400,"height":1892,"caption":"Megapod website template"},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/megapod\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Magazine &amp; News Website Templates","item":"https:\/\/colorlib.com\/wp\/cat\/magazine\/"},{"@type":"ListItem","position":3,"name":"Megapod"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib","https:\/\/github.com\/colorlibhq"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/286119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=286119"}],"version-history":[{"count":7,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/286119\/revisions"}],"predecessor-version":[{"id":387789,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/286119\/revisions\/387789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/387477"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=286119"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=286119"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=286119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}