<div class="block empty yummy text-center padding-top-100 padding-bottom-100 content-style typography-homepage" style="position: relative !important; padding-top: 0px !important; padding-bottom: 0px !important; background:#0b0b0b !important; overflow:hidden !important;" data-uniqid="1784874564419" data-selector=".block.empty" data-nointent="true"><div class="padding-resizer top" style="height: 0px;"><p class="padding-resizer-value">0px</p></div>
  
  <div class="overly" style="opacity:0.5"></div>
  <style>
    .typography-homepage .container{width:100% !important;max-width:none !important;padding:0 !important;}
    .typography-homepage .row{margin-left:0 !important;margin-right:0 !important;}
    .typography-homepage .type-pad{padding-left:5vw !important;padding-right:5vw !important;}
    .typography-homepage .type-display{font-family:Impact,'Arial Black',sans-serif !important;letter-spacing:-0.035em !important;text-transform:uppercase !important;line-height:.86 !important;}
    .typography-homepage .type-condensed{font-family:'Arial Narrow',Impact,sans-serif !important;font-stretch:condensed !important;text-transform:uppercase !important;}
    .typography-homepage .type-body{font-family:Arial,Helvetica,sans-serif !important;line-height:1.55 !important;}
    .typography-homepage .type-card{transition:transform .2s ease !important;}
    .typography-homepage .type-card:hover{transform:translateY(-6px) !important;}
    @media(max-width:991px){.typography-homepage .type-pad{padding-left:28px !important;padding-right:28px !important}.typography-homepage .hero-title{font-size:18vw !important}.typography-homepage .hero-grid>[class*='col-md-']{width:100% !important}.typography-homepage .hero-art{margin-top:28px !important}.typography-homepage .course-card{margin-bottom:24px !important}.typography-homepage .nav-links{display:none !important}}
    @media(max-width:600px){.typography-homepage .type-pad{padding-left:18px !important;padding-right:18px !important}.typography-homepage .hero-title{font-size:23vw !important}.typography-homepage .hero-copy{font-size:20px !important}.typography-homepage .section-title{font-size:54px !important}.typography-homepage .poster-title{font-size:52px !important}}
  </style>
  <div class="container" style="position:relative !important;">

    <div data-component="grid" class="row v-center" style="background:#0b0b0b !important;padding:22px 0 !important;" data-uniqid="1784874564416" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-12"><div data-container="true" class="type-pad" style="display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;">
        <div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="margin:0 !important;color:#fff !important;font-size:24px !important;line-height:1 !important;text-align:left !important;" data-uniqid="1784874564412" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TYPOGRAPHY <span style="color:#ffc700 !important;">TRAINING</span></h3></div>
        <div data-component="text" data-content="true" class="nav-links"><p class="dynamic-text type-condensed" style="margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; word-spacing: 25px !important; z-index: 99999999;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;text&quot;] &gt; *">HOME COURSES ABOUT RESOURCES BLOG</p></div>
        <div data-component="button" style="position: relative; text-align: right !important;" data-uniqid="1784874564409"><a href="#" class="btn zen-custom-elm dynamic-button type-condensed" data-action="href" style="background: rgb(238, 34, 39) !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 0px !important; padding: 14px 22px !important; font-size: 15px !important;" data-uniqid="1784874564408" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">ENROL NOW</a><div class="element-tag" style="right: 0px; top: 0px;"><p>Go to Link</p></div></div>
      </div></div>
    </div>

    <div data-component="grid" class="row hero-grid" style="background:#0b0b0b !important;min-height:690px !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]" data-nointent="true">
      <div class="col-md-6" style=""><div data-container="true" class="type-pad" style="padding-top:60px !important;padding-bottom:70px !important;text-align:left !important;">
        <div data-component="heading" data-content="true"><h1 class="dynamic-heading type-display hero-title sb_hover_elm" style="margin:0 !important;font-size:126px !important;max-width:770px !important;" data-uniqid="1784874564412" data-selector="*[data-component=&quot;heading&quot;] &gt; *"><span style="color:#ee2227 !important;">TYPO</span><br><span style="color:#ffc700 !important;">GRA</span><br><span style="color:#1457d2 !important;">PHY</span></h1></div>
        <div data-component="heading" data-content="true"><h2 class="dynamic-heading type-condensed" style="margin:28px 0 0 !important;color:#fff !important;font-size:46px !important;line-height:1.02 !important;max-width:510px !important;text-align:left !important;" data-uniqid="1784874564412" data-selector="*[data-component=&quot;heading&quot;] &gt; *">DESIGN STARTS WITH TYPE</h2></div>
        <div data-component="text" data-content="true"><p class="dynamic-text type-body hero-copy" style="margin:24px 0 !important;color:#f5f5f5 !important;font-size:19px !important;max-width:560px !important;text-align:left !important;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;text&quot;] &gt; *">Learn typography through practical projects. Build sharper layouts, stronger hierarchy and a confident visual voice.</p></div>
        <div data-component="button" style="position: relative; text-align: left !important;" data-uniqid="1784874564411"><a href="#" class="btn zen-custom-elm dynamic-button type-condensed" data-action="href" style="background: rgb(255, 199, 0) !important; color: rgb(11, 11, 11) !important; border: 0px !important; border-radius: 0px !important; padding: 17px 26px !important; font-size: 18px !important; box-shadow: rgb(238, 34, 39) 8px 8px 0px !important;" data-uniqid="1784874564410" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">EXPLORE COURSES →</a><div class="element-tag" style="right: 419px; top: 0px;"><p>Go to Link</p></div></div>
      </div></div>
      <div class="col-md-6" style=""><div data-container="true" class="hero-art" style="display:grid !important;grid-template-columns:1fr 1fr !important;min-height:690px !important;">
        <div data-component="heading" data-content="true" style="background:#ee2227 !important;display:flex !important;align-items:center !important;justify-content:center !important;"><h2 class="dynamic-heading" style="font-family:Georgia,serif !important;font-size:220px !important;color:#fff !important;margin:0 !important;line-height:1 !important;" data-uniqid="1784874564412" data-selector="*[data-component=&quot;heading&quot;] &gt; *">a</h2></div>
        <div data-component="heading" data-content="true" style="background:#ffc700 !important;display:flex !important;align-items:center !important;justify-content:center !important;"><h2 class="dynamic-heading" style="font-family:Georgia,serif !important;font-size:150px !important;color:#1457d2 !important;margin:0 !important;line-height:1 !important;" data-uniqid="1784874564412" data-selector="*[data-component=&quot;heading&quot;] &gt; *">&amp;</h2></div>
        <div data-component="heading" data-content="true" style="background:#1457d2 !important;display:flex !important;align-items:center !important;justify-content:center !important;"><h2 class="dynamic-heading type-display" style="font-size:200px !important;color:#0b0b0b !important;margin:0 !important;line-height:1 !important;" data-uniqid="1784874564412" data-selector="*[data-component=&quot;heading&quot;] &gt; *">R</h2></div>
        <div data-component="heading" data-content="true" style="background:#f6f1e7 !important;display:flex !important;align-items:center !important;justify-content:center !important;"><h2 class="dynamic-heading" style="font-family:Georgia,serif !important;font-size:200px !important;color:#0b0b0b !important;margin:0 !important;line-height:1 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">g</h2></div>
      </div></div>
    </div>

    <div data-component="grid" class="row type-pad" style="background:#f6f1e7 !important;padding-top:38px !important;padding-bottom:38px !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-3" style=""><div data-container="true" style="text-align:left !important;padding:18px !important;border-right:1px solid #bbb !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:20px !important;margin:0 0 8px !important;color:#0b0b0b !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Aa — MASTER TYPE</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 !important;color:#222 !important;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;text&quot;] &gt; *">Learn the fundamentals of hierarchy, rhythm and contrast.</p></div></div></div>
      <div class="col-md-3" style=""><div data-container="true" style="text-align:left !important;padding:18px !important;border-right:1px solid #bbb !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:20px !important;margin:0 0 8px !important;color:#0b0b0b !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Tt — PRACTICAL TRAINING</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 !important;color:#222 !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Use hands-on briefs to improve the work you create.</p></div></div></div>
      <div class="col-md-3" style=""><div data-container="true" style="text-align:left !important;padding:18px !important;border-right:1px solid #bbb !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:20px !important;margin:0 0 8px !important;color:#0b0b0b !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">↗ — REAL-WORLD SKILLS</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 !important;color:#222 !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Apply typography to brands, layouts and digital design.</p></div></div></div>
      <div class="col-md-3"><div data-container="true" style="text-align:left !important;padding:18px !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:20px !important;margin:0 0 8px !important;color:#0b0b0b !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">☆ — EXPERT GUIDANCE</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 !important;color:#222 !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Get focused feedback that strengthens every decision.</p></div></div></div>
    </div>

    <div data-component="grid" class="row type-pad" style="background:#1457d2 !important;padding-top:70px !important;padding-bottom:80px !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-4" style=""><div data-container="true" style="text-align:left !important;padding-right:35px !important;">
        <div data-component="heading" data-content="true"><h4 class="dynamic-heading type-condensed" style="margin:0 0 12px !important;color:#ffc700 !important;font-size:20px !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">ONLINE COURSES</h4></div>
        <div data-component="heading" data-content="true"><h2 class="dynamic-heading type-display section-title" style="margin:0 !important;color:#fff !important;font-size:82px !important;line-height:.9 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">LEARN.<br><span style="color:#ffc700 !important;">PRACTICE.</span><br><span style="color:#0b0b0b !important;">CREATE.</span></h2></div>
        <div data-component="text" data-content="true"><p class="dynamic-text type-body" style="margin:28px 0 !important;color:#fff !important;font-size:17px !important;max-width:410px !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Step-by-step courses that move from the basics to advanced typographic systems.</p></div>
        <div data-component="button" style="position: relative; text-align: left !important;" data-uniqid="1784874564411"><a href="#" class="btn zen-custom-elm dynamic-button type-condensed" data-action="href" style="background: rgb(255, 199, 0) !important; color: rgb(11, 11, 11) !important; border: 0px !important; border-radius: 0px !important; padding: 16px 24px !important; font-size: 17px !important;" data-uniqid="1784874564410" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">VIEW ALL COURSES →</a><div class="element-tag" style="right: 221px; top: 0px;"><p>Go to Link</p></div></div>
      </div></div>
      <div class="col-md-8"><div data-container="true"><div data-component="grid" class="row" style="margin:0 !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]">
        <div class="col-md-4" style=""><div data-container="true" class="type-card course-card" style="background:#f6f1e7 !important;min-height:570px !important;text-align:left !important;">
          <div data-component="image" style="position: relative;"><img src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a63066e24d1f_lg.jpg" alt="Bold typographic artwork for the Typography Foundations course" style="width: 100% !important; height: 300px !important; object-fit: cover !important;" data-uniqid="1784874564405" class="" srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a63066e24d1f_sm.jpg 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a63066e24d1f_md.jpg 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a63066e24d1f_lg.jpg 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img"></div>
          <div style="padding:24px !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:28px !important;margin:0 0 12px !important;color:#111 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TYPOGRAPHY FOUNDATIONS</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 0 22px !important;color:#222 !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Understand the building blocks of type, spacing and composition.</p></div><div data-component="heading" data-content="true"><h4 class="dynamic-heading type-condensed" style="font-size:16px !important;margin:0 !important;color:#ee2227 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">BEGINNER</h4></div></div>
        </div></div>
        <div class="col-md-4" style=""><div data-container="true" class="type-card course-card" style="background:#ffc700 !important;min-height:570px !important;text-align:left !important;">
          <div data-component="image" style="position: relative;"><img src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630680e193b_lg.jpg" alt="Bold typographic artwork for the Type in Design course" style="width: 100% !important; height: 300px !important; object-fit: cover !important;" data-uniqid="1784874564405" class="" srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630680e193b_sm.jpg 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630680e193b_md.jpg 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630680e193b_lg.jpg 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img"></div>
          <div style="padding:24px !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:28px !important;margin:0 0 12px !important;color:#111 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TYPE IN DESIGN</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 0 22px !important;color:#222 !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Use type with purpose in layouts, campaigns and interfaces.</p></div><div data-component="heading" data-content="true"><h4 class="dynamic-heading type-condensed" style="font-size:16px !important;margin:0 !important;color:#1457d2 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">INTERMEDIATE</h4></div></div>
        </div></div>
        <div class="col-md-4"><div data-container="true" class="type-card course-card" style="background:#ee2227 !important;min-height:570px !important;text-align:left !important;">
          <div data-component="image" style="position: relative;"><img src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630690863d5_lg.jpg" alt="Bold typographic artwork for the Advanced Typography course" style="width: 100% !important; height: 300px !important; object-fit: cover !important;" data-uniqid="1784874564405" class="" srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630690863d5_sm.jpg 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630690863d5_md.jpg 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/6a630690863d5_lg.jpg 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img"></div>
          <div style="padding:24px !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:28px !important;margin:0 0 12px !important;color:#fff !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">ADVANCED TYPOGRAPHY</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;margin:0 0 22px !important;color:#fff !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Build expressive systems and refine your visual judgement.</p></div><div data-component="heading" data-content="true"><h4 class="dynamic-heading type-condensed" style="font-size:16px !important;margin:0 !important;color:#ffc700 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">ADVANCED</h4></div></div>
        </div></div>
      </div></div></div>
    </div>

    <div data-component="grid" class="row" style="background:#f6f1e7 !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-3" style=""><div data-container="true" class="type-pad" style="padding-top:65px !important;padding-bottom:65px !important;text-align:left !important;"><div data-component="heading" data-content="true"><h2 class="dynamic-heading type-condensed poster-title" style="font-size:50px !important;line-height:1 !important;margin:0 0 28px !important;color:#111 !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TYPE SPEAKS.<br><span style="color:#ee2227 !important;">MAKE IT LOUD.</span></h2></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:17px !important;color:#222 !important;margin:0 0 28px !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Great typography does more than look good. It communicates, connects and leaves a lasting impression.</p></div><div data-component="button" style="position: relative; text-align: left !important;" data-uniqid="1784874564411"><a href="#" class="btn zen-custom-elm dynamic-button type-condensed" data-action="href" style="background: rgb(20, 87, 210) !important; color: rgb(255, 255, 255) !important; border: 0px !important; border-radius: 0px !important; padding: 15px 22px !important;" data-uniqid="1784874564410" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">START LEARNING TODAY →</a><div class="element-tag" style="right: 0px; top: 0px;"><p>Go to Link</p></div></div></div></div>
      <div class="col-md-3" style=""><div data-container="true" style="background:#0b0b0b !important;min-height:500px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:35px !important;"><div data-component="heading" data-content="true"><h2 class="dynamic-heading" style="font-family:cursive !important;font-size:64px !important;line-height:1 !important;color:#fff !important;margin:0 !important;transform:rotate(-4deg) !important;" data-uniqid="1784874564413" data-selector="*[data-component=&quot;heading&quot;] &gt; *">BOLD.<br><span style="color:#ee2227 !important;">BRAVE.</span><br><span style="color:#ffc700 !important;">BE YOU.</span></h2></div></div></div>
      <div class="col-md-3" style=""><div data-container="true" style="background:#ffc700 !important;min-height:500px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:35px !important;"><div data-component="heading" data-content="true"><h2 class="dynamic-heading type-condensed" style="font-size:62px !important;line-height:.94 !important;color:#1457d2 !important;margin:0 !important;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;heading&quot;] &gt; *">DESIGN<br><span style="color:#111 !important;font-size:40px !important;">IS THINKING</span><br><span style="background:#1457d2 !important;color:#fff !important;padding:3px 8px !important;font-size:34px !important;">MADE VISUAL</span></h2></div></div></div>
      <div class="col-md-3"><div data-container="true" style="background:#fff !important;min-height:500px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:35px !important;"><div data-component="heading" data-content="true"><h2 class="dynamic-heading type-display" style="font-size:64px !important;line-height:.88 !important;color:#1457d2 !important;margin:0 !important;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;heading&quot;] &gt; *">GOOD<br><span style="color:#ee2227 !important;">TYPE.</span><br><span style="color:#111 !important;">GOOD</span><br><span style="color:#ffc700 !important;">VIBES.</span></h2></div></div></div>
    </div>

    <div data-component="grid" class="row type-pad" style="background:#ee2227 !important;padding-top:32px !important;padding-bottom:32px !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-5" style=""><div data-container="true" style="text-align:left !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="font-size:25px !important;color:#fff !important;margin:0 0 6px !important;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;heading&quot;] &gt; *">STAY INSPIRED</h3></div><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="font-size:15px !important;color:#fff !important;margin:0 !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Get typography tips, resources and course updates.</p></div></div></div>
      <div class="col-md-7" style=""><div data-container="true" style="position: relative;"><form id="cu-form-1784874774083" class="zen-custom-form" name="TYPOGRAPHY_form" data-before="Form : TYPOGRAPHY_fo..." data-container="true" data-uniqid="1784874721021" style="" data-selector="form"><div data-component="grid" class="row v-center margin-top-10 margin-bottom-10 flex-start" style="margin-left: 0px; margin-right: 0px; align-items: flex-start;" data-uniqid="1784874805647" data-selector="*[data-component=&quot;grid&quot;]"><div class="col-md-6" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="background: rgb(255, 255, 255) !important; color: rgb(119, 119, 119) !important; padding-top: 12px; padding-right: 16px !important; padding-bottom: 12px; padding-left: 16px !important; margin-top: 2px; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px; text-align: left !important; z-index: 99999999;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">Your email address</p></div></div></div><div class="col-md-6"><div data-container="true"><div class="form-group" data-component="button" data-uniqid="1784874675980" style="position: relative;"><a href="#" class="btn btn-primary btn-block zen-custom-elm dynamic-button" data-action="submit" data-submitaction="#" style="padding: 13px 40px; font-size: 16px; background-color: rgb(0, 0, 0); background-image: none; margin-bottom: 0px; border-radius: 0px; border-width: 0px;" data-uniqid="1784874675979" data-tags="" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">SUBCRIBE</a><div class="element-tag" style="right: 0px; top: 0px;"><p>Submit Form</p></div></div></div></div></div></form><div class="element-tag" style="display: none; background-color: rgb(85, 26, 139); color: rgb(255, 255, 255); right: 20px; top: 0px;"><p>Form : TYPOGRAPHY_fo...</p></div></div></div>
      
    </div>

    <div data-component="grid" class="row type-pad" style="background:#0b0b0b !important;padding-top:42px !important;padding-bottom:42px !important;" data-uniqid="1784874564417" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-4" style=""><div data-container="true" style="text-align:left !important;"><div data-component="heading" data-content="true"><h3 class="dynamic-heading type-condensed" style="margin:0 !important;color:#fff !important;font-size:25px !important;" data-uniqid="1784874564414" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TYPOGRAPHY <span style="color:#ffc700 !important;">TRAINING</span></h3></div></div></div>
      <div class="col-md-5" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="dynamic-text type-condensed" style="margin:5px 0 !important;color:#fff !important;font-size:14px !important;word-spacing:18px !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">COURSES ABOUT RESOURCES BLOG CONTACT</p></div></div></div>
      <div class="col-md-3"><div data-container="true" style="text-align:right !important;"><div data-component="text" data-content="true"><p class="dynamic-text type-body" style="margin:5px 0 !important;color:#999 !important;font-size:13px !important;" data-uniqid="1784874564415" data-selector="*[data-component=&quot;text&quot;] &gt; *">© [REPLACE YEAR] Typography Training</p></div></div></div>
    </div>

  </div>
  <!-- /.container -->
  
<div class="padding-resizer bottom" style="height: 0px;"><p class="padding-resizer-value">0px</p></div></div>
<!-- /.item -->