{{ stylesheet_link("assets/font/thaisanslite/stylesheet.css") }}

<div  class="landing">
<div class="wrap-landing">
  <div class="wrap-landing-center">
    <div class="title-landing">
        <div class="brand-logo">{{ image('themes/frontend/images/logo-notegang2.png', 'alt': '', 'class': 'logo-landing') }}</div>
      <h3>{{ lang['lb_landing_page_title'] }}</h3>
      <div class="short-text">{{ lang['lb_text_description'] }}</div>
    </div>
    
    <div class="logo-mail">
      <div id="div-gmail"{% if urlMail is not 'gmail' %} style="display: none;" {% endif %}>
        <a href="//www.gmail.com">
          <span>{{ image('themes/frontend/images/gmail.png', 'class': 'logo-gmail-img') }}</span>
        </a>
      </div>
      <div id="div-hotmail"{% if urlMail is not 'hotmail' %} style="display: none;" {% endif %}>
        <a href="//www.hotmail.com">
          <span>{{ image('themes/frontend/images/hotmail.png', 'class': 'logo-hotmail-img') }}</span>
        </a>
      </div>
      <div id="div-yahoo"{% if urlMail is not 'yahoo' %} style="display: none;" {% endif %}>
        <a href="//www.yahoo.com">
          <span>{{ image('themes/frontend/images/yahoo.png', 'class': 'logo-yahoo-img') }}</span>
        </a>
      </div>
      <div id="div-outlook"{% if urlMail is not 'outlook' %} style="display: none;" {% endif %}>
        <a href="//www.hotmail.com">
          <span>{{ image('themes/frontend/images/outlook.png', 'class': 'logo-outlook-img') }}</span>
        </a>
      </div>
    </div>
    </div>
</div>
</div>