Core
/
layout_skel


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
							<!DOCTYPE html>
<html lang="en">
<head>
  {$css}
  <title>{$title}</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  {$meta}
  {if $body_id eq 'index'}
  <meta property="og:image" content="{$alt_file1}">
  {/if}

  {$scripts_head}
</head>
<body id="{$body_id}" class="{$body_classes}">
  <div id="divback" class="section-{$section}">
    <div class="top {if $body_id eq 'index'}top-index {/if}">
      <header class="header-main dak-pad-12">
        <a href="#main" class="dak-skip-to-main">Skip to main content</a>
        <div class="dak-contain-xxl">
          <div class="dak-flex-container dak-flex-v-center">
            <div class="dak-cell dak-shrink">
              <a href="{$site_url}" class="logo">
                <img src="{$layout_url}/images/logo.svg" alt="">
              </a>
            </div>
            <div class="dak-cell dak-auto">
              {$collapsed_menu}
              {$expanded_menu}
            </div>
            <div class="dak-cell dak-shrink">
              {if isset($agent_phone) && $agent_phone neq ''}
              <ul class="dak-buttons dak-buttons-left">
                <li>
                  <a
                    href="tel:{$agent_phone|regex_replace:'/[-_() ]/':''}"
                    aria-label="Call {$agent_phone}"
                  >
                    <img src="{$site_url}/icons/base/cellphone/main" alt="">
                    {$agent_phone}
                  </a>
                </li>
              </ul>
              {/if}
              [social icon_color="white" size="24"]
            </div>
          </div>
        </div>
      </header>
    </div> <!--end top-->

    <main role="main" id="main" tabindex="-1">
    {if $body_id eq 'index'}
      <section class="dak-py-3 dak-px-1">
        <div class="dak-contain-xl">
          <h1 class="dak-display-a"></h1>
        </div>
      </section>
      {/if}
      {* interior hero pages *}
      {if isset($options.set) and ($options.set eq 'hero' || $options.set eq 'hero_form')}
      <section 
        class="box-custom-hero {if $options.set eq 'hero_form'}box-custom-hero-form {/if}dak-table-align dak-text-light dak-text-center dak-text-shadow dak-bg-image lazyload" 
        data-bg="{$site_data_url}/editor_assets/hero/bg-{$options.setpage}.jpg"
      >
        <div class="dak-table-align__cell dak-py-5 ">
        {if $options.set eq 'hero_form'}
          {assign var="hero_form_bg" value="dak-overlay-light-heavy"}
          {if $options.hero_form_bg eq "dark"}
            {assign var="hero_form_bg" value="dak-overlay-dark-heavy"}
          {elseif $options.hero_form_bg eq "none"}
            {assign var="hero_form_bg" value=""}
          {/if}
          {assign var="hero_form_position" value=""}
          {if $options.hero_form_position eq "left"}
            {assign var="hero_form_position" value="dak-flex-reverse-row-md"}
          {elseif $options.hero_form_position eq "full"}
            {assign var="hero_form_position" value="dak-flex-center"}
          {/if}
          {assign var="hero_form_width" value="dak-grid-lg-6"}
          {if $options.hero_form_position eq "full"}
            {assign var="hero_form_width" value=""}
          {/if}
          <div class="dak-contain-xl {if isset($options.hero_form_position) && $options.hero_form_position eq 'full'}dak-text-center {else}dak-text-left {/if}">
            <div class="dak-flex-container dak-flex-v-center {$hero_form_position}">
              <div class="dak-grid-12 dak-py-2 dak-px-1 {$hero_form_width}">
                <div class="dak-contain-sm" style="width: 100%;">
                  {if $section_header && $section_header neq ''}
                  <p class="h2 section">{$section_header}</p>
                  {/if}
                  {if $page_header && $page_header neq ''}
                  <h1 class="page">{$page_header}</h1>
                  {/if}
                </div>
              </div>
              <div class="dak-grid-12 {$hero_form_width} {if $options.hero_form_bg neq 'none'}dak-py-2 dak-px-1 {/if}">
                <div class="dak-contain-sm" style="width: 100%;">
                  <div class="dak-py-2 dak-px-1 {$hero_form_bg}">
                    {$system}
                  </div>
                </div>
              </div>
            </div>
          </div>
        {else}
          <div class="dak-contain dak-px-3">
            {if $section_header && $section_header neq ''}
            <p class="h2 section">{$section_header}</p>
            {/if}
            {if $page_header && $page_header neq ''}
            <h1 class="page">{$page_header}</h1>
            {/if}
          </div>
        {/if}
        </div>
      </section>
      {/if}
      {* end interior hero pages *}
      <div id="root">
        <div class="inner-content">
          {if $body_id neq 'blog_template'}
          <div id="primary-column" class="primary-column {if $content || $system || $page_options}has-content {/if}" data-role="page">
            <div class="content-pad" data-role="content">
          {/if}
            {if !(isset($options.set) and ($options.set eq 'hero' || $options.set eq 'hero_form'))}
            {if $section_header neq ''}
              <p class="section">{$section_header}</p>
            {/if}
            {if ($body_id neq 'neighborhood' and $body_id neq 'condo') and ($page_header neq '')}
              <h1 class="page">{$page_header}</h1>
            {/if}
            {/if}

            <div id="content_body" class="content_body">
              {if $content}
                {$content}
              {/if}
              {if $body_id eq 'mlst-global'}
                <div id="idxStart" style="display: none;"></div>
                <div id="idxStop" style="display: none;"></div>
              {/if}
            </div>
            <div id="system_body">
              {if !(isset($options.set) and $options.set eq 'hero_form')}
                {$system}
              {/if}
            </div>
            <div id="options_body">
              {$page_options}
            </div>
          {if $body_id neq 'blog_template'}
            </div>{* /content pad *}
          </div>{* /primary column *}
          {if !isset($options.mls_link) and !isset($options.wide)}
          <div id="secondary-column" class="secondary-column" >
            <div class="content-pad">
              {$mini_contact|replace:"Questions? Just Ask!":"Questions? Ask Away."}
              {if $widget neq ""}
              <div class="sidebar-widget">
                {$widget}
              </div>
              {/if}
              {$office_sidebar}
            </div>
          </div>{* /secondary column *}
          {/if}
          {/if}
          <div class="clear"></div>
        </div>{* /inner-content *}
      </div>{* /root *}
      {if isset($options.wide) && $options.wide eq 'yes' && isset($options.mini) && $options.mini eq 'yes'}
        <div class="mini-bottom mini-bottom-wide">
          {$mini_contact|replace:"Questions? Just Ask!":"Questions? Ask away."}
        </div>
      {/if}
      <div class="clear"></div>
    </main>
    <footer class="footer-main dak-footer-main">
      <div class="dak-contain-xxl">
        <div class="dak-flex-container dak-flex-v-center">
          <div class="dak-cell dak-shrink dak-pad-12">
            <a href="{$site_url}" class="logo">
              <img src="{$layout_url}/images/logo.svg" alt="">
            </a>
          </div>
          <div class="dak-cell dak-auto dak-pad-12">
            {$footer_menu|replace:"|":""}
          </div>
        </div>
        [social size="24"]
        <div class="footer-contact">
          {if isset($alt_textarea1) && $alt_textarea1 neq ''}
            {$alt_textarea1}
          {/if}
        </div>
        <div class="footer-logos">
          <img 
            src="{$site_url}/icons/logos/realtor/000000"
            width="45"
            height="45"
            alt="REALTOR&reg;"
          />
          <img 
            src="{$site_url}/icons/logos/eho/000000"
            width="45"
            height="45"
            alt="Equal Housing Opportunity"
          />
        </div>
        <div class="dakno">
          <p>Copyright &copy; {$smarty.now|date_format:"%Y"} |
            Information deemed reliable, but not guaranteed. |
            <a href="{$site_url}/privacy.php">Privacy Policy</a> | 
            <a href="{$site_url}/accessibility">Accessibility</a>
          </p>
          {$dakno_footer}
        </div>{* /dakno *}
      </div>
    </footer>{* /footer *}
  </div>{* /divback *}

  <script type="text/javascript">
    function menuwidthcheck() {
      var mini = document.querySelector('#mini');
      if (mini && window.matchMedia('(min-width: 851px)').matches && mini.classList.contains('mini-bottom')) {
        mini.classList.remove('mini-bottom');
      } else if (mini && !(window.matchMedia('(min-width: 851px)').matches)) {
        mini.classList.add('mini-bottom');
      }
    }
    menuwidthcheck();
    window.addEventListener('resize', menuwidthcheck);
    window.addEventListener('orientationchange', menuwidthcheck);
  </script>

  {$scripts_body}
</body>
</html>