1<!DOCTYPE html> 2<html lang="pt-BR"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 3 4 <title>HDMidia App - Aplicativo Android e iOS para rádio com Painel Administrativo</title> 5 <meta name="description" content="Aplicativo para rádio ou webrádio completa com Painel Administrativo, para celular Android e iOS/Apple, com tudo que se espera para interação com os ouvintes." /> 6 <link rel="canonical" href="https://hdmidia.app.br/" /> 7 <meta property="og:locale" content="pt_BR" /> 8 <meta property="og:type" content="website" /> 9 <meta property="og:title" content="HDMidia App - Aplicativo para rádio e webrádio com Painel Administrativo" /> 10 <meta property="og:description" content="Aplicativo para rádio ou webrádio completa com Painel Administrativo, para celular Android e iOS/Apple, com tudo que se espera para interação com os ouvintes." /> 11 <meta property="og:url" content="https://hdmidia.app.br/" /> 12 <meta property="og:site_name" content="HDMidia App" /> 13 <meta property="og:image" content="https://hdmidia.app.br/files/hd-app.png" /> 14 <meta property="og:image:width" content="1200" /> 15 <meta property="og:image:height" content="630" /> 16 <meta property="og:image:type" content="image/png" /> 17 <meta name="twitter:card" content="summary_large_image" /> 18 <meta name="twitter:title" content="HDMidia App - Aplicativo para rádio e webrádio com Painel Administrativo" /> 19 <meta name="twitter:description" content="Aplicativo para rádio ou webrádio completa com Painel Administrativo, para celular Android e iOS/Apple, com tudo que se espera para interação com os ouvintes." /> 20 <meta name="twitter:image" content="https://hdmidia.app.br/files/hd-app.png" /> 21 22 23 <meta name="viewport" content="width=device-width, initial-scale=1"> 24 25 <link rel="icon" href="./files/icon.png"> 26 <!-- AOS 3.0.0-beta.6 plugin CSS (Animations) --> 27 <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> 28 <!-- Google Fonts --> 29 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Condensed:wght@100;200;300;400;500;600;700;800;900&subset=latin&display=swap" rel="stylesheet" id="sf-google-fonts"> 30 <!-- Startup CSS + Bootstrap CSS (Styles for all blocks) - Remove ".min" if you want to edit a css code --> 31 <link href="./files/styles.min.css" rel="stylesheet" id="sf-custom-css"> 32 <!-- jQuery 3.6.0 (uncomment line below if you need jQuery) --> 33
33<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
33 34 <!-- Styles for controls (delete, move, edit, block name) --> 35 <link href="./files/theme.css" rel="stylesheet"> 36 <!-- Open graph settings (social networks sharing settings) --> 37 <meta name="twitter:card" content="summary_large_image"> 38 39 <style>.vue-notification-group{display:block;position:fixed;z-index:5000}.vue-notification-wrapper{display:block;overflow:hidden;width:100%;margin:0;padding:0}.notification-title{font-weight:600}.vue-notification-template{display:block;box-sizing:border-box;background:white;text-align:left}.vue-notification{display:block;box-sizing:border-box;text-align:left;font-size:12px;padding:10px;margin:0 5px 5px;color:#fff;background:#44A4FC;border-left:5px solid #187FE7}.vue-notification.warn{background:#ffb648;border-left-color:#f48a06}.vue-notification.error{background:#E54D42;border-left-color:#b82e24}.vue-notification.success{background:#68CD86;border-left-color:#42a85f}.vn-fade-enter-active,.vn-fade-leave-active,.vn-fade-move{transition:all .5s}.vn-fade-enter-from,.vn-fade-leave-to{opacity:0}</style> 40 41 </head> 42 <body data-aos-easing="ease-out-cubic" data-aos-duration="500" data-aos-delay="0"> 43<!-- Navigation 9 --> 44 <nav class="bg-bg-3 sticky-top py-4 py-lg-7" style="background-color:#000;"> 45 <div class="d-block d-lg-none"> 46 <div class="container"> 47 <div class="row align-items-center"> 48 <div class="col-3 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 49 <a class="btn btn-width-equal-height d-lg-none rounded-circle custom-mobile-nav-btn" data-bs-toggle="offcanvas" data-bs-target="#custom-id-q07nh6qi"> 50 <svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-light-1"> 51 <path d="M2.00016 5.33333H14.0002C14.177 5.33333 14.3465 5.2631 14.4716 5.13807C14.5966 5.01305 14.6668 4.84348 14.6668 4.66667C14.6668 4.48986 14.5966 4.32029 14.4716 4.19526C14.3465 4.07024 14.177 4 14.0002 4H2.00016C1.82335 4 1.65378 4.07024 1.52876 4.19526C1.40373 4.32029 1.3335 4.48986 1.3335 4.66667C1.3335 4.84348 1.40373 5.01305 1.52876 5.13807C1.65378 5.2631 1.82335 5.33333 2.00016 5.33333ZM14.0002 10.6667H2.00016C1.82335 10.6667 1.65378 10.7369 1.52876 10.8619C1.40373 10.987 1.3335 11.1565 1.3335 11.3333C1.3335 11.5101 1.40373 11.6797 1.52876 11.8047C1.65378 11.9298 1.82335 12 2.00016 12H14.0002C14.177 12 14.3465 11.9298 14.4716 11.8047C14.5966 11.6797 14.6668 11.5101 14.6668 11.3333C14.6668 11.1565 14.5966 10.987 14.4716 10.8619C14.3465 10.7369 14.177 10.6667 14.0002 10.6667ZM14.0002 7.33333H2.00016C1.82335 7.33333 1.65378 7.40357 1.52876 7.5286C1.40373 7.65362 1.3335 7.82319 1.3335 8C1.3335 8.17681 1.40373 8.34638 1.52876 8.4714C1.65378 8.59643 1.82335 8.66667 2.00016 8.66667H14.0002C14.177 8.66667 14.3465 8.59643 14.4716 8.4714C14.5966 8.34638 14.6668 8.17681 14.6668 8C14.6668 7.82319 14.5966 7.65362 14.4716 7.5286C14.3465 7.40357 14.177 7.33333 14.0002 7.33333Z"> 52 </path> 53 </svg> 54 </a> 55 </div> 56 <div class="col-6 text-center aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 57 <a href="#"> 58 <img src="./files/hd-app.png" srcset="./files/hd-app.png 2x" alt="" class="img-fluid aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 59 </a> 60 </div> 61 <div class="col-3 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 62 </div> 63 </div> 64 </div> 65 </div> 66 <div class="offcanvas offcanvas-start bg-bg-3" id="custom-id-q07nh6qi" aria-modal="true" role="dialog"> 67 <div class="offcanvas-header"> 68 <a href="#"> 69 <img src="./files/hd-app.png" srcset="./files/hd-app.png 2x" alt="" class="img-fluid"> 70 </a> 71 <a class="btn btn-sm btn-width-equal-height btn-bg-3" data-bs-dismiss="offcanvas"> 72 <svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-dark-2"> 73 <path d="M8.9398 8L13.1398 3.80667C13.2653 3.68113 13.3359 3.51087 13.3359 3.33333C13.3359 3.1558 13.2653 2.98554 13.1398 2.86C13.0143 2.73447 12.844 2.66394 12.6665 2.66394C12.4889 2.66394 12.3187 2.73447 12.1931 2.86L7.9998 7.06L3.80646 2.86C3.68093 2.73447 3.51066 2.66394 3.33313 2.66394C3.1556 2.66394 2.98533 2.73447 2.8598 2.86C2.73426 2.98554 2.66374 3.1558 2.66374 3.33333C2.66374 3.51087 2.73426 3.68113 2.8598 3.80667L7.0598 8L2.8598 12.1933C2.79731 12.2553 2.74771 12.329 2.71387 12.4103C2.68002 12.4915 2.6626 12.5787 2.6626 12.6667C2.6626 12.7547 2.68002 12.8418 2.71387 12.9231C2.74771 13.0043 2.79731 13.078 2.8598 13.14C2.92177 13.2025 2.99551 13.2521 3.07675 13.2859C3.15798 13.3
73198 3.24512 13.3372 3.33313 13.3372C3.42114 13.3372 3.50827 13.3198 3.58951 13.2859C3.67075 13.2521 3.74449 13.2025 3.80646 13.14L7.9998 8.94L12.1931 13.14C12.2551 13.2025 12.3288 13.2521 12.4101 13.2859C12.4913 13.3198 12.5785 13.3372 12.6665 13.3372C12.7545 13.3372 12.8416 13.3198 12.9228 13.2859C13.0041 13.2521 13.0778 13.2025 13.1398 13.14C13.2023 13.078 13.2519 13.0043 13.2857 12.9231C13.3196 12.8418 13.337 12.7547 13.337 12.6667C13.337 12.5787 13.3196 12.4915 13.2857 12.4103C13.2519 12.329 13.2023 12.2553 13.1398 12.1933L8.9398 8Z"> 74 </path> 75 </svg> 76 </a> 77 </div> 78 <div class="offcanvas-body"> 79 <div> 80 <a href="#Home" class="fw-bold text-dark-1 py-2 d-inline-block">Home</a> 81 </div> 82 <div> 83 <a href="#Recursos" class="fw-bold text-dark-1 py-2 d-inline-block">Recursos</a> 84 </div> 85 <div> 86 <a href="#Precos" class="fw-bold text-dark-1 py-2 d-inline-block">Preços</a> 87 </div> 88 <div> 89 <a href="#Contato" class="fw-bold text-dark-1 py-2 d-inline-block">Contato</a> 90 </div> 91 <div> 92 <div> 93 94 </div> 95 </div> 96 <div> 97 <a href="https://painel.hdmidia.app.br" target="_blank" class="btn btn-action-1 btn-sm">Acessar Painel</a> 98 </div> 99 </div> 100 </div> 101 <div class="d-none d-lg-block"> 102 <div class="container"> 103 <div class="row justify-content-between align-items-center"> 104 <div class="col-5"> 105 <a href="#Home" class="fw-bold me-4 text-dark-1 aos-init aos-animate" data-aos-delay="0" data-aos="fade-down">Home</a> 106 <a href="#Recursos" class="fw-bold mx-4 text-dark-1 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150">Recursos</a> 107 <a href="#Precos" class="fw-bold mx-4 text-dark-1 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250">Preços</a> 108 <a href="#Contato" class="fw-bold mx-4 text-dark-1 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400">Contato</a> 109 </div> 110 <div class="text-center col-2"> 111 <a href="#"> 112 <img src="./files/hd-app.png" srcset="./files/hd-app.png 2x" alt="" class="img-fluid me-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 113 </a> 114 </div> 115 <div class="col-5"> 116 <div class="row g-0 justify-content-end"> 117 <div class="col-lg-9 col-xl-7 col-xxl-6"> 118 <a href="https://painel.hdmidia.app.br" target="_blank" class="btn btn-action-1 btn-sm float-lg-end">Acessar Painel</a> 119 </div> 120 </div> 121 </div> 122 </div> 123 </div> 124 </div> 125 </nav> 126 <!-- Header 10 --> 127 <header class="bg-bg-3 py-20" id="Home"> 128 <div class="container"> 129 <div class="row justify-content-lg-between align-items-center flex-lg-row-reverse"> 130 <div class="ps-lg-12 ps-xl-3 col-lg-5 col-md-6 col-sm-7 col-8"> 131 <img src="./files/header-10.png" srcset="./files/header-10.png 2x" alt="" class="w-100 mb-12 mb-lg-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 132 </div> 133 <div class="col-xxl-5 col-xl-6 col-lg-7 col-md-9"> 134 <h2 class="display-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 135 Um novo conceito em Apps para Rádio! 136 </h2> 137 <p class="fs-1 mt-6 mb-8 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 138 Sua rádio com uma audiência maior com um App exclusivo e verdadeiramente seu! 139 </p> 140 <div class="row mb-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 141 <div class="col-sm-11"> 142 </div> 143 </div> 144 <a href="#Recursos" class="btn btn-action-1">Saiba Mais</a> 145 </div> 146 </div> 147 </div> 148 </header> 149 <!-- Feature 17 --> 150 <section class="py-10 py-lg-20 text-center text-md-start bg-bg-3" id="Recursos"> 151 <div class="container"> 152 <div class="row justify-content-center"> 153 <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5 text-center"> 154 <h2 class="mb-6 display-5 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 155 Recursos 156 </h2> 157 <p class="mb-15 fs-2 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150"> 158 Recursos Exclusivos que fornecemos no nossos Apps. 159 </p> 160 </div> 161 </div> 162 <div class="mb-15 mb-md-8 row align-items-center flex-md-row-reverse justify-content-center"> 163 <div class="mb-8 mb-md-0 col-10 col-sm-7 col-md-5 col-xl-4"> 164 <img src="./files/img-painel.png" srcset="./files/img-painel.png 2x" alt="" class="img-fluid w-100 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250" style="border:1px #ccc solid;"> 165 </div> 166 <div class="col-md-1"> 167 </div> 168 <div class="col-md-6 col-xl-5 col-xxl-4"> 169 <h4 class="mb-6 remove-br aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 170 Painel de Gerenciamento 171 </h4> 172 <p class="mb-0 fs-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 173 Administre seu aplicativo com nosso painel administrativo, faça alterações no seu app em tempo real. Altere a logo, fundo, banners e links e o app é atualidado imediato! 174 </p> 175 </div> 176 </div> 177 <div class="row align-items-center justify-content-center"> 178 <div class="mb-8 mb-md-0 col-10 col-sm-7 col-md-5 col-xl-4"> 179 <img src="./files/img-locutor.png" srcset="./files/img-locutor.png 2x" alt="" class="img-fluid w-100 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 180 </div> 181 <div class="col-md-1"> 182 </div> 183 <div class="col-md-6 col-xl-5 col-xxl-4"> 184 <h4 class="mb-6 remove-br aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 185 Locutor No AR 186 </h4> 187 <p class="mb-0 fs-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 188 Cadastre os programas da sua emisora e o nosso app exibe para seus ouvintes o Nome do Programa o Locutor e a Foto.<br><br><br> 189 </p> 190 </div> 191 </div> 192 <div class="mb-15 mb-md-8 row align-items-center flex-md-row-reverse justify-content-center"> 193 <div class="mb-8 mb-md-0 col-10 col-sm-7 col-md-5 col-xl-4"> 194 <img src="./files/img-notificacao1.jpg" srcset="./files/img-notificacao1.jpg 2x" alt="" class="img-fluid w-100 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 195 </div> 196 <div class="col-md-1"> 197 </div> 198 <div class="col-md-6 col-xl-5 col-xxl-4"> 199 <h4 class="mb-6 remove-br aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 200 Notificações para os Ouvintes 201 </h4> 202 <p class="mb-0 fs-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 203 Com as notificações você pode anunciar as promoções da sua radio de forma interativa, aumente a participação e o engajamento com sua audie
203ncia. 204 </p> 205 </div> 206 </div> 207 <div class="row align-items-center justify-content-center"> 208 <div class="mb-8 mb-md-0 col-10 col-sm-7 col-md-5 col-xl-4"> 209 <img src="./files/img-banner.png" srcset="./files/img-banner.png 2x" alt="" class="img-fluid w-100 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 210 </div> 211 <div class="col-md-1"> 212 </div> 213 <div class="col-md-6 col-xl-5 col-xxl-4"> 214 <h4 class="mb-6 remove-br aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 215 Banners para seus Anunciantes 216 </h4> 217 <p class="mb-0 fs-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 218 Aumente sua receita promovendo seus anunciantes, é mais um canal de divulgação de sua rádio. 219 </p> 220 </div> 221 </div> 222 </div> 223 </section> 224 <!--Feature 3--> 225 <section class="py-10 py-lg-20 bg-bg-3"> 226 <div class="container"> 227 <h2 class="text-center display-5 mb-lg-20 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 228 Funcionalidades Extras<br><br> 229 </h2> 230 <div class="row"> 231 <div class="mb-8 mb-lg-12 col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150"> 232 <div class="ps-12 position-relative"> 233 <img src="./files/icon-radios.jpg" width="33" height="32" class="fill-action-1 position-absolute top-0 start-0"> 234 <h5 class="mb-4"> 235 Função Tocando Agora 236 </h5> 237 <p class="mb-0"> 238 Mostre os nomes das musicas que estão tocando na sua rádio! 239 </p> 240 </div> 241 </div> 242 <div class="mb-8 mb-lg-12 col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 243 <div class="ps-12 position-relative"> 244 <img src="./files/icon-promocoes.jpg" width="33" height="32" class="fill-action-1 position-absolute top-0 start-0"> 245 <h5 class="mb-4"> 246 Estátiscas de Cliques nos Banners 247 </h5> 248 <p class="mb-0"> 249 Aumente sua receita promovendo seus anunciantes, e tenha um relatorio de quantos acessos o banner de seu anunciante teve. 250 </p> 251 </div> 252 </div> 253 <div class="mb-8 mb-lg-12 col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 254 <div class="ps-12 position-relative"> 255 <img src="./files/icon-personaliza.png" width="33" height="32" class="fill-action-1 position-absolute top-0 start-0"> 256 <h5 class="mb-4"> 257 Personalizavel 258 </h5> 259 <p class="mb-0"> 260 Com o Painel de Administração, você pode mudar quando quiser o Ãcone, logotipo e plano de fundo do seu App. 261 </p> 262 </div> 263 </div> 264 <div class="mb-lg-0 mb-8 col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 265 <div class="ps-12 position-relative"> 266 <img src="./files/icon-redes.jpg" width="33" height="33" class="fill-action-1 position-absolute top-0 start-0"> 267 <h5 class="mb-4"> 268 Redes Sociais 269 </h5> 270 <p class="mb-0"> 271 Botões para acessar as principais redes sociais da rádio. 272 </p> 273 </div> 274 </div> 275 <div class="mb-8 mb-md-0 col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="650"> 276 <div class="ps-12 position-relative"> 277 <img src="./files/icon-audio.jpg" width="33" height="32" class="fill-action-1 position-absolute top-0 start-0"> 278 <h5 class="mb-4"> 279 Audio em Segundo Plano 280 </h5> 281 <p class="mb-0"> 282 Use outros apps enquanto ouve a rádio. 283 </p> 284 </div> 285 </div> 286 <div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="750"> 287 <div class="ps-12 position-relative"> 288 <img src="./files/icon-personalizacao.jpg" width="33" height="32" class="fill-action-1 position-absolute top-0 start-0"> 289 <h5 class="mb-4"> 290 Seu de Verdade 291 </h5> 292 <p class="mb-0"> 293 O seu ouvinte instala e não terá que procurar pela sua rádio no meio de um oceano de emissoras concorrentes. 294 </p> 295 </div> 296 </div> 297 </div> 298 </div> 299 </section> 300 <!-- Application 7 --> 301 <section class="py-10 py-lg-20 bg-bg-3 text-center text-lg-start"> 302 <div class="container"> 303 <div class="row justify-content-between align-items-center"> 304 <div class="col-lg-5 col-xl-6"> 305 <img src="./files/application-7-1.png" srcset="./files/application-7-1.png 2x" alt="" class="img-fluid mb-12 mb-lg-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 306 </div> 307 <div class="col-lg-6 col-xl-5"> 308 <h2 class="mb-6 display-4 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 309 Baixe nosso App Demonstrativo 310 </h2> 311 <p class="fs-1 mb-8 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 312 Conheça todas as funcionalidades do nosso App 313 </p> 314 <a href="https://apps.apple.com/us/app/radio-hdmidia/id6478032434" target="_blank" class="mb-4 mb-sm-0"> 315 <img src="./files/application-7-2.png" srcset="./files/application-7-2.png 2x" alt="" class="img-fluid aos-init aos-animate" data-aos="fade-down" data-aos-delay="500" width="156"> 316 </a> 317 <a href="https://play.google.com/store/apps/details?id=br.app.hdmidia.radiohdmidia" target="_blank" class="ms-sm-4 d-block d-sm-inline-block"> 318 <img src="./files/application-7-3.png" srcset="./files/application-7-3.png 2x" alt="" class="img-fluid aos-init aos-animate" data-aos="fade-down" data-aos-delay="650" width="156"> 319 </a> 320 </div> 321 </div> 322 </div> 323 </section> 324 <!-- Pricing 5 --> 325 <section class="py-10 py-lg-20 bg-bg-3" id="Precos"> 326 <div class="container"> 327 <div class="row justify-content-center text-center"> 328 <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5"> 329 <h2 class="display-5 mb-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 330 Preços 331 </h2> 332 <p class="mb-10 fs-2 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150"> 333 Pagamento via Boleto ou Pix 334 </p> 335 </div> 336 </div> 337 <div id="custom-id-lfmkvdu7" class="carousel slide carousel-fade aos-init aos-animate" data-bs-interval="false" data-bs-touch="false" data-aos="fade-down" data-aos-delay="400"> 338 <div class="carousel-inner"> 339 340 <div class="carousel-item active bg-bg-3"> 341 <div class="row justify-content-center">
342 <div class="mb-4 mb-xl-0 col-xl-3 col-md-6 col-sm-10"> 343 <div class="d-flex flex-column justify-content-between h-100 p-6 border rounded-2 border-dark-3"> 344 <div> 345 <h5 class="fs-3 fw-bold mb-2 text-action-8"> 346 Aplicativo Android 347 </h5> 348 <h2 class="display-6 mb-6"> 349 R$ 59,00<small style="font-size:18px;">/mês</small> 350 </h2> 351 <div class="mb-6 border-bottom border-dark-3"> 352 </div> 353 </div> 354 <a href="https://api.whatsapp.com/send/?phone=5516991967872&text=Quero%20contratar%20meu%20aplicativo%20ANDROID%20de%20radio%20da%20HDMidiaAPP" class="mt-6 btn w-100 btn-action-8" target="blank"> 355 Assinar Agora 356 </a> 357 </div> 358 </div> 359 <div class="mb-4 mb-md-0 col-xl-3 col-md-6 col-sm-10"> 360 <div class="d-flex flex-column justify-content-between h-100 p-6 border rounded-2 border-dark-3"> 361 <div> 362 <h5 class="fs-3 fw-bold mb-2 text-action-1"> 363 Aplicativo iOS 364 </h5> 365 <h2 class="display-6 mb-6"> 366 R$ 79,00<small style="font-size:18px;">/mês</small> 367 </h2> 368 <div class="mb-6 border-bottom border-dark-3"> 369 </div> 370 </div> 371 <a href="https://api.whatsapp.com/send/?phone=5516991967872&text=Quero%20contratar%20meu%20aplicativo%20IOS%20de%20radio%20da%20HDMidiaAPP" class="mt-6 btn w-100 btn-action-1" target="blank"> 372 Assinar Agora 373 </a> 374 </div> 375 </div> 376 <div class="col-xl-3 col-md-6 col-sm-10"> 377 <div class="d-flex flex-column justify-content-between h-100 p-6 border rounded-2 border-dark-3"> 378 <div> 379 <h5 class="fs-3 fw-bold mb-2 text-action-2"> 380 Android e iOS 381 </h5> 382 <h2 class="display-6 mb-6"> 383 R$ 99,00<small style="font-size:18px;">/mês</small> 384 </h2> 385 <div class="mb-6 border-bottom border-dark-3"> 386 </div> 387 </div> 388 <a href="https://api.whatsapp.com/send/?phone=5516991967872&text=Quero%20contratar%20meu%20aplicativo%20ANDROID%20e%20IOS%20de%20radio%20da%20HDMidiaAPP" class="mt-6 btn w-100 btn-action-2" target="blank"> 389 Assinar Agora 390 </a> 391 </div> 392 </div> 393 </div> 394 </div> 395 </div> 396 </div> 397 </div> 398 </section> 399 <!-- Team 5 --> 400 401 <!-- 402 <section class="py-10 py-lg-20 text-center text-md-start bg-bg-3"> 403 <div class="container"> 404 <div class="row justify-content-between align-items-center mb-15"> 405 <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5"> 406 <h2 class="display-5 mb-4 mb-lg-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 407 Portifolio 408 </h2> 409 </div> 410 <div class="col-md-9 col-lg-5"> 411 <p class="fs-2 mb-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150"> 412 Algumas rádios que desfrutam de todas as facilidades do serviço da HDMidia App. 413 </p> 414 </div> 415 </div> 416 <div class="row justify-content-center justify-content-md-start"> 417 <div class="col-sm-8 col-md-6 col-lg-3 mb-12 mb-lg-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 418 <img src="./files/team-5-1.jpg" srcset="./files/team-5-1.jpg 2x" alt="" class="img-fluid mb-6"> 419 <h4 class="mb-2 "> 420Ronald Richards 421 </h4> 422 <p class="mb-0"> 423Web Designer 424 </p> 425 </div> 426 <div class="col-sm-8 col-md-6 col-lg-3 mb-12 mb-lg-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 427 <img src="./files/team-5-2.jpg" srcset="./files/team-5-2.jpg 2x" alt="" class="img-fluid mb-6"> 428 <h4 class="mb-2 "> 429Kristin Watson 430 </h4> 431 <p class="mb-0"> 432Dog Trainer 433 </p> 434 </div> 435 <div class="col-sm-8 col-md-6 col-lg-3 mb-12 mb-md-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 436 <img src="./files/team-5-3.jpg" srcset="./files/team-5-3.jpg 2x" alt="" class="img-fluid mb-6"> 437 <h4 class="mb-2 "> 438Jane Cooper 439 </h4> 440 <p class="mb-0"> 441President of Sales 442 </p> 443 </div> 444 <div class="col-sm-8 col-md-6 col-lg-3 aos-init aos-animate" data-aos="fade-down" data-aos-delay="650"> 445 <img src="./files/team-5-4.jpg" srcset="./files/team-5-4.jpg 2x" alt="" class="img-fluid mb-6"> 446 <h4 class="mb-2 "> 447Devon Lane 448 </h4> 449 <p class="mb-0"> 450Medical Assistant 451 </p> 452 </div> 453 </div> 454 </div> 455 </section>--> 456 457 458 <!-- Contact 6 --> 459 <section class="py-10 py-lg-20 bg-bg-3 text-center" id="Contato"> 460 <div class="container"> 461 <h2 class="display-5 mb-6 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 462 Contatos 463 </h2> 464 <h4 class="mb-10 mb-lg-15 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150"> 465 </h4> 466 <div class="row justify-content-center"> 467 <div class="col-lg-3 col-md-4 mb-8 mb-md-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 468 <h5 class="fs-4 mb-2"> 469 WhatsApp 470 </h5> 471 <p class="mb-0"> 472+55 16 991967872 473 </p> 474 </div> 475 <div class="col-md-4 col-lg-3 mb-8 mb-md-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 476 <h5 class="fs-4 mb-2"> 477 Email 478 </h5> 479 <p class="mb-0"> 480[email protected] 481 </p> 482 </div> 483 <div class="col-md-4 col-lg-3 aos-init aos-animate" data-aos="fade-down" data-aos-delay="650"> 484 <h5 class="fs-4 mb-2"> 485 Central de Suporte 486 </h5> 487 <p class="mb-0"> 488Area de Suporte 489 </p> 490 </div> 491 </div> 492 </div> 493 </section> 494 <!-- Footer 8 --> 495 <footer class="bg-bg-3 pt-md-10 py-8 text-center text-lg-start"> 496 <div class="container"> 497 <div class="row flex-column flex-lg-row align-items-center justify-content-center"> 498 <div class="mb-4 mb-lg-0 col-lg-5 order-1 order-lg-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="0"> 499 </div> 500 <div class="mb-4 mb-lg-0 col-lg-2 text-center order-0 order-lg-1 aos-init aos-animate" data-aos="fade-down" data-aos-delay="150"> 501 <a href="#"> 502 <img src="./files/hd-app.png" srcset="./files/hd-app.png 2x" alt="" class="img-fluid"> 503 </a> 504 </div> 505 <div class="col-lg-5 text-lg-end order-2 aos-init aos-animate" data-aos="fade-down" data-aos-delay="250"> 506 <a href="https://painel.hdmidia.app.br" target="_blank" class="btn btn-action-1 btn-sm"> 507 Acessar Painel 508 </a> 509 </div> 510 </div> 511 <div class="mt-10 mb-8 border-bottom border-dark-3 aos-init aos-animate" data-aos="fade-down" data-aos-delay="400"> 512 </div> 513 <p class="text-center fs-5 mb-0 aos-init aos-animate" data-aos="fade-down" data-aos-delay="500"> 514 HDMidia - Todos os direitos reservados 515 </p> 516 </div> 517 </footer> 518
519 <a href="https://api.whatsapp.com/send/?phone=5516991967872&text=Quero%20meu%20aplicativo%20de%20radio%20da%20HDMidiaAPP" style="position:fixed;width:65px;height:65px;bottom:20px;left:20px;text-align:center;font-size:20px;z-index:1000;" target="blank"><img src="./files/whatsapp.png" width="65"></a> 520 521 <!-- Bootstrap JS --> 522
522<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" data-integrity="38d870e9c3c4e532551b530706abb811"></script>
522 523 524 <!-- AOS 3.0.0-beta.6 plugin JS (Animations) --> 525
525<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
525 526 <!-- Startup Plugins --> 527
527<script src="./files/plugins.min.js"></script>
527 528 529 <!-- Startup JS (Custom js for all blocks) - Remove ".min" if you want to edit a JS code --> 530
530<script src="./files/scripts.min.js"></script>
530 531 532 <!-- Startup scripts runner (for preview only, this code won't be added in the export) --> 533
533<script> 534 AOS.init(); 535 536 document.runStartupScripts = function(functionToRun,params){ 537 console.log("fired runStartupScripts("+functionToRun+")"); 538 var startupFunctions = { 539 setBackgrounds: function() {setBackgrounds()}, 540 switchControlSlider: function() {switchControlSlider()}, 541 stopYouTubeOnModalClose: function() {stopYouTubeOnModalClose()}, 542 initAnimations: function() {initAnimations(params)}, 543 reInitAnimations: function() { 544 if(params){ 545 var elements; 546 var settings = Object.assign({}, params); 547 settings.animationSpeed = parseInt(settings.animationSpeed); 548 if(settings.animation){ 549 elements = document.querySelectorAll("*[sf-anim-delay]"); 550 if(elements.length){ 551 elements.forEach(function(el) { 552 settings.delay = settings.animationSpeed * 50 * parseFloat(el.getAttribute("sf-anim-delay")); 553 if(settings.delay%50!=0){ 554 settings.delay += settings.delay%50; 555 } 556 settings.style = el.getAttribute("sf-anim-style"); 557 if(settings.style=="" || settings.style==undefined){ 558 settings.style = settings.animationStyle; 559 } 560 el.classList.remove("aos-animate","aos-init"); 561 el.setAttribute("data-aos",settings.style); 562 el.setAttribute("data-aos-delay",settings.delay); 563 }); 564 } 565 settings.animationSpeed = settings.animationSpeed * 100; 566 initAnimations(settings.animationSpeed); 567 elements = document.querySelectorAll(".aos-init"); 568 if(elements.length){ 569 elements.forEach(function(el) { 570 el.classList.remove("aos-animate"); 571 }); 572 if(settings.timeOut){ 573 clearTimeout(settings.timeOut); 574 } 575 settings.timeOut = setTimeout(function(){ 576 elements.forEach(function(el) { 577 el.classList.add("aos-animate"); 578 }); 579 },settings.animationSpeed); 580 } 581 }else{ 582 elements = document.querySelectorAll(".aos-init"); 583 if(elements.length){ 584 elements.forEach(function(el) { 585 el.removeAttribute("data-aos"); 586 el.removeAttribute("data-aos-delay"); 587 el.classList.remove("aos-animate","aos-init"); 588 }); 589 } 590 } 591 } 592 }, 593 showBsElement: function() { 594 if(params){ 595 if(params.classList.contains("offcanvas")){ 596 var eBsElement = new bootstrap.Offcanvas(params); 597 } 598 if(params.classList.contains("modal")){ 599 var eBsElement = new bootstrap.Modal(params); 600 } 601 if(params.classList.contains("dropdown-toggle")){ 602 var eBsElement = new bootstrap.Dropdown(params); 603 } 604 eBsElement.show(); 605 } 606 }, 607 destroyBsElements: function() { 608 var elements = document.querySelectorAll(".offcanvas, .modal, .dropdown-toggle"); 609 var eBsElement; 610 if(elements.length){ 611 elements.forEach(function(el) { 612 if(el.classList.contains("offcanvas")){ 613 eBsElement = bootstrap.Offcanvas.getInstance(el); 614 }else if(el.classList.contains("modal")){ 615 eBsElement = bootstrap.Modal.getInstance(el); 616 }else if(el.classList.contains("dropdown-toggle")){ 617 eBsElement = bootstrap.Dropdown.getInstance(el); 618 } 619 if(eBsElement){ 620 eBsElement.hide(); 621 el.style.display=""; 622 el.style.visibility=""; 623 } 624 }); 625 } 626 }, 627 }; 628 if(functionToRun){ 629 startupFunctions[functionToRun](params); 630 }else{ 631 Object.keys(startupFunctions).forEach(function(key){ 632 if(key!="showBsElement" && key!="destroyBsElements"){ // skip 633 startupFunctions[key](params); 634 } 635 }); 636 } 637 }; 638 639 </script>
639 640 641</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.