CMS SETTINGS ADVANCED

by Greggg

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.31/css/uikit.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.31/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.31/js/uikit-icons.min.js"></script>
<div class="uk-margin-large-top pb-sidebar-header" data-uk-grid="">
  <div class="uk-width-expand">
    <h3 class="uk-margin-remove-bottom">Advanced</h3>
  </div>
</div>

<div class="pb-padding">
  <div class="uk-grid-small uk-grid-divider uk-flex-right uk-flex-middle uk-margin-bottom" data-uk-grid>
    <div>
      <ul class="uk-subnav" data-uk-switcher="connect:#pb-advanced-settings-switcher; animation: uk-animation-fade">
        <li class="uk-active"><a>Settings</a></li>
      </ul>
    </div>
    <div><a href="https://ipaoo.zendesk.com/hc/en-us/articles/360014352980" target="_blank" class="uk-flex uk-flex-middle" data-uk-icon="icon: info"></a></div>
  </div>

  <div id="pb-advanced-settings-switcher" class="uk-switcher">
    <div class="uk-active">
    
      <h4>Google Recaptcha</h4>
      <div class="uk-margin">
        <label class="uk-form-label">Website key</label>
        <input type="text" class="uk-input" value="">
        <div class="uk-text-small uk-text-muted uk-text-right">Paste here the Google Recaptcha Website key</div>
      </div>
      <div class="uk-margin">
        <label class="uk-form-label">Secret key</label>
        <input type="text" class="uk-input" value="">
        <div class="uk-text-small uk-text-muted uk-text-right">Paste here  the Google Recaptcha secret key</div>
      </div>
      
      <h4>Google Map</h4>
      <div class="uk-margin">
        <label class="uk-form-label">API key</label>
        <input type="text" class="uk-input" value="">
        <div class="uk-text-small uk-text-muted uk-text-right">Paste here the Google Map key</div>
      </div>
      </div>
      
      
    </div>