PageSourceSearch

https://maxberlinmusic.com/

html maxberlinmusic.com collected 2026-09-28 08:50:11 UTC 18,572 bytes, 318 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="no-js">
3  <head>
4    <meta charset="UTF-8" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
6    <title>Max Berlin • Piano • Composition • Orchestration • Arts Development</title>
7    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
8    <meta name="description" content="Max Berlin • Composer • Orchestrator • Producer" />
9    <meta name="keywords" content="Max Berlin, Max Berlin Music, Berlin With Strings, Clean Slate, East New York, NBC, You Live In My Spine, YLIMS, They Cloned Tyrone, Something From Tiffanys, piano, composer, songwriter, film scoring, producer, arranger, max berlin music, orchestrator" />
10    <meta name="author" content="Max Berlin" />
11    <link rel="shortcut icon" href="favicon.ico">
12	<link rel="preconnect" href="https://fonts.googleapis.com">
13	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14	<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500&display=swap" rel="stylesheet">
15	<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;800&display=swap" rel="stylesheet">
16    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
17    <link rel="stylesheet" href="css/animate.css" type="text/css">
18    <link rel="stylesheet" href="css/animations.css" type="text/css">
19    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css">
20    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
21    <link rel="stylesheet" href="css/main.css" type="text/css">
22    
22<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
22<script src="sss/sss.min.js"></script>
22<link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
22<script>jQuery(function($) {$('.slider').sss();});</script>
22
23
24    
24<script src="js/modernizr.custom.js"></script>
24
25	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 25-26
25
26    <script async src="https://www.googletagmanager.com/gtag/js?id=
26G-LCRVS9VRKH
vendor: 17 bytes, lines 26-27
26"></script>
27    
27<script>
28  
vendor: 138 bytes, lines 28-32
28window.dataLayer = window.dataLayer || [];
29  function gtag(){dataLayer.push(arguments);}
30  gtag('js', new Date());
31
32  gtag('config', '
32G-LCRVS9VRKH
vendor: 8 bytes, lines 32-33
32');
33   
33</script>
33
34  </head>
35
36  <body>
37    <!-- Loading animation -->
38    <div class="preloader">
39      <div class="preloader-animation">
40        <div class="preloader-spinner">
41        </div>
42      </div>
43    </div>
44    <!-- /Loading animation -->
45
46    <div id="page" class="page one-page-style">
47      <!-- Header -->
48      <header id="site_header" class="header mobile-menu-hide">
49        <div class="header-content clearfix">
50
51          <div class="site-title-block">
52            <div class="site-title">Max Berlin</div>
53          </div>
54
55          <!-- Navigation -->
56          <div class="site-nav">
57            <!-- Main menu -->
58            <ul id="nav" class="site-main-menu">
59              <li>
60                <a class="pt-trigger" href="#about-me">About</a><!-- href value = data-id without # of .pt-page. -->
61              </li>
62              <li>
63                <a class="pt-trigger" href="#portfolio">Listen</a>
64              </li>
65             <!-- <li>
66                <a class="pt-trigger" href="#blog">Blog</a>
67              </li> -->
68              <li>
69                <a class="pt-trigger" href="#contact">Contact</a>
70              </li>
71            </ul>
72            <!-- /Main menu -->
73          </div>
74          <!-- Navigation -->
75
76          <!-- Social Links -->
77          <div class="social-links">
78            <a href="https://www.instagram.com/themaxberlin/" target="_blank"><i class="fab fa-instagram"></i></a>
79            <a href="https://play.reelcrafter.com/n-fncv7BR_qFfPLiQsRhKQ" target="_blank"><i class="fas fa-volume-up"></i></a>
80		    <a href="https://www.youtube.com/channel/UCJSloAPre8xTAfjBACXb3QQ" target="_blank"><i class="fab fa-youtube"></i></a>
81			<a href="https://www.imdb.com/name/nm11362311/?ref_=nv_sr_srsg_1" target="_blank"><i class="fab fa-imdb"></i></a>
82          </div>
83          <!-- / Social Links -->
84
85          <!-- Copyrights -->
86          <div class="copyrights">© 2026 All rights reserved.</div>
87          <!-- / Copyrights -->
88        </div>
89      </header>
90      <!-- /Header -->
91
92      <!-- Mobile Header -->
93      <div class="mobile-header mobile-visible">
94        <div class="mobile-logo-container">
95          <div class="mobile-header-image">
96          </div>
97          <div class="mobile-site-title"><a href="#">Max Berlin</a></div>
98        </div>
99
100        <a class="menu-toggle mobile-visible">
101          <i class="fa fa-bars"></i>
102        </a>
103      </div>
104      <!-- /Mobile Header -->
105
106      <!-- Arrows Nav -->
107     <!-- <div class="lmpixels-scroll-to-top"><i class="lnr lnr-chevron-up"></i></div>-->
108      <!-- /Arrows Nav -->
109
110      <!-- Main Content -->
111      <div id="main" class="site-main">
112        <!-- Page changer wrapper -->
113        <div class="pt-wrapper">
114          <!-- Subpages -->
115          <div class="subpages">
116
117            <!-- Home Subpage -->
118            <section class="pt-page" id="about-me">
119              <div class="section-inner start-page-full-width">
120                <div class="start-page-full-width">
121                  <div class="row">
122                    <div class="col-sm-12 col-md-6 col-lg-6">
123                        <div class="inner-content">
124                          <div class="fill-block"></div>
125                        </div>
126                    </div>
127                    <div class="col-sm-12 col-md-6 col-lg-6">
128                      <div class="inner-content">
129                        <div class="hp-text-block">
130                          <!--Subtitle -->
131                          <div class="owl-carousel text-rotation">                                    
132                            <div class="item">
133                              Piano • Composition • Orchestration • Arts Development
134                            </div>
135                          </div>
136                          <!-- /Text rotation / Subtitle -->
137
138                          <h1 class="hp-main-title">Max Berlin</h1>
139								<p>Whether performing, creating, or collaborating, Max Berlin believes that great stories deserve great music. Based in Los Angeles, Max works actively in the film music industry—having serviced the music of John Williams, Ludwig Göransson, and countless others for the recording stage. He recently made his network television debut as the composer for the comedy satire <a href="https://www.imdb.com/title/tt36985933/?ref_=nv_sr_srsg_0_tt_2_nm_0_in_0_q_the%20warehouse%20phase" class="a main_text">The Warehouse Phase</a> (2025), now streaming on NBC/Peacock. As a busy composer and arranger of media music, Max has joined composer Adam Schwartz in crafting the original score for the upcoming thriller <a href="https://www.imdb.com/title/tt33350578/?ref_=ttfc_fc_tt" class="a main_text">The Up and Comer</a>, and collaborated with Pierre Charles in creating music for Amazon Studios comedy 
139series <a href="https://www.imdb.com/title/tt10167012/?ref_=fn_al_tt_2" class="a main_text">Clean Slate</a> (2025), CBS crime drama <a href="https://www.imdb.com/title/tt18115928/?ref_=nv_sr_srsg_0_tt_8_nm_0_q_east%20new%20york" class="a main_text">East New York</a> (2023), and the upcoming indie romantic comedy <a href="https://www.imdb.com/title/tt35048085/" class="a main_text">That's Her</a>. Max also orchestrated the Netflix film <a href="https://www.imdb.com/title/tt9873892/?ref_=nv_sr_srsg_4_tt_5_nm_3_q_they%20" class="a main_text">They Cloned Tyrone</a> (2023) and the Amazon Prime holiday romance <a href="https://www.imdb.com/title/tt16233952/" class="a main_text">Something From Tiffany's</a> (2022).</p><p>Max has passion and experience in multiple musical styles, including jazz, R&amp;B, contemporary orchestra, and indie pop—the latter showcased in his singer-songwriter project <a href="https://maxberlinmusic.com/#blog" class="a main_text pt-trigger">Berlin w/ Strings</a>. His orchestral work has reached millions through Pixel Playhouse: a YouTube and social media channel dedicated to original narrative music in a classical cinematic style. Max has also been honored to work with choreographer and activist Leah Zeiger on scoring several of her long-form dance pieces, including HYSTERIA (2024), <a href="https://maxberlinmusic.com/#blog" class="a main_text pt-trigger">You Live In My Spine</a>, and the dance film <a href="https://maxberlinmusic.com/#portfolio" class="a main_text">Bittersweet</a> (2022) as commissioned by the National Hotline for Domestic Violence.</p><p>While studying at the Eastman School of Music, Max served as artistic and music director to the Empire Film and Media Ensemble (EFAME)—a nonprofit organization dedicated to the live performance of film music and innovative multimedia. His deep commitment to nonprofit arts continues today—he is the Chief Development Officer for the <a href="https://www.umamusic.org/about" class="a main_text pt-trigger">Unprecedented Music Association</a> and partners with local organizations as a grant writer, development consultant, and advocate for accessible cultural experiences in Los Angeles.</p>
140                      </div>
141                    </div>
142                  </div>
143                </div>
144              </div>
145
146              <div class="section-inner custom-page-content"  style="background-color: #0a0a07">
147                <div class="page-content">
148                  <!-- Clients Block -->
149                  <div class="row">
150                    <div class="col-xs-12 col-sm-12">
151					  <div class="col-inner" style="text-align: center;">
152				  <a href="https://www.instagram.com/themaxberlin/" target="_blank" class="fab fa-instagram fa-social" title="Instagram">      
153				 </a><br class="responsive" />
154				 
155				  <a href="https://play.reelcrafter.com/n-fncv7BR_qFfPLiQsRhKQ" target="_blank" class="fas fa-social fa-volume-up" title="ReelCrafter">      
156				 </a><br class="responsive" />
157				
158				  <a href="https://www.youtube.com/channel/UCJSloAPre8xTAfjBACXb3QQ" target="_blank" class="fab fa-social fa-youtube" title="Youtube">      
159				 </a><br class="responsive" />
160				 
161				  <a href="https://www.imdb.com/name/nm11362311/?ref_=nv_sr_srsg_1" target="_blank" class="fab fa-social fa-imdb" title="IMDB">      
162				 </a><br class="responsive" />
163				 
164				  <a href="#contact" class="lnr fa-social lnr-envelope pt-trigger" title="Email">      
165				 </a>
166                      </div>
167                    </div>
168                  </div>
169                  <!-- /Clients Block -->
170                </div>
171              </div>
172            </section>
173            <!-- End of Home Subpage -->
174
175            <!-- Portfolio Subpage -->
176            <section class="pt-page" id="portfolio">
177              <div class="section-inner custom-page-content" style="background-color: #0a0a07">
178                <div class="section-title-block second-style">
179                  <h2 class="section-title">Listen</h2>
180                </div>
181          
182                <div class="section-content">
183				<!-- ReelCrafter reel: Max Berlin Music -->
184				<iframe
185				 width="100%"
186				 height="1200"
187				 scrolling="no"
188				 frameborder="no"
189				 src="https://play.reelcrafter.com/embed/6e747448-0815-4576-b468-61a416650f56">
190				</iframe>
191
192              </div>
193            </section>
194            <!-- /Portfolio Subpage -->
195
196            <!-- Berlin w Strings Subpage -->
197            <section class="pt-page" id="blog">
198              <div class="section-inner custom-page-content" style="background-color: #0a0a07">
199                <div class="section-title-block second-style">
200                  <h2 class="section-title">Projects</h2>
201                  <h4 class="section-description"></h4>
202                </div>
203
204                <div class="section-content">
205                  <div class="row">
206                    <div class="column">
207					<div style="text-align: center"><img src="media/strings1.jpg" style="width:100%;" /></div><br />
208					<p> Berlin w/ Strings is my singer-songwriter project and homage to the studio strings outside of symphony hall. Berlin w/ Strings blends film music, music theatre, studio orchestra, and indie pop in a unique and unpredictable combination.<br /><br /></p>
209					<div style="text-align: center;"><a href="https://distrokid.com/hyperfollow/berlinwstrings/berlin-w-strings" class="a media_button">Listen</a><br class="responsive" />&emsp;&emsp;&emsp;&emsp;<br class="responsive" /><a href="https://hyperfollow.com/bwspress" class="a media_button">Press</a></div>
210					</div>
211					<div class="column">
212					<div style="text-align: center"><img src="media/ylims1.jpg" style="width:100%;" /></div><br />
213					<p> I was honored to work with choreographer and activist Leah Zeiger on scoring her longform dance piece, You Live In My Spine (2023). This is my longest and most ambitious concert work to date and I'm exceptionally grateful to have worked with such a talented group of dancers and musicians.</p><br />
214					<div style="text-align: center;"><a href="https://distrokid.com/hyperfollow/maxberlin/max-berlin-music-for-modern-dance" class="a media_button">Listen</a><br class="responsive" />&emsp;&emsp;&emsp;&emsp;<br class="responsive" /><a href="https://www.leahzchoreography.com/ylims" class="a media_button">Press</a></div>
215					</div>
216                  </div>
217                </div>
218              </div>
219            </section>
220            <!-- /Blog Subpage -->
221
222            <!-- Contact Subpage -->
223            <section class="pt-page" id="contact">
224              <div class="section-inner custom-page-content" style="background-color: #291718">
225                <div class="section-title-block second-style">
226                  <h2 class="section-title">Contact</h2>
227                </div>
228
229                <div class="section-content two-columns clearfix">
230
231
232                  <!-- Contact form -->
233				  <div class="row">
234				  <div class="column">
235				  <div class="container">
236				  <img src="media/contact.jpg" style="width: 95%; box-shadow: 0 6px 20px 0 rgba(0,0,0, 0.3), 0 6px 20px 0 rgba(0,0,0, 0.3);" />
237				  </div>
238				  </div>
239				  <div class="column">
240                  <div class="row">                  
241
242                    <div class="col-xs-12 col-sm-8 offset-sm-1 offset-sm-2">
243                      <div class="col-inner ts-20">
244 
245
246                        <form id="contact_form" class="contact-form" action="contact_form/contact_form.php" method="post">
247
248                          <div class="messages"></div>
249
250                          <div class="controls two-columns">
251                            <div class="fields clearfix">
252                              <div class="left-column">
253                                <div class="form-group form-group-with-icon">
254                                  <input id="form_name" type="text" name="name" class="form-control" placeholder="Full Name" required="required" data-error="Name is required.">
255                                  <div class="form-control-border"></div>
256                                  <div class="help-block with-errors"></div>
257                                </div>
258
259                                <div class="form-group form-group-with-icon">
260                                  <input id="form_email" type="email" name="email" class="form-control" placeholder="Email Address" required="required" data-error="Valid email is required.">
261                                  <div class="form-control-border"></div>
262                                  <div class="help-block with-errors"></div>
263                                </div>
264
265                                <div class="form-group form-group-with-icon">
266                                  <input id="form_subject" type="text" name="subject" class="form-control" placeholder="Subject" required="required" data-error="Subject is required.">
267                                  <div class="form-control-border"></div>
268                                  <div class="help-block with-errors"></div>
269                                </div>
270                              </div>
271                              <div class="right-column">
272                                <div class="form-group form-group-with-icon">
273                                  <textarea id="form_message" name="message" class="form-control" placeholder="Message" rows="7" required="required" data-error="Please, leave me a message."></textarea>
274                                  <div class="form-control-border"></div>
275                                  <div class="help-block with-errors"></div>
276                                </div>
277                              </div>
278                            </div>
279
280                            <div class="g-recaptcha" data-sitekey="6LdqmCAUAAAAAMMNEZvn6g4W5e0or2sZmAVpxVqI"></div>
281        
282                            <input type="submit" class="button btn-send" value="Send Message">
283                          </div>
284                        </form>
285                      </div>
286                    </div>
287                  </div>
288				  </div>
289
290				<!-- /Contact form -->
291                </div>
292              </div>
293            </section>
294            <!-- End Contact Subpage -->
295
296          </div>
297        </div>
298        <!-- /Page changer wrapper -->
299      </div>
300      <!-- /Main Content -->
301    </div>
302
303    
303<script src="js/jquery-2.1.3.min.js"></script>
303
304    
304<script src="js/bootstrap.min.js"></script>
304
305    
305<script src="js/imagesloaded.pkgd.min.js"></script>
305
306    
306<script src="js/jquery.malihu.PageScroll2id.min.js"></script>
306
307    
307<script src="js/jquery.shuffle.min.js"></script>
307
308    
308<script src="js/masonry.pkgd.min.js"></script>
308
309    
309<script src="js/owl.carousel.min.js"></script>
309
310    
310<script src="js/jquery.magnific-popup.min.js"></script>
310
311    <!--
311<script src="js/jquery.googlemap.js"></script>
311-->
312    
312<script src="js/validator.js"></script>
vendor: 75 bytes, lines 312-314
312
313    <script src='https://www.google.com/recaptcha/api.js'></script>
314    
314<!--
314<script src="https://maps.googleapis.com/maps/api/js?key=YOUR-API-KEY"></script>
314
315    
315<script src="https://maps.googleapis.com/maps/api/js"></script>
315-->
316    
316<script src="js/main.js"></script>
316
317  </body>
318</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.