@extends('frontend.main.main_blank')
@section('content')
  <div class="amnesty-logos">
    <div class="navbar-brand">
      <a class="logos" href="<?php echo lang_url('/'); ?>">
        <div class="slogan">
          <img src="{{ Config::get('path.frontend.img') }}/imhere-slogan.svg" alt="I'm here slogan">
        </div>
        <img src="{{ Config::get('path.frontend.img') }}/amnesty.svg" alt="Amnesty logo">
      </a>
    </div>
  </div>

  <div class="container browser-upgrade">
    <h1>{{ Lang::get('frontend.browser_upgrade.title') }}</h1>
    <p class="page-subtitle">{{ Lang::get('frontend.browser_upgrade.subtitle') }}</p>
    <div class="columns browser-list">
      <div class="column">
        <div class="browser">
          <img class="browser-image" src="{{ Config::get('path.frontend.img') }}/logos/chrome.png" alt="Chrome browser">
          <a href="{{ Lang::get('frontend.browser_upgrade.chrome') }}" class="ami-button highlight">Google Chrome</a>
        </div>
      </div>
      <div class="column">
        <div class="browser">
          <img class="browser-image" src="{{ Config::get('path.frontend.img') }}/logos/firefox.png" alt="Firefox browser">
          <a href="{{ Lang::get('frontend.browser_upgrade.firefox') }}" class="ami-button highlight">Mozilla Firefox</a>
        </div>
      </div>
      <div class="column">
        <div class="browser">
          <img class="browser-image" src="{{ Config::get('path.frontend.img') }}/logos/safari.png" alt="Safari browser">
          <a href="{{ Lang::get('frontend.browser_upgrade.safari') }}" class="ami-button highlight">Apple Safari</a>
        </div>
      </div>
      <div class="column">
        <div class="browser">
          <img class="browser-image" src="{{ Config::get('path.frontend.img') }}/logos/edge.png" alt="Edge browser">
          <a href="{{ Lang::get('frontend.browser_upgrade.edge') }}" class="ami-button highlight">Microsoft Edge</a>
        </div>
      </div>
    </div>
    <div class="bottom-message">{{ Lang::get('frontend.browser_upgrade.bottom_text') }}</div>
  </div>
@stop
@section('scripts')
  <script type="text/javascript">
  </script>
@stop