{"id":196488,"date":"2026-10-22T07:58:50","date_gmt":"2026-10-22T07:58:50","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&#038;p=196488"},"modified":"2026-10-23T16:16:06","modified_gmt":"2026-10-23T16:16:06","slug":"eighty8","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/eighty8\/","title":{"rendered":"Eighty8"},"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-387472 size-full\" src=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0.jpg\" alt=\"Eighty8 website template\" width=\"2400\" height=\"1892\" srcset=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0.jpg 2400w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0-338x266.jpg 338w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0-1024x807.jpg 1024w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0-768x605.jpg 768w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0-1536x1211.jpg 1536w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0-2048x1615.jpg 2048w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0-353x278.jpg 353w, https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-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_1543707518799{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_1542869256884{margin-top: 20px !important;}&#8221;]Eighty8 is a radio station template with a dark layout and a bright yellow accent, built on Bootstrap 5. It suits online radio, podcasts, DJ collectives and music studios. The layout is responsive and mobile-ready. There are seven pages: home, about, charts, DJs, blog, contact and an elements page.<\/p>\n<p>The home page opens with the station&#8217;s city line-up and an &#8220;Up next&#8221; slider over a full-height studio photo, followed by promo boxes, a podcast player with a waveform and a play button, and a charts banner. The charts page lists genre playlists and a weekly top ten, the DJs page shows ten resident DJs with their shows and social links plus a weekly schedule in day tabs, and the contact page has the studio details, a map that loads on click and a working contact form. Every page ends with a footer of locations, top shows, recent posts and contact details.<\/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.1.3 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero slider, the progress rings are SVG, and the podcast player uses the browser&#8217;s own audio with a precomputed waveform instead of jQuery plugins and an audio library. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.<\/li>\n<li>Lighter pages: the seven pages went from 8.7 MB and 264 requests to 3.1 MB and 154 requests in total, and the home page from 1.8 MB to 0.6 MB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, and the logo and milestone figures are sharp SVG instead of small PNGs.<\/li>\n<li>No third-party requests: Roboto is self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social-logo subset, the contact map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks &#8220;Show map&#8221;, the demo video opens from YouTube&#8217;s privacy-enhanced player only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID.<\/li>\n<li>Working contact form: it sends through php\/send-email.php with visible labels, validation, a spam trap and an in-page message. Before, it had no action and no field names.<\/li>\n<li>Accessibility: a skip link and a main landmark on every page, one h1 per page, a real menu button with its state announced, DJ social links reachable from the keyboard, a keyboard-seekable podcast player, names on icon links, visible focus rings, reduced-motion support and WCAG AA text contrast.<\/li>\n<li>Fixed: home links pointed to a page that did not exist, the icon fonts never loaded, the station list repeated one city, and the hero photo is now sharp on large and high-density screens.<\/li>\n<li>Demo content: fictional DJs, shows, chart entries, addresses and contact details, a weekly schedule with real show times, new stock photos for the DJs, charts and genres, and a generated demo audio clip.<\/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_1542498633829{margin-left: 10px !important;}&#8221; link=&#8221;url:https%3A%2F%2Fpreview.colorlib.com%2F%23eighty8||target:%20_blank|&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Eighty8 is a dark radio station template for online radio, podcasts and DJ collectives, with a podcast player, weekly charts, a DJ schedule and a working contact form.<\/p>\n","protected":false},"author":697,"featured_media":387472,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"%%title%% - Free Radio Station Website Template %%currentyear%% %%sep%% %%sitename%%","_yoast_wpseo_metadesc":"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.","footnotes":"","colorlib_dwn":"8880"},"portfolio_tag":[6289],"portfolio_category":[6288],"class_list":["type-portfolio","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Eighty8 - Free Radio Station Website Template 2026 - Colorlib<\/title>\n<meta name=\"description\" content=\"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.\" \/>\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\/eighty8\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eighty8 - Free Radio Station Website Template 2026 - Colorlib\" \/>\n<meta property=\"og:description\" content=\"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/eighty8\/\" \/>\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-23T16:16:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/\",\"name\":\"Eighty8 - Free Radio Station Website Template 2026 - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/eighty8-3.0.0.jpg\",\"datePublished\":\"2026-10-22T07:58:50+00:00\",\"dateModified\":\"2026-10-23T16:16:06+00:00\",\"description\":\"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/eighty8-3.0.0.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/eighty8-3.0.0.jpg\",\"width\":2400,\"height\":1892,\"caption\":\"Eighty8 website template\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/eighty8\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Music Website Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/music\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Eighty8\"}]},{\"@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":"Eighty8 - Free Radio Station Website Template 2026 - Colorlib","description":"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.","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\/eighty8\/","og_locale":"en_US","og_type":"article","og_title":"Eighty8 - Free Radio Station Website Template 2026 - Colorlib","og_description":"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.","og_url":"https:\/\/colorlib.com\/wp\/template\/eighty8\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2026-10-23T16:16:06+00:00","og_image":[{"width":2400,"height":1892,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/eighty8\/","url":"https:\/\/colorlib.com\/wp\/template\/eighty8\/","name":"Eighty8 - Free Radio Station Website Template 2026 - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/eighty8\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/eighty8\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0.jpg","datePublished":"2026-10-22T07:58:50+00:00","dateModified":"2026-10-23T16:16:06+00:00","description":"Eighty8 is a fantastic and easy to use free radio station website template with a gorgeous dark layout that will impress everyone visiting your new page.","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/eighty8\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/eighty8\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/eighty8\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/eighty8-3.0.0.jpg","width":2400,"height":1892,"caption":"Eighty8 website template"},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/eighty8\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Music Website Templates","item":"https:\/\/colorlib.com\/wp\/cat\/music\/"},{"@type":"ListItem","position":3,"name":"Eighty8"}]},{"@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\/196488","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=196488"}],"version-history":[{"count":6,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/196488\/revisions"}],"predecessor-version":[{"id":387755,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/196488\/revisions\/387755"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/387472"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=196488"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=196488"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=196488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}