Dubbing Academy by TransPerfect

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LBH2SY6Y7V"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-LBH2SY6Y7V", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location"});</script> <link rel="canonical" href="https://dubbingacademy.transperfect.com/" /> <link rel="shortlink" href="https://dubbingacademy.transperfect.com/" /> <meta name="news_keywords" content="dubbing, academy, dubbing academy" /> <link rel="image_src" href="https://dubbing.tpweb-stage.com/sites/default/files/2023-04/home-top.jpg" /> <meta name="description" content="The TransPerfect Dubbing Academy is an innovative online experience that offers voiceover and dubbing courses in English, French and Spanish for aspiring voice talents across the globe." /> <meta property="og:image" content="https://dubbing.tpweb-stage.com/sites/default/files/2023-04/home-top.jpg" /> <meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <script src="https://www.recaptcha.net/recaptcha/api.js?hl=en" async defer></script> <link rel="icon" href="/sites/default/files/DA_TP_color_white_1_0.png" type="image/png" /> <title>Dubbing Academy by TransPerfect</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_rLwgqviwYRldU91dewYWqyBQGlO60cgUdMiNNPPdIAE.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_Uxs2WXT3ocI4-3sdsNXYcoMDuAkZbCyO0sX-RGqQuto.css" /> <link rel="stylesheet" media="all" href="//stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_gieQpozBmohLJqPZsho_gJPSKq7DLybjoQJYKh3FlQM.css" /> <link rel="stylesheet" media="print" href="/sites/default/files/css/css_Y4H_4BqmgyCtG7E7YdseTs2qvy9C34c51kBamDdgark.css" /> </head> <body class="layout-no-sidebars page-node-1 path-frontpage node--type-general-content"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div id="page-wrapper"> <div id="page"> <header id="header" class="header" role="banner" aria-label="Site header"> <nav class="navbar navbar-expand-lg" id="navbar-main"> <a href="/" title="Home" rel="home" class="navbar-brand"> <img src="/sites/default/files/DA_TP_color_white_1.png" alt="Home" class="img-fluid d-inline-block align-top" /> </a> <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#CollapsingNavbar" aria-controls="CollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse justify-content-end" id="CollapsingNavbar"> <nav role="navigation" aria-labelledby="block-dubbing-main-menu-menu" id="block-dubbing-main-menu" class="block block-menu navigation menu--main"> <h2 class="sr-only" id="block-dubbing-main-menu-menu">Main navigation</h2> <ul block="block-dubbing-main-menu" class="clearfix nav navbar-nav"> <li class="nav-item"> <a href="/journey" class="nav-link nav-link--journey">Our Courses</a> </li> <li class="nav-item"> <a href="/tuition" class="nav-link nav-link--tuition" data-drupal-link-system-path="node/3">Tuition</a> </li> <li class="nav-item"> <a href="/opportunities" class="nav-link nav-link--opportunities">Success Stories</a> </li> <li class="nav-item"> <a href="/about" class="nav-link nav-link--about" data-drupal-link-system-path="node/5">About</a> </li> <li class="nav-item"> <a href="/faqs" class="nav-link nav-link--faqs" data-drupal-link-system-path="node/13">FAQ's</a> </li> <li class="nav-item"> <a href="/industry-insights" class="nav-link nav-link--industry-insights" data-drupal-link-system-path="node/12">Industry Insights</a> </li> <li class="nav-item"> <a href="/enroll-today" class="m-enroll-today nav-link nav-link--enroll-today" data-drupal-link-system-path="node/6">Enroll Today</a> </li> </ul> </nav> </div> </nav> </header> <div class="highlighted"> <aside class="container section clearfix" role="complementary"> <div data-drupal-messages-fallback class="hidden"></div> </aside> </div> <div id="main-wrapper" class="layout-main-wrapper clearfix"> <div id="main" class=""> <div class="clearfix"> <main class="main-content col" id="content" role="main"> <section class="section"> <a id="main-content" tabindex="-1"></a> <div id="block-dubbing-content" class="block block-system block-system-main-block"> <div class="content"> <article data-history-node-id="1" role="article" about="/home" class="node node--type-general-content node--view-mode-full clearfix"> <header> <div class="node__meta"> <article typeof="schema:Person" about="/user/2" class="profile"> </article> <em> Submitted by <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">rbisht</span></span> on <span class="field field--name-created field--type-created field--label-hidden">Thu, 12/22/2022 - 07:44</span> </em> </div> </header> <div class="node__content clearfix"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" rel="stylesheet" /> <div id="carouselExampleFade" class="carousel slide carousel-fade"> <div class="carousel-inner"> <div class="carousel-item active" style="background: url(https://dubbingacademy.transperfect.com/sites/default/files/2024-03/Slide%201.png); background-size: cover; padding: 215px 0;" data-bs-interval="10000"> <h3 class="subtitle white">Become A Voice Artist with</h3> <h2 class="title blue">The Dubbing Academy</h2> <p class="subtitle_b">"Your voice is an instrument - Learn how to play it"<br /> Jacques Barreau, Dean of Dubbing</p> <a class="btn" href="https://dubbingacademy.transperfect.com/courses" target="_blank">OUR COURSES</a></div> <div class="carousel-item" style="background: url(https://dubbingacademy.transperfect.com/sites/default/files/2024-03/Slide%202.png); background-size: cover; padding: 205px 0;" data-bs-interval="10000"> <h2 class="title" style="text-align: center; padding-left: 0%;">NEW PARTNERSHIP</h2> <div class="logo-row"><img src="https://dubbingacademy.transperfect.com/sites/default/files/2024-03/dub-academy-white.png" /> <img src="https://dubbingacademy.transperfect.com/sites/default/files/2024-03/ucam.png" /></div> </div> <div class="carousel-item" style="background: url(https://dubbingacademy.transperfect.com/sites/default/files/2024-03/Slide%203.png); background-size: cover; padding: 235px 0;" data-bs-interval="10000"> <h2 class="title">AFRICA STUDIO</h2> <h3 class="subtitle blue">THE DUBBING STUDIO GOES TO AFRICA</h3> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <style type="text/css"> #carouselExampleFade .carousel-item { background-size: cover !important; background-repeat: no-repeat !important; } #carouselExampleFade .subtitle { font-size: 2.2rem; line-height: 1.2em; font-weight: 800; letter-spacing: 3px; margin-bottom: 5px; text-transform: uppercase; text-align: left; padding-left: 10%; } .subtitle_b { padding-left: 10%;} #carouselExampleFade .title { font-size: 3rem; line-height: 1.2em; text-transform: uppercase; letter-spacing: 3px; text-align: left; padding-left: 10%; font-weight: bold; } #carouselExampleFade .btn{ border-radius: 10px; padding: 14px 18px; text-transform: uppercase; font-weight: bold; font-size: 0.8rem; color: black; background: #DAFB50; text-decoration: none; transition: all .2s ease; float: left; margin-left: 10%; } #carouselExampleFade {height:600px;} .blue{ color: #7BB3FD; } .carousel-item{ /*height: fit-content;*/ height: 600px; padding: 200px 0px; } .carousel-item.active {display: block;} .carousel .carousel-indicators button { width: 10px; height: 10px; border-radius: 100%; opacity:.3; padding-bottom: 10px; margin-bottom: 40px; margin-right: 5px; border: 0; margin-left: 5px; } .carousel .carousel-indicators button.active { opacity:1; } button.carousel-control-prev, button.carousel-control-next { background: transparent; border: none; } .logo-row{ display: flex; flex-flow: row wrap; justify-content: center;} @media only screen and (max-width: 600px) { #carouselExampleFade .subtitle { font-size: 1.2rem; line-height: 1.2em;} #carouselExampleFade .title { font-size: 2rem;} } </style> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"> $('.carousel').carousel() </script></div> <div class="field field--name-field-page-content field--type-entity-reference-revisions field--label-above"> <div class="field__label">Page Content</div> <div class='field__items'> <div class="field__item">  <style> #paragraph-4 .TextSectionLeftRightPositionwithImage{ background-color: ; background-image: url(); background-size: cover; background-position: ; display: inline-block; height: auto; background-repeat: no-repeat; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } #paragraph-4 .layout-Right .container { flex-direction: row-reverse; } #paragraph-4 .container { display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; width: 100%; max-width: 1170px; } #paragraph-4 .header-title { font-size: 36px; padding-bottom: 10px; } #paragraph-4 .description-text { padding-bottom: 20px; } #paragraph-4 .ImageSectionFlexible.col-md-6 { text-align: center; width: 50%; display: inline-block; } #paragraph-4 .TextContainerLeftRight.col-md-6 { width: 43%; } #paragraph-4 .side-image { position: relative; } #paragraph-4 .side-image a img { } #paragraph-4 .side-image img { width: 100%; height: auto; } #paragraph-4 a.vimeo { position: absolute; display: block; background: url(/images/play-icon.png) no-repeat center; background-size:contain; height: 50%; width: 50%; top: 25%; left: 25%; border: none; } .side-image a { border-bottom: none; } #paragraph-4 .play-part:before { content: ""; background: url(/themes/dubbing/images/play-button.png) no-repeat; width: 55px; height: 55px; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; transform: translate(-25%, 270%); cursor: pointer; } /* ---------- Responsive CSS --------- */ @media only screen and (min-width: 250px) and (max-width: 767px) { #paragraph-4 .TextSectionLeftRightPositionwithImage { margin-left: calc(-50vw + 50% - 0px); } .container#paragraph-4.textimgsidebyside.col-md-12 { background-image: none; width: 100% !important; margin-left: 0px; } #paragraph-4 .container { display: flex; flex-direction: column-reverse !important; } #paragraph-4 .ImageSectionFlexible.col-md-6 { margin: 25px 0px; } #paragraph-4 .TextSectionLeftRightPositionwithImage .col-md-6 { width: 100% !important; } #paragraph-4 .side-image a img { height: auto; width: 100%; } #paragraph-4 .TextContainerLeftRight.col-md-6 { margin-top: 25px; padding: 0px !important; } #paragraph-4 .play-part:before { transform: translate(-10%, -10%); } } @media only screen and (min-width: 768px) and (max-width: 1400px) { #paragraph-4 .container-width { padding: 0 15px; max-width: 92%; } #paragraph-4 .TextSectionLeftRightPositionwithImage{ margin-left: calc(-50vw + 50% - 0px); } #paragraph-4 .TextSectionLeftRightPositionwithImage .col-md-6 { width: 100% !important; } #paragraph-4 .side-image img { width: 100% !important; height: auto !important; } #paragraph-4 .TextContainerLeftRight.col-md-6 { padding: 0px !important; margin-top: 25px; } #paragraph-4 .ImageSectionFlexible.col-md-6{ margin: 0px; padding: 0px 20px 0px 0px; } #paragraph-4 .play-part:before { transform: translate(-25%, 155%); } } @media only screen and (min-width: 300px) and (max-width: 992px) { #paragraph-4 .container { max-width:720px; } } @media only screen and (min-width: 300px) and (max-width: 576px) { #paragraph-4 .container { padding: 0 25px; max-width:100%; } } </style> <style> /* shoud stay in the paragraph, image comes from DB. */ .videoContainerHolder { position: relative; background: center center url('https://www.youtube.com/embed/F7sYSAFlbqs?autoplay=1') no-repeat; background-size: 110% 100%; width: 100%; height: 28vw; border-radius: 10px; cursor: pointer; } .videoShowContainer { position: fixed; width: 100%; height: 100%; display: none; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 3000; } .videoContainerActialLink { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; } .side-image img { cursor: pointer; } </style>  <div class="container videoContainerFullBlock">  <div class="videoShowContainer"> <button class="videoShowContainerClose">X</button> <div class="videoContainerActialLink"> <iframe width="900" height="600" class="videoStop" value="playing" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </div> </div>   <div id="paragraph-4"> <div id="" class="textimgsidebyside col-md-12"> <div class="TextSectionLeftRightPositionwithImage layout-Right pt-5 pb-3"> <div class="outer-wrap dubbing-text-video"> <div class="content-wrap"> <div class="container"> <div class="ImageSectionFlexible col-md-6"> <div class="side-image"> <div class="sideVideoBlock" data-videoData="https://www.youtube.com/embed/F7sYSAFlbqs?autoplay=1"> <div class="play-part"> <div class="field field--name-field-sideimage field--type-image field--label-above"> <div class="field__label">Image</div> <div class="field__item"> <img loading="lazy" src="/sites/default/files/2023-04/dubbing-screen.JPG" width="1279" height="721" alt="" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> <div class="TextContainerLeftRight col-md-6"> <div class="Textinnercontainer"> <div class="header-title"></div> <div class="description-text"><div class="pr-3"> <h3 class="blue">What Is the Dubbing Academy?</h3> <p>The Dubbing Academy is an innovative online experience that offers voiceover and dubbing courses in English, French and Spanish for aspiring voice talents across the globe.聽</p> <p>TransPerfect provides students with access to a variety of innovative cloud solutions and recording studios, offering both freedom and flexibility to work from home or from a physical studio.</p> <p><a class="button button-yellow" href="/about">More</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> <div class="field__item">  <style> #paragraph-148 .TextSectionLeftRightPosition{ background-color: ; background-image: url(); background-size: cover; display: inline-block; height: auto; background-repeat: no-repeat; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } #paragraph-148 .two_column_wrap { display: flex; justify-content: space-around; align-items: center; } #paragraph-148 .TextContainerLeft { width: 50%; } #paragraph-148 .TextContainerRight { width: 50%; } /* ---------- Responsive CSS --------- */ @media only screen and (min-width: 250px) and (max-width: 767px) { #paragraph-148 .TextSectionLeftRightPosition { margin-left: calc(-50vw + 50% - 0px); } #paragraph-148 .two_column_wrap { display: flex; flex-direction: column; align-content: space-around; } #paragraph-148 .TextContainerLeft, #paragraph-148 .TextContainerRight { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1400px) { #paragraph-148 .container-width { padding: 0 15px; max-width: 92%; } } @media only screen and (min-width: 300px) and (max-width: 992px) { #paragraph-148 .container-width { max-width:720px; } } @media only screen and (min-width: 300px) and (max-width: 768px) { #paragraph-148 .container-width { max-width:540px; } } @media only screen and (min-width: 300px) and (max-width: 576px) { #paragraph-148 .container-width { padding: 0 25px; max-width:100%; } } </style> <div id="paragraph-148"> <div id="" class="textsidebyside col-md-12"> <div class="TextSectionLeftRightPosition pb-5"> <div class="outer-wrap "> <div class="content-wrap"> <div class="container"> <div class="two_column_wrap"> <div class="TextContainerLeft"> <div class="Textinnercontainer"> <div class="description-text-left"><div class="pr-3"> <h3 class="blue">Become a Voiceover Talent</h3> <p>Dive into the world of voice acting and learn how to master the art of voiceover recording using our innovative self-recording technology, StudioNEXT.</p> </div> </div> </div> </div> <div class="TextContainerRight"> <div class="Textinnercontainer"> <div class="description-text-right"><div class="pr-3"> <h3 class="blue">Learn the Art of Dubbing</h3> <p>Learn all the necessary dubbing techniques to聽 recreate iconic characters in the industry, and go even further by creating your very own unique branded character.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> <div class="field__item"> <style> #paragraph-150 { background-image: url(/sites/default/files/2023-04/home-mid.jpg); background-size:cover; display: inline-block; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } /* Responsive CSS --- */ @media only screen and (min-width: 250px) and (max-width: 767px) { background-image: url(/sites/default/files/2023-04/home-mid.jpg); background-size:cover; } </style>  <div id="paragraph-150"> <div id="" class="content_opentext 250px "> <div class="outer-wrap "> <div class="container"> <div class="inner-opne-html"> <div class="image-wall"></div> </div> </div> </div> </div> </div> </div> <div class="field__item">  <style> #paragraph-156 .TextSectionLeftRightPosition{ background-color: ; background-image: url(); background-size: cover; display: inline-block; height: auto; background-repeat: no-repeat; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } #paragraph-156 .two_column_wrap { display: flex; justify-content: space-around; align-items: center; } #paragraph-156 .TextContainerLeft { width: 65%; } #paragraph-156 .TextContainerRight { width: 35%; } /* ---------- Responsive CSS --------- */ @media only screen and (min-width: 250px) and (max-width: 767px) { #paragraph-156 .TextSectionLeftRightPosition { margin-left: calc(-50vw + 50% - 0px); } #paragraph-156 .two_column_wrap { display: flex; flex-direction: column; align-content: space-around; } #paragraph-156 .TextContainerLeft, #paragraph-156 .TextContainerRight { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1400px) { #paragraph-156 .container-width { padding: 0 15px; max-width: 92%; } } @media only screen and (min-width: 300px) and (max-width: 992px) { #paragraph-156 .container-width { max-width:720px; } } @media only screen and (min-width: 300px) and (max-width: 768px) { #paragraph-156 .container-width { max-width:540px; } } @media only screen and (min-width: 300px) and (max-width: 576px) { #paragraph-156 .container-width { padding: 0 25px; max-width:100%; } } </style> <div id="paragraph-156"> <div id="" class="textsidebyside col-md-12"> <div class="TextSectionLeftRightPosition p-5"> <div class="outer-wrap "> <div class="content-wrap"> <div class="container"> <div class="heading"><h3 class="blue">Gain access to our Recording Management System</h3> </div> <div class="two_column_wrap"> <div class="TextContainerLeft"> <div class="Textinnercontainer"> <div class="description-text-left"><p>By taking the course you will have access to StudioNEXT where the assignments will be completed.</p> <p>Later on, this will enable you to record your voiceover and dubbing projects from wherever you are.</p> <p><a class="button button-yellow" href="/studionext">Learn more about<br /> StudioNEXT</a></p> </div> </div> </div> <div class="TextContainerRight"> <div class="Textinnercontainer"> <div class="description-text-right"><img alt="StudioNEXT" data-entity-type="file" data-entity-uuid="efc85394-43f3-42d6-aa0d-e82fdad73f76" src="/sites/default/files/inline-images/StudioNext%20White.png" style="max-width:100%; height:auto;" class="align-center" width="1500" height="258" loading="lazy" /><p>聽</p> <p>聽</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> <div class="field__item"> <style> #paragraph-154 { background-color: #529FD5; display: inline-block; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } /* Responsive CSS --- */ @media only screen and (min-width: 250px) and (max-width: 767px) { } </style>  <div id="paragraph-154"> <div id="" class="content_opentext p-5 mt-2"> <div class="outer-wrap "> <div class="container"> <div class="inner-opne-html"> <h3 class="text-align-center black">Already a Voice Talent?</h3> <p class="text-align-center black">Become part of the talent pool today.</p> <p class="text-align-center"><a class="button bg-black white" href="https://gateway.transperfect.com/home" rel="noopener" target="_blank">Join Our Network</a></p> </div> </div> </div> </div> </div> </div> <div class="field__item">  <style> #paragraph-20 { background-color: #888; background-image: url(/sites/default/files/2023-04/home-bottom.jpg); background-size:cover; display: inline-block; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } /* #paragraph-20 .TextSectionCenterPosition { background-color: #888; background-image: url(); background-size: cover; background-repeat: no-repeat; height: auto; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } */ #paragraph-20 .headerabovebox { font-size: 26px; padding-bottom: 25px; } #paragraph-20 .inner-container { padding: 30px 0px 80px 0px; } #paragraph-20 .inner-infobox { float: left; margin: 5%; } #paragraph-20 .title h3{ font-weight: 700; font-size: 1.5rem; display: block; width: 185px; padding: 5px 10px; } #paragraph-20 .description { text-align: left; font-size: 14px; } #paragraph-20 .inner-infobox a { border: none; } #paragraph-20 .icon-container { display: inline-block; } #paragraph-20 .inner-infobox a img:hover { transition: .2s; transform: translateY(-4px); } /*-- Column Layout CSS --*/ #paragraph-20 .inner-infobox { max-width: 325; margin: 10px; width: 100%; } #paragraph-20 .field--name-field-three-fields-info-box .field__items{ justify-content: space-evenly; } #paragraph-20 .inner-infobox { max-width: 100% !important; width: 100% !important; position: relative; } #paragraph-20 .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items{ display: grid; grid-template-columns: auto auto auto; grid-auto-rows: 1fr; clear: both; } #paragraph-20 .columns-3 .field__item { display: flex; max-width: 350px; min-height: 260px; } #paragraph-20 .infobox-section.columns- .field--name-field-three-fields-info-box .field__items{ display: grid; grid-template-columns: auto auto auto; grid-auto-rows: 1fr; clear: both; } #paragraph-20 .columns- .field__item { display: flex; max-width: 300px; } #paragraph-20 .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items{ display: grid; grid-template-columns: auto auto auto auto; grid-auto-rows: 1fr; clear: both; } #paragraph-20 .columns-4 .field__item { max-width: 300px; min-height: 260px; display: flex; } #paragraph-20 .columns-5 .field--name-field-three-fields-info-box .field__items{ display: grid; grid-template-columns: auto auto auto auto auto; grid-auto-rows: 1fr; clear: both; } #paragraph-20 .columns-5 .field__item{ display: flex; min-height: 260px; margin-bottom: 20px; } #paragraph-20 .columns-5 .inner-infobox{ width: 100%; } #paragraph-20 img.box-icon { height: 75px; width: auto; margin-bottom: 10px; display: block; } /* ---------- Responsive CSS --------- */ @media only screen and (min-width: 250px) and (max-width: 767px) { #paragraph-20 .TextSectionCenterPosition { margin-left: calc(-50vw + 50% - 0px); } #paragraph-20 .headerabovebox { padding: 15px 0px 0px; } #paragraph-20 .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items{ grid-template-columns: none; } #paragraph-20 .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items{ grid-template-columns: none; } #paragraph-20 .infobox-section.columns-5 .field--name-field-three-fields-info-box .field__items{ grid-template-columns: none; } #paragraph-20 .columns-3 .field__item, #paragraph-20 .columns-4 .field__item, #paragraph-20 .columns-5 .field__item{ max-width: none !important; } #paragraph-10 .infobox-section.columns- .field--name-field-three-fields-info-box .field__items { display: block !important; } } @media only screen and (min-width: 768px) and (max-width: 1400px) { #paragraph-20 .TextSectionCenterPosition { margin-left: calc(-50vw + 50% - 0px); } #paragraph-20 .headerabovebox { padding: 0px; } #paragraph-20 .infobox-section.columns-3 .field--name-field-three-fields-info-box .field__items, #paragraph-20 .infobox-section.columns-4 .field--name-field-three-fields-info-box .field__items, #paragraph-20 .infobox-section.columns-5 .field--name-field-three-fields-info-box .field__items{ display: grid; justify-content: center; grid-template-columns: auto auto; } #paragraph-20 .field--name-field-three-fields-info-box .field__items{ grid-gap: 20px !important; } } @media only screen and (min-width:250px) and (max-width: 1400px) { #paragraph-20 .field--name-field-three-fields-info-box .field__items{ max-width: 100% !important; width: 100% !important; margin: auto; } } </style>  <div id="paragraph-20"> <div id="" class="threefieldinfobox why-us"> <div class="container"> <div class="TextSectionCenterPosition Full_width"> <div class="container"> <div class="inner-container"> <div class="headerabovebox"><h2>Why Us?</h2></div> <div class="infobox-section columns-3"> <div class="field field--name-field-three-fields-info-box field--type-entity-reference-revisions field--label-above"> <div class="field__label">Three Fields Info Box</div> <div class='field__items'> <div class="field__item">  <div class="inner-infobox"> <div class="icon-container"> <div class="img-box"> <img src="/sites/default/files/2022-12/study-remotely.png" class="box-icon" height="50px" width="50px"/> </div> <span class="title">Study Remotely</span> </div> <div class="description"><p>Our innovative cloud-based technology, StudioNEXT, allows students to study and record their voice in high quality from wherever they may find themselves, giving them great freedom and flexibility while they study with us. 聽</p> </div> </div>  </div> <div class="field__item">  <div class="inner-infobox"> <div class="icon-container"> <div class="img-box"> <img src="/sites/default/files/2022-12/global-presence.png" class="box-icon" height="50px" width="50px"/> </div> <span class="title">Global Presence</span> </div> <div class="description"><p>With TransPerfect Media's huge global presence, you can collaborate with people and clients from all across the world. Find out here about our array of studios, including 114 recording rooms and 47 mixing + theatrical stages.</p> </div> </div>  </div> <div class="field__item">  <div class="inner-infobox"> <div class="icon-container"> <div class="img-box"> <img src="/sites/default/files/2022-12/alumni-network.png" class="box-icon" height="50px" width="50px"/> </div> <span class="title">Alumni Network</span> </div> <div class="description"><p>As a Dubbing Academy student, you will have access to our Facebook Group for Dubbing Academy alumni. Here, you can get to know other students, share your experiences and build up a great network of contacts for future endeavours. You will also have access to exclusive content.</p> </div> </div>  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  </div> <div class="field__item">  <style> #paragraph-27 .WebformCenterPosition { background-color: ; background: url() no-repeat center center/cover; display: inline-block; width: 100vw; margin-left: calc(-50vw + 50% - 10px); clear: both; } #paragraph-27 .WebformCenterPosition .col-md-12 { display: flex; } #paragraph-27 .wform_header { width: 50%; padding-right: 25%; } #paragraph-27 .wform_body { width: 50%; } #paragraph-27 .WebformCenterPosition .form-control { border: none; background: #DAFB50 !important; border-bottom: 1px solid; border-radius: 0px; padding: 0px; color: #000000; margin-top: 10px; } #paragraph-27 .WebformCenterPosition #edit-actions-submit { color: #FFFFFF !important; background: #000000; border: none; padding: 10px 50px; margin-top: 35px; } /* ---------- Responsive CSS --------- */ @media only screen and (min-width: 250px) and (max-width: 767px) { #paragraph-27 .WebformCenterPosition .col-md-12 { flex-direction: column; } #paragraph-27 .wform_header, #paragraph-27 .wform_body { width: 100% !important; padding-right: 0% !important; } } @media only screen and (min-width: 768px) and (max-width: 1400px) { } </style>  <div id="paragraph-27"> <div id="" class="centertextsection"> <div class="WebformCenterPosition p-5 "> <div class="outer-wrap "> <div class="container"> <div class="col-md-12"> <div class="wform_header"><h3>Contact Us</h3> <p>Let us know how we can help you. Complete the form and our Dubbing Academy administration team will get back to you.</p> </div> <div class="wform_body"><form class="webform-submission-form webform-submission-add-form webform-submission-contact-us-form webform-submission-contact-us-add-form webform-submission-contact-us-paragraph-27-form webform-submission-contact-us-paragraph-27-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-contact-us-paragraph-27-add-form" action="/" method="post" id="webform-submission-contact-us-paragraph-27-add-form" accept-charset="UTF-8"> <div data-drupal-selector="edit-container" id="edit-container" class="js-form-wrapper form-group"><div data-drupal-selector="edit-container-01" id="edit-container-01" class="js-form-wrapper form-group"> <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-first-name form-item-first-name form-no-label form-group"> <input data-drupal-selector="edit-first-name" type="text" id="edit-first-name" name="first_name" value="" size="60" maxlength="255" placeholder="First Name *" class="required form-control" required="required" aria-required="true" /> </fieldset> <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-last-name form-item-last-name form-no-label form-group"> <input data-drupal-selector="edit-last-name" type="text" id="edit-last-name" name="last_name" value="" size="60" maxlength="255" placeholder="Last Name *" class="required form-control" required="required" aria-required="true" /> </fieldset> <fieldset class="js-form-item js-form-type-email form-type-email js-form-item-email form-item-email form-no-label form-group"> <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Email *" class="form-email required form-control" required="required" aria-required="true" /> </fieldset> <fieldset class="js-form-item js-form-type-select form-type-select js-form-item-region form-item-region form-no-label form-group"> <select style="margin-top: 10px; background: transparent; border: 1px solid black; font-weight: 300;" data-drupal-selector="edit-region" id="edit-region" name="region" class="form-select required custom-select" required="required" aria-required="true"><option value="" selected="selected">-- Region --</option><option value="americas">Americas</option><option value="europe">Europe</option><option value="africa">Africa</option><option value="asia">Asia</option></select> </fieldset> <fieldset class="js-form-item js-form-type-textfield form-type-textfield js-form-item-how-can-we-help- form-item-how-can-we-help- form-no-label form-group"> <input data-drupal-selector="edit-how-can-we-help-" type="text" id="edit-how-can-we-help-" name="how_can_we_help_" value="" size="60" maxlength="255" placeholder="How can we help? *" class="required form-control" required="required" aria-required="true" /> </fieldset> <div data-drupal-selector="edit-captcha" class="captcha"><input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="6059" class="form-control" /> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="pVITkWv85fVFRAIrn6Wooy4tUtgJXWiAx5xjR-TACtQ" class="form-control" /> <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="Google no captcha" class="form-control" /> <div class="g-recaptcha" data-sitekey="6Lcs3zkUAAAAACK4PySOVF3b9R_QKUekxNIobssW" data-theme="dark" data-type="image"></div><input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" class="form-control" /> </div> <div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-group" id="edit-actions"><button class="webform-button--submit button button--primary js-form-submit form-submit btn btn-primary" data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Submit">Submit</button> </div> </div> </div> <input autocomplete="off" data-drupal-selector="form-ks9cfsslmx1prticchiu2mfzrizo0lc3i39slw7-vd0" type="hidden" name="form_build_id" value="form-ks9cFsSLMX1PRtiCcHiU2MFzriZo0LC3i39SlW7_VD0" class="form-control" /> <input data-drupal-selector="edit-webform-submission-contact-us-paragraph-27-add-form" type="hidden" name="form_id" value="webform_submission_contact_us_paragraph_27_add_form" class="form-control" /> </form> </div> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </article> </div> </div> </section> </main> </div> </div> </div> <footer class="site-footer"> <div class="container"> <div class="site-footer__bottom"> <section class="row region region-footer-fifth"> <div id="block-footermain" class="block block-block-content block-block-contentdb40d4cc-0c69-4da1-8ccb-28fc8fe15eb6"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="footer-main"> <div class="footer-main-wrap col-md-12"> <div class="footer-logo col-md-4"><img alt="Dubbing Academy Logo" data-entity-type="file" data-entity-uuid="99dcc98f-22eb-4958-99c2-af73bf943208" src="/sites/default/files/inline-images/DA_TP_color_white_1.png" style="height:auto !important;" width="1381" height="162" loading="lazy" /></div> <div class="footer-links col-md-4"> <div class="social-link-wrap"><a class="insta-icon ft_icon" href="https://www.instagram.com/dubbing.academy/">in</a> <a class="fb-icon ft_icon" href="https://www.facebook.com/DubbingAcademybyTransPerfect/">fb</a> <a class="tiktok-icon ft_icon" href="https://www.tiktok.com/@dubbing.academy ">tiktok</a> <a class="li-icon ft_icon" href="https://www.linkedin.com/showcase/transperfectmedia">li</a> <a class="yt-icon ft_icon" href="https://www.youtube.com/@DubbingAcademybyTransPerfect">yt</a></div> </div> <div class="footer-last col-md-4"><a class="button button-yellow" href="/enroll-today">Enroll Today</a></div> </div> </div> </div> </div> </div> <div id="block-tempcss" class="block block-block-content block-block-contentbd567006-1ffa-4c15-bc25-2d6a62e72f80"> <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p> <style type="text/css"> <![CDATA[/* ><!]]>*/ </style></p> </div> </div> </div> </section> </div> </div> </footer> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/1","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"bootstrap_barrio\/global-styling,bootstrap_barrio\/links,bootstrap_barrio\/messages_white,bootstrap_barrio\/node,captcha\/base,colorbox\/default,colorbox_load\/colorbox_load,dubbing\/bootstrap_cdn,dubbing\/global-styling,google_analytics\/google_analytics,ng_lightbox\/ng_lightbox,paragraphs\/drupal.paragraphs.unpublished,system\/base,webform\/webform.element.details.save,webform\/webform.element.details.toggle,webform\/webform.element.message,webform\/webform.element.select,webform\/webform.form","theme":"dubbing","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"colorbox":{"opacity":"0.85","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","maxWidth":"98%","maxHeight":"98%","fixed":true,"mobiledetect":true,"mobiledevicewidth":"480px"},"google_analytics":{"account":"G-LBH2SY6Y7V","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip","trackColorbox":true},"user":{"uid":0,"permissionsHash":"f60e7979200de60f79dbf949c7608736e5644ecfbe707f4fce276279c15f8a75"}}</script> <script src="/sites/default/files/js/js_8MBggrhYDGvZuyMi65J9veVNKpDWPBUAHGxxnYG59oU.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="//stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> <script src="/sites/default/files/js/js_hHPEC5MMu3Kodc07AUNv-ywp7JDutRDzXuURsuNOd0Q.js"></script> </body> </html>

CINXE.COM

Dubbing Academy by TransPerfect