PageSourceSearch

https://www.animaker.co/subtitle-generator

html animaker.co collected 2026-09-26 08:03:35 UTC 65,457 bytes, 1,203 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
5  <!-- Primary Meta Tags -->
6  <title>Gerador de legendas nº 1 alimentado por IA - Grátis para usar!</title>
7  <meta charset="utf-8">
8  <meta name="title" content="Gerador de legendas nº 1 alimentado por IA - Grátis para usar!">
9  <meta name="description" content="Melhor aplicativo online para gerar automaticamente legendas para filmes, Vídeos Caseiros, Tik Toks, Reels, Shorts do YouTube e muito mais. Envie, Transcreva e Baixe. Teste agora.">
10  <meta name="keywords" content="Gerador de legendas,Criador de legendas,Gerador automático de legendas,Gerador de legendas grátis,Gerador de legendas de vídeo,Gerador automático de legendas" />
11  <meta name="viewport" content="width=device-width, initial-scale=1">
12
13  <!-- Open Graph / Facebook -->
14  <meta property="og:type" content="website">
15  <meta property="og:title" content="Gerador de legendas nº 1 alimentado por IA - Grátis para usar!">
16  <meta property="og:description" content="Melhor aplicativo online para gerar automaticamente legendas para filmes, Vídeos Caseiros, Tik Toks, Reels, Shorts do YouTube e muito mais. Envie, Transcreva e Baixe. Teste agora.">
17  <meta property='og:image' content='https://www.animaker.co/static_2.0/img/subtitlegenerator/Subtitle OG_pt.png' />
18  <meta property='og:image:url' content='https://www.animaker.co/static_2.0/img/subtitlegenerator/Subtitle OG_pt.png'/>
19
20  <!-- Twitter -->
21  <meta property="twitter:card" content="summary_large_image">
22  <meta property="twitter:title" content="Gerador de legendas nº 1 alimentado por IA - Grátis para usar!">
23  <meta property="twitter:description" content="Melhor aplicativo online para gerar automaticamente legendas para filmes, Vídeos Caseiros, Tik Toks, Reels, Shorts do YouTube e muito mais. Envie, Transcreva e Baixe. Teste agora.">
24  <meta property="twitter:image" content="https://www.animaker.co/static_2.0/img/subtitlegenerator/Subtitle OG_pt.png">
25
26  <!-- GOOGLE FONTS -->
27  <link rel="preconnect" href="https://fonts.googleapis.com">
28  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29  <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap" rel="stylesheet" type='text/css'>
30  <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
31  <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=PT+Sans&display=swap" rel="stylesheet" type='text/css'>
32  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
33  <link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
34  <link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
35  
36  <!-- SUBTITLE -->
37  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900&display=swap" rel="stylesheet">
38  <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
39  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
40  <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap" rel="stylesheet">
41  
42  <!-- BOOTSTRAP LIBRARY -->
43  <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/static_2.0/bootstrap.min.css" rel="stylesheet"> -->
44
45  <!-- SWIPER SLIDER LIBRARY -->
46  <!-- <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" /> -->
47  <!-- 
47<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
47 -->
48  <link rel="canonical" href="https://www.animaker.co/subtitle-generator" />
49  <link rel="alternate" hreflang="en" href="https://www.animaker.com/subtitle-generator"/>
50  <link rel="alternate" hreflang="pt" href="https://www.animaker.co/subtitle-generator"/>
51  <link rel="alternate" hreflang="x-default" href="https://www.animaker.com/subtitle-generator"/>
52  <link rel="shortcut icon" type="image/png" href="https://www.animaker.com/static/assets/images/favicon.png"/>
53
54  <link href="https://www.animaker.com/static_2.0/bootstrap-5.1.1.min.css" rel="stylesheet" async>
55  <link href="https://www.animaker.com/static_2.0/swiper-bundle-7.3.0.min.css" rel="stylesheet" >
56  <link href="https://www.animaker.com/static_2.0/aos-2.3.1.css" rel="stylesheet" >
57  <link href="https://www.animaker.com/static_2.0/owl.carousel.min.css" rel="stylesheet" >
58  <!-- <link href="static_2.0/headermin.css" rel="stylesheet"> -->
59  <link href="https://www.animaker.com/assets/css/header-updated-v2.css" rel="stylesheet" type="text/css" />
60  <!-- <link href="https://www.animaker.com/assets/css/header-updated.css" rel="stylesheet" type="text/css" /> -->
61  <!-- <link href="https://web.picmaker.com/assets/css/owl.carousel.min.css" rel="stylesheet"> -->
62  <!-- <link href="https://www.animaker.com/assets/css/headermin.css" rel="stylesheet" type="text/css" async/> -->
63
64
65
66  <!-- BOOTSTRAP LIBRARY -->
67  <!-- 
67<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
67 -->
68
69  <!-- ANIMATE ON SCROLL - AOS LIBRARY -->
70  <!-- <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> -->
71  <!-- 
71<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
71 -->
72
73  <!-- CUSTOM JS -->
74  <!-- 
74<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
74 -->
75
76  
76<script src="https://www.animaker.com/static_2.0/bootstrap-5.1.1.bundle.min.js" type="text/javascript" defer></script>
76
77  
77<script src="https://www.animaker.com/static_2.0/aos-2.3.1.js" type="text/javascript" ></script>
77
78  
78<script src="https://www.animaker.com/static_2.0/swiper-bundle-7.3.0.min.js" type="text/javascript" ></script>
78
79  
79<script src="https://www.animaker.com/static_2.0/jquery-3.6.0.min.js" type="text/javascript"></script>
79
80  
80<script src="https://www.animaker.com/static_2.0/owl.carousel.min.js" type="text/javascript" ></script>
80
81  <!-- 
81<script src="https://web.picmaker.com/assets/js/owl.carousel.min.js"></script>
81 -->
82  
83  <!-- CUSTOM CSS -->
84  <!-- <link href="static_2.0/voice.scss" rel="stylesheet"> -->
85  <link href="static_2.0/subtitle.css" rel="stylesheet" async>
86
87  
87<script src="static_2.0/subtitle.js" type="text/javascript" async></script>
87
88  
88<script type="application/ld+json">
89{
90"@context": "https://schema.org",
91"@graph":
92[{
93  "@type": "Corporation",
94  "name": "Animaker",
95  "url": "https://www.animaker.com/",
96  "logo": "static/assets/images/animaker-new-logo_pt.png",
97  "sameAs": [ "https://www.facebook.com/theanimaker",
98  "https://twitter.com/TheAnimaker",
99  "https://www.instagram.com/theanimaker/",
100  "https://www.youtube.com/user/AniMakerVideos",
101  "https://in.linkedin.com/company/animaker" ]
102},
103{
104  "@type": "SiteNavigationElement",
105  "name": "Pricing",
106  "url": "https://www.animaker.com/pricing"
107},
108{
109  "@type": "SiteNavigationElement",
110  "name": "Templates",
111  "url": "https://www.animaker.com/templates"
112},
113{
114  "@type": "SiteNavigationElement",
115  "name": "About Us",
116  "url": "https://www.animaker.com/company"
117},
118{
119  "@type": "SiteNavigationElement",
120  "name": "Register",
121  "url": "https://tool.animaker.com/register"
122},
123{
124  "@type": "SiteNavigationElement",
125  "name": "Tutorial",
126  "url": "https://tutorial.animaker.com"
127},
128{
129  "@type": "SiteNavigationElement",
130  "name": "Blog",
131  "url": "/blog"
132}]
133}
134</script>
vendor: 1 bytes, line 134
134
135<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Will I be able to try and switch voices after entering the text?","acceptedAnswer":{"@type":"Answer","text":"Yes, the Animaker voice over allows you to choose between the different voices available either before entering the text or after."}},{"@type":"Question","name":"What are the different voice effects that we can add in between two words?","acceptedAnswer":{"@type":"Answer","text":"Break and Breath are the two voice effects that can be applied between two words. That is to create a pause and a breathing effect in the voice."}},{"@type":"Question","name":"Is it possible to choose the gender for the voice?","acceptedAnswer":{"@type":"Answer","text":"Yes, definitely you can choose between a Male and a Female voice of your liking."}},{"@type":"Question","name":"What is the format of the voice being downloaded?/ In which format the voices will be downloaded?","acceptedAnswer":{"@type":"Answer","text":"The voice overs that we create, will be downloaded in mp3 format."}},{"@type":"Question","name":"What is the Auto-enhance feature?","acceptedA
135nswer":{"@type":"Answer","text":"The Auto Enhance is an AI based neural-voice enhancer that allows you to automatically enhance the text to voice without adding any additional tags like breath effect, speed, pitch etc;"}}]}</script>
135
136  <style>
137  *{
138    font-family: inherit;
139  }
140  /* header .nav-menu li a,header .nav-menu li a:hover{
141    color:#000 !important;
142  }
143  header .nav-menu li a.login{
144    color:#000;
145    border: none;
146  }
147  header .nav-toggle::before{
148    background-color: #000;
149    box-shadow: 0 0.5em 0 0 #000, 0 1em 0 0 #000;
150  } */
151  /* header .nav-menu li a.globe{
152    background: url(https://www.animaker.com/https://www.animaker.com/assets/img/header/globe_black_pt.svg) no-repeat;
153    background-position: left;
154  } */
155  footer ul{
156    list-style: none;
157    padding:0
158  }
159  .category_product{
160    font-size: 20px;
161    font-family: 'PT Sans';
162    color: #fff;
163  }
164  .footertxt ul li a, .footer_animaker a{
165    color: #777;
166  }
167  .footer_animaker{
168    color: #AFAFAF;
169  }
170  /* .card-section .card{
171      padding:30px 20px;
172  } */
173  .btn-lg{
174      width:350px;
175  }
176  /* h1{
177    font:normal normal bold 65px/80px 'Lexend Deca', 'sans-serif';
178    line-height: 64px;
179  } */
180  .highlight-heading{
181    font-size: 50px;
182    line-height: 0;
183  }
184  .more-pages-section img{
185    border-top-left-radius: 10px;
186    border-top-right-radius: 10px;
187  }
188  @media (max-width: 991.98px) {
189  .header-text {
190    padding-left:0px;
191  }
192  .header-text h1{
193    font: normal normal 800 33px/53px 'Inter', sans-serif;
194  }
195  
196  }   
197  
198  </style>
199
200<!-- Google Analytics -->
201<script>
vendor: 344 bytes, lines 201-206
201
202  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
203  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
204  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
205  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
206  ga('create', '
206UA-46163621-4
vendor: 40 bytes, lines 206-209
206', 'auto');
207  ga('send', 'pageview');
208
209
210</script>
210
211
212<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 212-213
212 
213<script async src="https://www.googletagmanager.com/gtag/js?id=
213G-95X8GXGN01
vendor: 13 bytes, line 213
213"></script> 
214<script> 
vendor: 130 bytes, lines 215-218
215window.dataLayer = window.dataLayer || []; 
216function gtag(){dataLayer.push(arguments);} 
217gtag('js', new Date()); 
218gtag('config', '
218G-95X8GXGN01
vendor: 5 bytes, line 218
218'); 
219</script>
219
220
221</head>
222
223<body class="animaker-subtitle" data-aos-easing="ease" data-aos-duration="400">
224  <div class="container-fluid" style="background-color: #8E5AFF;">
225    <!-- HEADER SECTION STARTS -->
226    <section id="section-1" class="light-bg">
227
228      <header class="header_area scrolled">
229          <div class="main_header_area animated">
230              <nav id="navigation1" class="navigation">
231                <div class="nav-header">
232                  <a class="nav-brand" href="/" style="width:200px;"><img src="static_2.0/img/subtitlegenerator/Logo White@2x_pt.png" alt="voicelogo" width="100%" height="100%"> </a>
233                  <div class="nav-toggle"></div>
234                </div>
235
236                <div class="nav-menus-wrapper">
237                  <ul class="nav-menu align-to-right">
238                     
239
240                      <li><a class="hvbtm" href="/features">Recursos</a></li>
241                      <li><a class="hvbtm" href="https://app.animaker.com/pricing?language=pt">Preços</a></li>
242
243                      <li><a class="login" href="https://app.animaker.com/login?language=pt" style="font-weight:normal;">Entrar</a></li>
244                      <li><a class="signup" href="https://accounts.animaker.com/register/animaker?trackId=c3vidgl0bgutz2vuzxjhdg9y&language=pt&path=/subtitle/create/" style="padding:12px;color:#000;width: 120px;">Cadastrar-se</a></li>
245                      <li>
246                          <a class="globe" href="#"></a>
247                          <ul class="nav-dropdown">
248                              <li><a href="https://www.animaker.com/subtitle-generator" target="_blank">English</a></li>
249                              <li><a href="https://www.animaker.es/" target="_blank">Español</a></li>
250                              <li><a href="https://www.animaker.co/subtitle-generator" target="_blank">Português</a></li>
251                              <li><a href="https://www.animaker.de/" target="_blank">Deutsch</a></li>
252                              <li><a href="https://www.animaker.fr/" target="_blank">Français</a></li>
253                              <li><a href="https://www.animaker.kr/" target="_blank">한국어</a></li>
254                              <li><a href="https://www.animaker.ru/" target="_blank">Pусский</a></li>
255                              <li><a href="https://www.animaker.it/" target="_blank">Italiano</a></li>
256                              <li><a href="https://www.animaker.jp/" target="_blank">日本人</a></li>
257                              <li><a href="https://www.animaker.pl/" target="_blank">polski</a></li>
258                              <li><a href="https://www.animaker.com/nl" target="_blank">Nederlands</a></li>
259                              <li><a href="https://www.animaker.hk/" target="_blank">繁體中文</a></li>
260                          </ul>
261                      </li>
262                  </ul>
263                </div>
264              </nav>
265
266
267          </div>
268        </header>
269      <!-- NAVBAR ENDS -->
270      <!-- </div> -->
271      <div class="header-section">
272        <div class="container">
273          <div class="row">
274            <div class="col-lg-5">
275              <div class="header-text">
276                <h1>O Gerador Automático de Legendas Mais Rápido do Mundo com Inteligência Artificial</h1>
277                <h6>Automático, online e grátis!</h6>
278                <a href="https://accounts.animaker.com/register/animaker?trackId=c3vidgl0bgutz2vuzxjhdg9y&language=pt&path=/subtitle/create/" class="btn btn-primary btn-lg" >Enviar vídeo</a>
279                <span class="disclaimer-txt">Grátis para sempre. Nenhum cartão de crédito é necessário.</span>
280              </div>
281            </div>
282            <div class="col-lg-7">
283              <div class="hero-graphic-section">
284                <!-- <img src="static_2.0/img/subtitlegenerator/Hero Graphic@2x_pt.png" srcset="static_2.0/img/subtitlegenerator/Hero Graphic_pt.png, static_2.0/img/subtitlegenerator/Hero Graphic@2x_pt.png" alt="Languages" class="hero-graphic-image" /> -->
285                <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/hero_poster_image.webp" title="Instantly Generate" height="100%" width="100%">
286                  <source src="static_2.0/img/subtitlegenerator/hero_section_video_pt.webm" type="video/webm" alt="Instantly Generate">
287                  <source src="static_2.0/img/subtitlegenerator/hero_section_video_pt.mp4" type="video/mp4" alt="Instantly Generate">
288                  
289                </video>
290              </div>
291            </div>
292          </div>
293        </div>
294      </div>
295    </section>
296    <!-- HEADER SECTION ENDS -->
297  </div>
298  <div class="container-fluid">
299    <section id="section-2" class="light-bg">
300      <div class="container">
301        <div class="row">
302          <div class="col-12">
303            <h5 data-aos="zoom-in" data-aos-duration="600">O Animaker tem a confiança de algumas das principais marcas do mundo.</h5>
304            <center><img src="static_2.0/img/subtitlegenerator/animaker_new_clients_logo_pt.webp"  alt="Brand-Logos" class="Brand-Logos" /></center>
305          </div>
306        </div>
307    </section>
308    <section id="section-3" class="light-bg">
309      <div class="container">
310        <div class="row">
311          <div class="col-12">
312            <h5 data-aos="zoom-in" data-aos-duration="600">O Animaker foi eleito o primeiro melhor produto de design do mundo.</h5>
313            <center><img src="https://www.animaker.com/Animaker-Home/new-assets/Badges-Stack.svg"  alt="Badges-Stack" class="Badges-Stack" /></center>
314          </div>
315        </div>
316        <div id="subtitle1" class="slider-section reasons cl-ir">
317          <div class="row">
318            <div class="col-12">
319              <h2 data-aos="zoom-in" data-aos-duration="600">Veja por que o gerador de legendas do Animaker é incrível!</h2>  
320            </div>
321          </div>
322          <div class="flex">
323            <div class="desktopSlider">
324              <!-- Slide -->
325              <div class="cust-nav active" data-position="0">
326                <div class="title">Gere legendas instantaneamente com o Animaker IA</div>
327                <p>Com o poder da IA, o Criador Automático de Legendas reconhece a fala, gera legendas e as adiciona ao seu vídeo. Tudo o que você precisa é de um clique para gerar legendas precisas em um instante!</p>
328              </div>
329              <!-- Slide -->
330              <div class="cust-nav" data-position="1">
331                <div class="title">Formate suas legendas como um profissional!</div>
332                <p>Manter a identidade da marca e seguir as diretrizes da marca é muito importante para os criadores e também para as empresas. Com a ajuda de seu editor de texto completo, o Animaker permite personalizar completamente suas legendas e formatá-las para se adequarem à sua marca.</p>
333              </div>
334              <!-- Slide -->
335              <div class="cust-nav" data-position="2">
336                <div class="title">Mais de 20 animações incríveis para incrementar suas legendass</div>
337                <p>As animações tornam tudo melhor, não é? O mesmo se aplica às legendas também! O gerador de legendas do Animaker permite que você adicione mais de 20 animações incríveis para suas legendas, tornando-as mais legais do que nunca!</p>
338              </div>
339              <!-- Slide -->
340              <div class="cust-nav" data-position="3">
341                <div class="title">Tradução automática para mais de 100 idiomas</div>
342                <p>Um dos principais objetivos das legendas é tornar os vídeos acessíveis a todos, independentemente do idioma. Equipado com 134 idiomas, este criador de legendas dá a você o poder de tornar seu vídeo compreensível para pessoas de todos os cantos do mundo.</p>
343              </div>
344              <!-- Slide -->
345              <div class="cust-nav" data-position="4">
346                <div class="title">Legendagem Manual para Especialistas! </div>
347                <p>Quer colocar a mão na massa e adicionar as legendas você mesmo? Bom, há uma opção para isso também! Para os perfeccionistas que querem construir tudo do zero, a opção de Legendagem manual ajuda a escrever as próprias legendas.</p>
348              </div>
349            </div>
350            <div class="owl-carousel mobileSlider">
351              <!-- Slide -->
352              <div class="item">
353                <div class="title">Gere legendas instantaneamente com o Animaker IA</div>
354                <!-- <img src="static_2.0/img/subtitlegenerator/Feature-Graphic-1@2x_pt.png" alt="sticker-tmp" /> -->
355                <video class="desk-view lazy subvideo1" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Feature-Graphic-1@2x_pt.webp" title="Instantly Generate" height="100%" width="100%">
356                  <source data-src="static_2.0/img/subtitlegenerator/AutoSubtitles_pt.mp4" type="video/mp4" alt="Instantly Generate">
357                </video>
358                <p>Com o poder da IA, o Criador Automático de Legendas reconhece a fala, gera legendas e as adiciona ao seu vídeo. Tudo o que você precisa é de um clique para gerar legendas precisas em um instante!</p>
359              </div>
360              <!-- Slide -->
361              <div class="item">
362                <div class="title">Formate suas legendas como um profissional!</div>
363                <!-- <img src="static_2.0/img/subtitlegenerator/Feature-Graphic-2@2x_pt.png" alt="sticker-tmp" /> -->
364                <video class="desk-view lazy subvideo2" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Feature-Graphic-2@2x_pt.webp" title="Format your subtitles" height="100%" width="100%">
365                  <source data-src="static_2.0/img/subtitlegenerator/FormatSubtitles_pt.mp4" type="video/mp4" alt="Format your subtitles">
366                </video>
367                <p>Manter a identidade da marca e seguir as diretrizes da marca é muito importante para os criadores e também para as empresas. Com a ajuda de seu editor de texto completo, o Animaker permite personalizar completamente suas legendas e formatá-las para se adequarem à sua marca.</p>
368              </div>
369              <!-- Slide -->
370              <div class="item">
371                <div class="title">Mais de 20 animações incríveis para incrementar suas legendass</div>
372                <!-- <img src="static_2.0/img/subtitlegenerator/Feature-Graphic-3@2x_pt.png" alt="sticker-tmp" /> -->
373                <video class="desk-view lazy subvideo3" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Feature-Graphic-3@2x_pt.webp" title="Cool Animations" height="100%" width="100%">
374                  <source data-src="static_2.0/img/subtitlegenerator/AnimatedPre-Built_pt.mp4" type="video/mp4" alt="Cool Animations">
375                </video>
376                <p>As animações tornam tudo melhor, não é? O mesmo se aplica às legendas também! O gerador de legendas do Animaker permite que você adicione mais de 20 animações incríveis para suas legendas, tornando-as mais legais do que nunca!</p>
377              </div>
378              <!-- Slide -->
379              <div class="item">
380                <div class="title">Tradução automática para mais de 100 idiomas</div>
381                <!-- <img src="static_2.0/img/subtitlegenerator/Feature-Graphic-4@2x_pt.png" alt="sticker-tmp" /> -->
382                <video class="desk-view lazy subvideo4" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Feature-Graphic-4@2x_pt.webp" title="Auto Translate" height="100%" width="100%">
383                  <source data-src="static_2.0/img/subtitlegenerator/Translate_pt.mp4" type="video/mp4" alt="Auto Translate">
384                </video>
385                <p>Um dos principais objetivos das legendas é tornar os vídeos acessíveis a todos, independentemente do idioma. Equipado com 134 idiomas, este criador de legendas dá a você o poder de tornar seu vídeo compreensível para pessoas de todos os cantos do mundo.</p>
386              </div>
387              <!-- Slide -->
388              <div class="item">
389                <div class="title">Legendagem Manual para Especialistas! </div>
390                <!-- <img src="static_2.0/img/subtitlegenerator/Feature-Graphic-5@2x_pt.png" alt="sticker-tmp" /> -->
391                <video class="desk-view lazy subvideo5" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Feature-Graphic-5@2x_pt.webp" title="Manual subtitle" height="100%" width="100%">
392                  <source data-src="static_2.0/img/subtitlegenerator/ManualSubtitle_pt.mp4" type="video/mp4" alt="Manual Subtitling">
393                </video>
394                <p>Quer colocar a mão na massa e adicionar as legendas você mesmo? Bom, há uma opção para isso também! Para os perfeccionistas que querem construir tudo do zero, a opção de Legendagem manual ajuda a escrever as próprias legendas.</p>
395              </div>
396            </div>
397          </div>
398        </div>
399        </div>
400      </div>
401    </section>
402    <section id="section-6" class="light-bg">
403      <div class="container">
404        <div class="row ">
405          <div class="col-12"> 
406            <h2 data-aos="fade-up" data-aos-duration="600">Como gerar legendas automáticas</h2>
407            <h5 data-aos="fade-up" data-aos-duration="600">Em apenas 3 passos simples</h5>
408          </div>
409          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-duration="600" data-aos-delay="0">
410            <img src="static_2.0/img/subtitlegenerator/how-to-1@2x_pt.webp" class="usecase-icons step1" alt="Drag and Drop Files"/>
411            <span class="step">Passo 1</span>
412            <h3>Envie <br>seu vídeo</h3>
413            <article>Adicione seu vídeo <br>ao Animaker simplesmente<br> arrastando e soltando ou<br> selecionando-o em <br>seu computador.</article>
414          </div>
415          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-duration="600" data-aos-delay="400">
416            <img src="static_2.0/img/subtitlegenerator/how-to-2@2x_pt.webp" class="usecase-icons step2" alt="Auto subtitle"/>
417            <span class="step">Passo 2</span>
418            <h3>Gere legendas<br> com IA</h3>
419            <article>Depois de fazer o upload, basta<br> clicar em 'Legenda automática' e<br> esperar que a IA faça sua mágica. <br>Tcharan! 
420              Suas legendas são <br>adicionadas ao seu vídeo automaticamente.
421              </article>
422          </div>
423          <div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-duration="600" data-aos-delay="800">
424            <img src="static_2.0/img/subtitlegenerator/how-to-3@2x_pt.webp" class="usecase-icons cutomise step3" alt="Download"/>
425            <span class="step">Passo 3</span>
426            <h3>Personalizar<br> e baixar</h3>
427            <article>Você pode personalizar ainda<br>  mais as legendas ajustando os<br> tempos, alterando o formato do <br>texto etc. Depois de terminar a<br> personalização, basta baixar<br> o vídeo legendado.</article>
428          </div>
429        </div>
430      </div>
431    </section> 
432    <section id="section-4" class="light-bg">
433      <div class="container">
434        <div id="subtitle2" class="slider-section reasons cr-il">
435          <div class="row">
436            <div class="col-12">
437              <h2 data-aos="fade-up" data-aos-duration="600">WPor que as legendas são importantes no mundo de hoje?</h2>  
438            </div>
439          </div>
440          <div class="flex">
441            <div class="owl-carousel mobileSlider">
442              <!-- Slide -->
443              <div class="item">
444                <div class="title">Melhore as métricas de retenção do seu vídeo</div>
445                <!-- <img src="static_2.0/img/subtitlegenerator/Sub-Graphic-1@2x_pt.png" alt="sticker-tmp" /> -->
446                <video class="desk-view lazy subvideo6" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Sub-Graphic-1@2x_pt.webp" title="Video’s Retention metrics" height="100%" width="100%">
447                  <source data-src="static_2.0/img/subtitlegenerator/VideoMetrics_pt.mp4" type="video/mp4" alt="Video’s Retention metrics">
448                </video>
449                <p>As legendas podem ajudá-lo a compreender e compreender melhor o vídeo. A combinação de elementos de áudio e texto pode ajudar as pessoas a reter as informações do vídeo. Isso acaba incentivando as pessoas a assistir ao vídeo até o fim.</p>
450              </div>
451              <!-- Slide -->
452              <div class="item">
453                <div class="title">Seu melhor amigo nas mídias sociais </div>
454                <!-- <img src="static_2.0/img/subtitlegenerator/Sub-Graphic-2@2x_pt.png" alt="sticker-tmp" /> -->
455                <video class="desk-view lazy subvideo7" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Sub-Graphic-2@2x_pt.webp" title="SocialMedia" height="100%" width="100%">
456                  <source data-src="static_2.0/img/subtitlegenerator/SocialMedia_pt.mp4" type="video/mp4" alt="VSocialMedia">
457                </video>
458                <p>As métricas de retenção influenciam e melhoram as métricas de mídia social em um nível maior. Além disso, a maioria dos usuários assiste a vídeos de mídia social no Mute. Para ajudar esses usuários a entender a real essência do vídeo, as legendas ajudam em um nível maior.</p>
459              </div>
460              <!-- Slide -->
461              <div class="item">
462                <div class="title">Quebre as barreiras do idioma</div>
463                <!-- <img src="static_2.0/img/subtitlegenerator/Sub-Graphic-3@2x_pt.png" alt="sticker-tmp" /> -->
464                <video class="desk-view lazy subvideo8" autoplay="" muted="" loop="" playsinline="" poster="static_2.0/img/subtitlegenerator/Sub-Graphic-3@2x_pt.webp" title="Languages subtitle" height="100%" width="100%">
465                  <source data-src="static_2.0/img/subtitlegenerator/Languages_pt.mp4" type="video/mp4" alt="Languages Subtitle">
466                </video>
467                <p>Os vídeos devem ser apreciados por todos, independentemente de seus desafios. E é aí que entram as legendas! O gerador de legendas do Animaker supera todas as barreiras linguísticas e torna os vídeos acessíveis a todos por meio de transcrição e tradução!</p>
468              </div>
469            </div>
470            <div class="desktopSlider">
471              <!-- Slide -->
472              <div class="cust-nav active" data-position="0">
473                <div class="title">Melhore as métricas de retenção do seu vídeo</div>
474                <p>As legendas podem ajudá-lo a compreender e compreender melhor o vídeo. A combinação de elementos de áudio e texto pode ajudar as pessoas a reter as informações do vídeo. Isso acaba incentivando as pessoas a assistir ao vídeo até o fim.</p>
475              </div>
476              <!-- Slide -->
477              <div class="cust-nav" data-position="1">
478                <div class="title">Seu melhor amigo nas mídias sociais </div>
479                <p>As métricas de retenção influenciam e melhoram as métricas de mídia social em um nível maior. Além disso, a maioria dos usuários assiste a vídeos de mídia social no Mute. Para ajudar esses usuários a entender a real essência do vídeo, as legendas ajudam em um nível maior.</p>
480              </div>
481              <!-- Slide -->
482              <div class="cust-nav" data-position="2">
483                <div class="title">Quebre as barreiras do idioma</div>
484                <p>Os vídeos devem ser apreciados por todos, independentemente de seus desafios. E é aí que entram as legendas! O gerador de legendas do Animaker supera todas as barreiras linguísticas e torna os vídeos acessíveis a todos por meio de transcrição e tradução!</p>
485              </div>
486            </div>
487          </div>
488        </div>
489      </div>
490    </section>
491  
492
493    <section id="section-11" class="light-bg">
494      <div class="container">
495        <div class="row">
496          <div class="col-12">
497            <h2>Perguntas Frequentes</h2>
498          </div>
499        </div>
500        <div class="row" data-aos="fade-up" data-aos-duration="600">
501          <div class="col">
502            <div class="accordion">
503              <ul id="faq-section" class="nav flex-column faq-section">
504                <li class="nav-item accordion-item active" >
505                  <a class="nav-link">
506                    <div class="d-flex">
507                      <div class="flex-grow-1">
508                       <span>O que é uma legenda?</span>
509                      </div>
510                      <div class="flex-item">
511                        <!-- <img class="icon-expand" /> -->
512                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse1" aria-expanded="true" aria-controls="faq-collapse1"/>
513                      </div>
514                    </div>
515
516                    <div id="faq-collapse1" class="collapse accordion-collapse show faq-section-content" data-bs-parent="#faq-section">
517                      <div class="d-flex">
518                        <div class="flex-grow-1">
519                          Legendas são textos exibidos na parte inferior de um arquivo de vídeo. Este texto transcreve o conteúdo do vídeo para faciitar a compreensão do vídeo.                        </div>
520                        <div class="flex-item">
521                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
522                        </div>
523                      </div>
524                    </div>
525                  </a>
526                </li>
527                <li class="nav-item accordion-item" >
528                  <a class="nav-link">
529                    <div class="d-flex">
530                      <div class="flex-grow-1">
531                       <span>Como fazer um arquivo de legenda?</span>
532                      </div>
533                      <div class="flex-item">
534                        <!-- <img class="icon-expand" /> -->
535                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse2" aria-expanded="false" aria-controls="faq-collapse2" />
536                      </div>
537                    </div>
538
539                    <div id="faq-collapse2" class="collapse accordion-collapse faq-section-content" data-bs-parent="#faq-section">
540                      <div class="d-flex">
541                        <div class="flex-grow-1">
542                          Arquivos de legendas podem ser criados facilmente com a ajuda de ferramentas online como o criador de legendas do Animaker. Esta ferramenta ajuda você a gerar legendas automaticamente. As legendas geradas podem ser adicionadas diretamente ao vídeo ou baixadas como um arquivo de legenda bruta.
543                        </div>
544                        <div class="flex-item">
545                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
546                        </div>
547                      </div>
548                    </div>
549                  </a>
550                </li>
551                <li class="nav-item accordion-item" >
552                  <a class="nav-link">
553                    <div class="d-flex">
554                      <div class="flex-grow-1">
555                       <span>Como você gera legendas online automaticamente?</span>
556                      </div>
557                      <div class="flex-item">
558                        <!-- <img class="icon-expand" /> -->
559                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse3" aria-expanded="false" aria-controls="faq-collapse3"/>
560                      </div>
561                    </div>
562                    <div id="faq-collapse3" class="collapse accordion-collapse faq-section-content" data-bs-parent="#faq-section">
563                      <div class="d-flex">
564                        <div class="flex-grow-1">
565                          Basta acessar o criador de legendas do Animaker e enviar seu vídeo. Este aplicativo transcreve automaticamente a voz em texto e adiciona como legenda ao seu vídeo.                        </div>
566                        <div class="flex-item">
567                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
568                        </div>
569                      </div>
570                    </div>
571                  </a>
572                </li>
573                <li class="nav-item accordion-item" >
574                  <a class="nav-link">
575                    <div class="d-flex">
576                      <div class="flex-grow-1">
577                       <span>Como adicionar legendas manualmente a um vídeo?</span>
578                      </div>
579                      <div class="flex-item">
580                        <!-- <img class="icon-expand" /> -->
581                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse4" aria-expanded="false" aria-controls="faq-collapse4"/>
582                      </div>
583                    </div>
584                    <div id="faq-collapse4" class="collapse accordion-collapse faq-section-content" data-bs-parent="#faq-section">
585                      <div class="d-flex">
586                        <div class="flex-grow-1">
587                          Basta enviar seu vídeo para o criador de legendas do Animaker, acessar o menu Legendas e selecionar a opção Legendas manuais para adicionar legendas manualmente                        </div>
588                        <div class="flex-item">
589                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
590                        </div>
591                      </div>
592                    </div>
593                  </a>
594                </li>
595                <li class="nav-item accordion-item" >
596                  <a class="nav-link">
597                    <div class="d-flex">
598                      <div class="flex-grow-1">
599                       <span>Eu tenho um arquivo de legenda? Isso pode ser adicionado a um vídeo?</span>
600                      </div>
601                      <div class="flex-item">
602                        <!-- <img class="icon-expand" /> -->
603                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse5" aria-expanded="false" aria-controls="faq-collapse5"/>
604                      </div>
605                    </div>
606                    <div id="faq-collapse5" class="collapse accordion-collapse faq-section-content" data-bs-parent="#faq-section">
607                      <div class="d-flex">
608                        <div class="flex-grow-1">
609                          É claro! Arquivos de legendas nos formatos .srt, .vtt e .ass podem ser carregados e adicionados aos seus vídeos.                        </div>
610                        <div class="flex-item">
611                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
612                        </div>
613                      </div>
614                    </div>
615                  </a>
616
617                </li>
618                <li class="nav-item accordion-item" >
619                  <a class="nav-link">
620                    <div class="d-flex">
621                      <div class="flex-grow-1">
622                       <span>Este gerador de legendas é gratuito?</span>
623                      </div>
624                      <div class="flex-item">
625                        <!-- <img class="icon-expand" /> -->
626                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse6" aria-expanded="false" aria-controls="faq-collapse5"/>
627                      </div>
628                    </div>
629                    <div id="faq-collapse6" class="collapse accordion-collapse faq-section-content" data-bs-parent="#faq-section">
630                      <div class="d-flex">
631                        <div class="flex-grow-1">
632                          Sim, geração automática, digitação manual e upload de legendas podem ser feitos gratuitamente. A tradução das legendas e o download dos arquivos de legendas gerados podem ser feitos com uma assinatura premium.                        </div>
633                        <div class="flex-item">
634                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
635                        </div>
636                      </div>
637                    </div>
638                  </a>
639
640                </li>
641                <li class="nav-item accordion-item" >
642                  <a class="nav-link">
643                    <div class="d-flex">
644                      <div class="flex-grow-1">
645                       <span>Como podemos baixar os vídeos legendados?</span>
646                      </div>
647                      <div class="flex-item">
648                        <!-- <img class="icon-expand" /> -->
649                        <img class="collapse-action-icon" data-bs-toggle="collapse" data-bs-target="#faq-collapse7" aria-expanded="false" aria-controls="faq-collapse5"/>
650                      </div>
651                    </div>
652                    <div id="faq-collapse7" class="collapse accordion-collapse faq-section-content" data-bs-parent="#faq-section">
653                      <div class="d-flex">
654                        <div class="flex-grow-1">
655                          Você pode baixar os vídeos legendados (com marca d'água) usando o botão “Publicar” no canto superior direito do aplicativo. Você pode desfrutar de 50 minutos de legendagem gratuitos junto com seu plano gratuito do Animaker                        </div>
656                        <div class="flex-item">
657                          <img src="static_2.0/img/subtitlegenerator/icon-collapse_pt.png" class="icon-collapse"></span>
658                        </div>
659                      </div>
660                    </div>
661                  </a>
662
663                </li>
664              </ul>
665            </div>
666
667          </div>
668        </div>
669      </div>
670    </section>
671    <section id="section-9" class="light-bg more-pages-section">
672      <div class="container">
673        <div class="row">
674          <div class="col">
675            <h2 data-aos="fade-up" data-aos-duration="600" class="aos-init aos-animate">Páginas de ferramentas relacionadas</h2>
676          </div>
677        </div>
678        <div class="row ">
679          <div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="600">
680            <div class="card">
681              <a class="card-header" href="/add-subtitles-to-video"  target="_blank">
682                <img src="static_2.0/img/subtitlegenerator/Add Subtitle@2x_pt.webp"  alt="" class="category1">
683              </a>
684              <a class="card-content" href="/add-subtitles-to-video" target="_blank" style="text-decoration: none;">
685                <!-- <span>ANIMAKER VOICE</span> -->
686                <h4>Adicionar legenda ao vídeo</h4>
687                <!-- <p href="/voice-generator" target="_blank">Check this page now</p> -->
688              </a>
689            </div>
690          </div>
691          <div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="600">
692            <div class="card">
693              <a class="card-header" href="/add-voiceover-to-video" target="_blank">
694                <img src="static_2.0/img/subtitlegenerator/Add Voiceover@2x_pt.webp" alt="" class="category2">
695              </a>
696              <a class="card-content" href="/add-voiceover-to-video" target="_blank" style="text-decoration: none;">
697                <!-- <span>ANIMAKER VOICE</span> -->
698                <h4>Adicionar narração ao vídeo</h4>
699                <!-- <p>Check this page now</p> -->
700              </a>
701            </div>
702          </div>
703          <div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="600">
704            <div class="card">
705              <a class="card-header" href="/watermark-video" target="_blank">
706                <img src="static_2.0/img/subtitlegenerator/Add Watermark@2x_pt.webp"  alt="" class="category3">
707              </a>
708              <a class="card-content" href="/watermark-video" target="_blank" style="text-decoration: none;">
709                <!-- <span>ANIMAKER VOICE</span> -->
710                <h4>Adicionar marca d'água ao vídeo</h4>
711                <!-- <p>Check this page now</p> -->
712              </a>
713            </div>
714          </div>
715
716        </div>
717
718      </div>
719    </section>
720    <section id="section-8" class="light-bg">
721      <div class="container">
722        <div class="row card-section">
723          <div class="col">
724            <h2>Aqui está o que nossos usuários dizem</h2>
725            <!-- SWIPER SLIDER STARTS -->
726            <!-- Slider main container -->
727            <div class="swiper review-swiper">
728              <!-- Additional required wrapper -->
729              <div class="swiper-wrapper">
730                <!-- Slides -->
731                <div class="swiper-slide" data-aos-once="true" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="500">
732                  <div class="card">
733                    <div class="row flex-column gx-0">
734                      <div class="col">
735                        <img src="static_2.0/img/subtitlegenerator/Jim_Adams_pt.webp"  alt="Jim Adams" class="card-image testitmonial1" />
736                      </div>
737                      <div class="col">
738                        <article>Apresentar meu vídeo explicativo do produto para meus clientes japoneses ficou fácil, graças ao Criador de Legendas do Animaker. Sem legendas, nossos vídeos explicativos precisavam de um tradutor para compreensão.<br><br></article>
739                        <img src="static_2.0/img/subtitlegenerator/quote_pt.svg" alt="assets" class="quote-image" />
740                        <h4>Jim Adams</h4>
741                        <span>Executivo de Contas</span>
742                      </div>
743                    </div>
744                  </div>
745                </div>
746                <div class="swiper-slide" data-aos-once="true" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="500">
747                  <div class="card">
748                    <div class="row  flex-column gx-0">
749                      <div class="col">
750                        <img src="static_2.0/img/subtitlegenerator/Ryan_Carrie_pt.webp" alt="Ryan Carrie" class="card-image testitmonial2" />
751                      </div>
752                      <div class="col">
753                        <article>Eu usei vários geradores, mas nenhum deles me permitia editar as legendas geradas. Eu tinha que usá-los como estavam ou desistir de usar legendas..<br><br><br><br></article>
754                        <img src="static_2.0/img/subtitlegenerator/quote_pt.svg" alt="assets" class="quote-image" />
755                        <h4>Ryan Carrie</h4>
756                        <span> Criador de Conteúdo</span>
757                      </div>
758                    </div>
759                  </div>
760                </div>
761                <div class="swiper-slide" data-aos-once="true" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="500">
762                  <div class="card">
763                    <div class="row flex-column gx-0">
764                      <div class="col">
765                        <img src="static_2.0/img/subtitlegenerator/Testimonial Image 5@2x_pt.webp" alt="Phil Martin" class="card-image testitmonial3" />
766                      </div>
767                      <div class="col">
768                        <article>Meu plano era simplesmente anexar um arquivo de legenda pronto ao meu vídeo. Mal sabia eu que poderia editar as legendas pré-fabricadas, animá-las, adicionar efeitos e dar um novo visual ao meu vídeo!<br><br></article>
769                        <img src="static_2.0/img/subtitlegenerator/quote_pt.svg" alt="assets" class="quote-image" />
770                        <h4>Phil Martin</h4>
771                        <span> Gerente de RH</span>
772                      </div>
773                    </div>
774                  </div>
775                </div>
776                <div class="swiper-slide" data-aos-once="true" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="500">
777                  <div class="card">
778                    <div class="row flex-column gx-0">
779                      <div class="col">
780                        <img src="static_2.0/img/subtitlegenerator/Testimonial Image 4@2x_pt.webp" alt="David Duncan" class="card-image testitmonial4" />
781                      </div>
782                      <div class="col">
783                        <article>Estava procurando uma ferramenta que me permitisse adicionar legendas de uma maneira “não conservadora” e divertida e encontrei isso! Meu vídeo ficou incrível, com animações legais e efeitos de texto!<br><br></article>
784                        <img src="static_2.0/img/subtitlegenerator/quote_pt.svg" alt="assets" class="quote-image" />
785                        <h4>David Duncan</h4>
786                        <span>Social Media Marketer</span>
787                      </div>
788                    </div>
789                  </div>
790                </div>
791                <div class="swiper-slide" data-aos-once="true" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="500">
792                  <div class="card">
793                    <div class="row flex-column gx-0">
794                      <div class="col">
795                        <img src="static_2.0/img/subtitlegenerator/Testimonial Image 3@2x_pt.webp" alt="Jennifer Allen" class="card-image testitmonial5" />
796                      </div>
797                      <div class="col">
798                        <article>Estava sob o plano de simplesmente anexar o arquivo de legenda pronto ao meu vídeo. Mal sabia eu que poderia editar as legendas pré-fabricadas, animá-las, adicionar efeitos e dar um novo visual ao meu vídeo!
799                          <br><br></article>
800                        <img src="static_2.0/img/subtitlegenerator/quote_pt.svg" alt="assets" class="quote-image" />
801                        <h4>Jennifer Allen</h4>
802                        <span>Vlogger</span>
803                      </div>
804                    </div>
805                  </div>
806                </div>
807
808              </div>
809
810
811
812            </div>
813            <!-- If we need navigation buttons -->
814            <center>
815              <div class="swiper-button-prev custom-swiper-btn-left"><img src="static_2.0/img/subtitlegenerator/icon-left-arrow_pt.svg"
816                  alt="left arrow" /></div>
817              <div class="swiper-button-next custom-swiper-btn-right"><img src="static_2.0/img/subtitlegenerator/icon-right-arrow_pt.svg"
818                  alt="right arrow" /></div>
819            </center>
820            <!-- SWIPER SLIDER ENDS -->
821          </div>
822        </div>
823      </div>
824    </section>
825    <section id="section-12" class="light-bg">
826      <div class="container">
827        <div class="row flex-row ">
828          <div class="col">
829              <h2 data-aos="fade-up" data-aos-duration="600">Então, o que você está esperando?</h2>
830              <h5 data-aos="fade-up" data-aos-duration="600">Você está pronto para adicionar legendas ao seu vídeo?</h5>
831              <a href="https://accounts.animaker.com/register/animaker?trackId=c3vidgl0bgutz2vuzxjhdg9y&language=pt&path=/subtitle/create/"  data-aos="fade-up" data-aos-duration="600" class="btn btn-primary btn-lg" >Comece agora!</a>
832              <span data-aos="fade-up" data-aos-duration="600" class="disclaimer-txt">Livre para sempre. Não são necessários dados de cartão de crédito!</span>
833          </div>
834        </div>
835      </div>
836    </section>
837
838
839
840
841    <footer id="footerWrapper" class="footertxt pt30 footerblock" style="padding-bottom: 20px;">
842    </footer>
843
844  </div>
845  <!-- Play Video Popup -->
846
847
848</body>
849<!-- 
849<script src="https://www.animaker.com/assets/js/headerjsnew.js" rel="preload"></script>
849 -->
850<script src="https://www.animaker.com/assets/js/headerjsnew2.js" rel="preload"></script>
vendor: 1 bytes, line 850
850
851<script type="text/javascript">
852
853
854
855      $(document).ready(function() {
856        $(".footerblock").load("footer.html");
857
858      })
859      window.addEventListener('load', (event) => {
860       var d = new Date();
861       document.getElementById("fullyear").innerHTML = d.getFullYear();
862      //  myFunction()
863
864      });
865      
866
867// Header class add-on on scroll
868$(window).scroll(function() {
869    var scroll = $(window).scrollTop();
870    if (scroll < 10) {
871        $("header").addClass("scrolled");
872    } 
873    // if (scroll >= 10) {
874    //     $("header").addClass("scrolled");
875    // } else {
876    //     $("header").removeClass("scrolled");
877    // }
878});
879
880$(document).ready(function() {
881    $('#subtitle1 .mobileSlider').owlCarousel({
882        loop:false,
883        margin:0,
884        nav:false,
885        dots:false,
886        items:1,
887        mouseDrag:false,
888        touchDrag:false,
889        responsiveRefreshRate: 200,
890    responsiveBaseElement: window,
891        responsive:{
892            0:{
893                items:1,
894                nav:true,
895                mouseDrag:true,
896                touchDrag:true,
897                loop:true,
898            },
899            992:{
900                nav:false,
901                dots:false,
902                items:1,
903                mouseDrag:false,
904                touchDrag:false
905            }
906        }
907    });
908
909    var owl = $("#subtitle1 .mobileSlider");
910    $(document).on('click', '#subtitle1 .cust-nav', function(){
911        var elem = $(this).attr('data-position');
912        $('#subtitle1 .cust-nav').removeClass('active');
913        $(this).addClass('active');
914        console.log(elem);
915        owl.trigger('to.owl.carousel', [elem, 600]);
916    });
917
918    $('#subtitle2 .mobileSlider').owlCarousel({
919        loop:false,
920        margin:0,
921        nav:false,
922        dots:false,
923        items:1,
924        mouseDrag:false,
925        touchDrag:false,
926        responsiveRefreshRate: 200,
927    responsiveBaseElement: window,
928        responsive:{
929            0:{
930                items:1,
931                nav:true,
932                mouseDrag:true,
933                touchDrag:true,
934                loop:true,
935            },
936            992:{
937                nav:false,
938                dots:false,
939                items:1,
940                mouseDrag:false,
941                touchDrag:false
942            }
943        }
944    });
945
946    var owl1 = $("#subtitle2 .mobileSlider");
947    $(document).on('click', '#subtitle2 .cust-nav', function(){
948        var elem = $(this).attr('data-position');
949        $('#subtitle2 .cust-nav').removeClass('active');
950        $(this).addClass('active');
951        console.log(elem);
952        owl1.trigger('to.owl.carousel', [elem, 600]);
953    });
954
955    // $('.testCarousel').owlCarousel({
956    //     loop:true,
957    //     margin:0,
958    //     nav:true,
959    //     dots:false,
960    //     mouseDrag:true,
961    //     touchDrag:true,
962    //     responsive:{
963    //         0:{
964    //             items:1
965    //         },
966    //         768:{
967    //             items:2
968    //         },
969    //         1280:{
970    //             items:3
971    //         }
972    //     }
973    // });
974});
975$(document).ready(function() {
976
977    if(check_cookie_policy()){
978      $(".cookie_section").css('display','none');
979    }
980
981});
982
983
984  $(document).on('click','.accept_button',function() {
985  // console.log('checked',checkad_cookie());
986  if(check_cookie_policy()){
987    // console.log("ad_cookie_set");
988      $(".cookie_section").css('display','none');
989  } else {
990    // console.log("ad_cookie_not_set");
991     setCookie("pic_cookie_policy", "PIC_COOKIE", 1);
992     $(".cookie_section").remove();
993  }
994
995});
996
997function check_cookie_policy(){
998  // console.log("ad cookie check");
999  var cookie_bar = getCookie("pic_cookie_policy");
1000  if (cookie_bar == "" ) {
1001    return false;
1002  }
1003  else{
1004  return true;
1005  }
1006}
1007
1008    function getCookie(cname) {
1009      var name = cname + "=";
1010      var decodedCookie = decodeURIComponent(document.cookie);
1011      var ca = decodedCookie.split(';');
1012      for(var i = 0; i < ca.length; i++) {
1013        var c = ca[i];
1014        while (c.charAt(0) == ' ') {
1015          c = c.substring(1);
1016        }
1017        if (c.indexOf(name) == 0) {
1018          return c.substring(name.length, c.length);
1019        }
1020      }
1021      return "";
1022}
1023
1024    function setCookie(cname, cvalue, exdays) {
1025
1026      var d = new Date();
1027      d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
1028      var expires = "expires="+d.toUTCString();
1029      document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
1030}
1031
1032// Mobile detect code
1033  $(document).ready(function(){
1034
1035    var isMobile = /iPhone|iPad|iPod|Android|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
1036    console.log("is---", isMobile)
1037    if (isMobile) {
1038
1039      // $("")
1040
1041      var moments_url=document.getElementsByTagName('a');
1042      for (var i = 0; i<moments_url.length; i++)
1043      {
1044          console.log("-----url---", moments_url[i].href)
1045          var replaced_url = moments_url[i].href.replace(/trackId=\w+/g, "trackId=eh1eijlm4e9lup");
1046          console.log("replaced_url is ..", replaced_url)
1047          moments_url[i].href=replaced_url;
1048      }
1049    }
1050    else {
1051                  console.log("is webbbbbb")
1052    }
1053
1054    let width = $(window).width();
1055
1056    // if(width < 991.98){
1057    //   // IGNORE ANIMATIONS
1058    //   console.log('Desktop')
1059    // }else{
1060    //   // AOS Animation Initiated
1061    //   AOS.init();
1062    //   console.log('mobile')
1063    // }
1064    AOS.init({disable: 'mobile'});
1065
1066    // FAQ SECTION COLLAPSE ACTIONS
1067    $('ul#faq-section li img.collapse-action-icon').click(function(e) {
1068      $('ul#faq-section li').removeClass('active');
1069      console.log('clicked')
1070      let ariaExpanded = $(this).attr('aria-expanded')
1071      let currentParent = $(this).closest('li.nav-item.accordion-item');
1072      if(ariaExpanded == 'true'){
1073        currentParent.addClass('active')
1074      }else{
1075        currentParent.removeClass('active')
1076      }
1077    });
1078
1079  });
1080
1081
1082  function myFunction() {
1083        if((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1 ){
1084          $(".subvideo1").attr('poster','static_2.0/img/subtitlegenerator/Feature-Graphic-1@2x_pt.webp');
1085          $(".subvideo2").attr('poster','static_2.0/img/subtitlegenerator/Feature-Graphic-2@2x_pt.webp');
1086          $(".subvideo3").attr('poster',`static_2.0/img/subtitlegenerator/Feature-Graphic-3@2x_pt.webp`);
1087          $(".subvideo4").attr('poster',`static_2.0/img/subtitlegenerator/Feature-Graphic-4@2x_pt.webp`);
1088          $(".subvideo5").attr('poster',`static_2.0/img/subtitlegenerator/Feature-Graphic-5@2x_pt.webp`);
1089          $(".subvideo6").attr('poster','static_2.0/img/subtitlegenerator/Sub-Graphic-1@2x_pt.webp');
1090          $(".subvideo7").attr('poster',`static_2.0/img/subtitlegenerator/Sub-Graphic-2@2x_pt.webp`);
1091          $(".subvideo8").attr('poster',`static_2.0/img/subtitlegenerator/Sub-Graphic-3@2x_pt.webp`);
1092          $(".Brand-Logos").attr('src','static_2.0/img/subtitlegenerator/animaker_new_clients_logo_pt.webp');
1093          $(".category1").attr('src','static_2.0/img/subtitlegenerator/Add Subtitle@2x_pt.webp');
1094          $(".category2").attr('src','static_2.0/img/subtitlegenerator/Add Voiceover@2x_pt.webp');
1095          $(".category3").attr('src','static_2.0/img/subtitlegenerator/Add Watermark@2x_pt.webp');
1096          $(".step1").attr('src','static_2.0/img/subtitlegenerator/how-to-1@2x_pt.webp');
1097          $(".step2").attr('src','static_2.0/img/subtitlegenerator/how-to-2@2x_pt.webp');
1098          $(".step3").attr('src','static_2.0/img/subtitlegenerator/how-to-3@2x_pt.webp');
1099          
1100          $(".testimonial1").attr('src','static_2.0/img/subtitlegenerator/Jim_Adams_pt.webp');
1101          $(".testimonial2").attr('src','static_2.0/img/subtitlegenerator/Ryan_Carrie_pt.webp');
1102          $(".testimonial3").attr('src','static_2.0/img/subtitlegenerator/Testimonial Image 5@2x_pt.webp');
1103          $(".testimonial4").attr('src','static_2.0/img/subtitlegenerator/Testimonial Image 4@2x_pt.webp');
1104          $(".testimonial5").attr('src','static_2.0/img/subtitlegenerator/Testimonial Image 3@2x_pt.webp');
1105          
1106          
1107        }
1108        else if(navigator.userAgent.indexOf("Chrome") != -1 ){
1109
1110        }
1111        // else if(navigator.userAgent.indexOf("Safari") != -1){
1112
1113
1114        //     $(".thumb1").attr('src','static_2.0/img/subtitlegenerator/[email protected]');
1115        //     $(".thumb2").attr('src','static_2.0/img/subtitlegenerator/Unique_Womens_Day_Wishes.jp2');
1116        //     $(".thumb3").attr('src','static_2.0/img/subtitlegenerator/Animated_Womens_Day_Wishes.jp2');
1117        //     $(".thumb4").attr('src','static_2.0/img/subtitlegenerator/St_Patricks_day_wishes2.jp2');
1118        //     $(".thumb5").attr('src','static_2.0/img/subtitlegenerator/St_Paddys_day_wishes.jp2');
1119        //     $(".thumb6").attr('src','static_2.0/img/subtitlegenerator/St_Patrick’s_day_facts.jp2');
1120        //     $(".category1").attr('src','static_2.0/img/subtitlegenerator/Add [email protected]');
1121        //     $(".category2").attr('src','static_2.0/img/subtitlegenerator/Add [email protected]');
1122        //     $(".category3").attr('src','static_2.0/img/subtitlegenerator/Add [email protected]');
1123        //     $(".step1").attr('poster','static_2.0/img/subtitlegenerator/St_patricks_templates.jp2');
1124        //     $(".step2").attr('poster','static_2.0/img/subtitlegenerator/Customize_st_patricks_template.jp2');
1125        //     $(".step3").attr('poster','static_2.0/img/subtitlegenerator/Add_music.jp2');
1126        //     $(".step4").attr('poster','static_2.0/img/subtitlegenerator/Download_st_patricks_video.jp2');
1127        //     $(".preview_img").attr('src','static_2.0/img/subtitlegenerator/birthdaypreview4.jp2');
1128        //     $(".stockassets").attr('poster','static_2.0/img/subtitlegenerator/Stock_assets.jp2');
1129        //     $(".adprop").attr('poster','static_2.0/img/subtitlegenerator/TTS_software_pt.png');
1130        //     $(".advanim").attr('poster','static_2.0/img/subtitlegenerator/Advanced_animations.jp2');
1131        //     $(".charbuild").attr('poster','static_2.0/img/subtitlegenerator/character_builder.jp2');
1132        //     $(".custemp").attr('poster','static_2.0/img/subtitlegenerator/St_patricks_templates.jp2');
1133        //     $(".lipsync").attr('poster','static_2.0/img/subtitlegenerator/Auto-lip-sync.jp2');
1134        //     $(".testimonial1").attr('src','static_2.0/img/subtitlegenerator/kevin.jp2');
1135        //     $(".testimonial2").attr('src','static_2.0/img/subtitlegenerator/Emily.jp2');
1136            
1137        // }
1138        else if(navigator.userAgent.indexOf("Firefox") != -1 ){
1139
1140        }
1141        else if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true )){
1142          $(".subvideo1").attr('poster','static_2.0/img/subtitlegenerator/Feature-Graphic-1@2x_pt.jxr');
1143          $(".subvideo2").attr('poster','static_2.0/img/subtitlegenerator/Feature-Graphic-2@2x_pt.jxr');
1144          $(".subvideo3").attr('poster',`static_2.0/img/subtitlegenerator/Feature-Graphic-3@2x_pt.jxr`);
1145          $(".subvideo4").attr('poster',`static_2.0/img/subtitlegenerator/Feature-Graphic-4@2x_pt.jxr`);
1146          $(".subvideo5").attr('poster',`static_2.0/img/subtitlegenerator/Feature-Graphic-5@2x_pt.jxr`);
1147          $(".subvideo6").attr('poster','static_2.0/img/subtitlegenerator/Sub-Graphic-1@2x_pt.jxr');
1148          $(".subvideo7").attr('poster',`static_2.0/img/subtitlegenerator/Sub-Graphic-2@2x_pt.jxr`);
1149          $(".subvideo8").attr('poster',`static_2.0/img/subtitlegenerator/Sub-Graphic-3@2x_pt.jxr`);
1150          $(".Brand-Logos").attr('src','static_2.0/img/subtitlegenerator/animaker_new_clients_logo_pt.jxr');
1151          $(".category1").attr('src','static_2.0/img/subtitlegenerator/Add Subtitle@2x_pt.jxr');
1152          $(".category2").attr('src','static_2.0/img/subtitlegenerator/Add Voiceover@2x_pt.jxr');
1153          $(".category3").attr('src','static_2.0/img/subtitlegenerator/Add Watermark@2x_pt.jxr');
1154          $(".step1").attr('src','static_2.0/img/subtitlegenerator/how-to-1@2x_pt.jxr');
1155          $(".step2").attr('src','static_2.0/img/subtitlegenerator/how-to-2@2x_pt.jxr');
1156          $(".step3").attr('src','static_2.0/img/subtitlegenerator/how-to-3@2x_pt.jxr');
1157          
1158          $(".testimonial1").attr('src','static_2.0/img/subtitlegenerator/Jim_Adams_pt.jxr');
1159          $(".testimonial2").attr('src','static_2.0/img/subtitlegenerator/Ryan_Carrie_pt.jxr');
1160          $(".testimonial3").attr('src','static_2.0/img/subtitlegenerator/Testimonial Image 5@2x_pt.jxr');
1161          $(".testimonial4").attr('src','static_2.0/img/subtitlegenerator/Testimonial Image 4@2x_pt.jxr');
1162          $(".testimonial5").attr('src','static_2.0/img/subtitlegenerator/Testimonial Image 3@2x_pt.jxr');
1163          
1164        }
1165        else{
1166
1167        }
1168    }
1169
1170
1171    document.addEventListener("DOMContentLoaded", function() {
1172      var lazyVideos = [].slice.call(document.querySelectorAll("video.lazy"));
1173
1174      if ("IntersectionObserver" in window) {
1175        var lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
1176          entries.forEach(function(video) {
1177            if (video.isIntersecting) {
1178              for (var source in video.target.children) {
1179                var videoSource = video.target.children[source];
1180                if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") {
1181                  videoSource.src = videoSource.dataset.src;
1182                }
1183              }
1184
1185              video.target.load();
1186              video.target.classList.remove("lazy");
1187              lazyVideoObserver.unobserve(video.target);
1188            }
1189          });
1190        });
1191
1192        lazyVideos.forEach(function(lazyVideo) {
1193          lazyVideoObserver.observe(lazyVideo);
1194        });
1195      }
1196});
1197
1198
1199
1200  </script>
1200
1201  
1202
1203</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.