diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 41e8685e..e59aa936 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,10 +37,11 @@ jobs:
     - name: Check broken links
       shell: bash
       continue-on-error: false
+      # Exclude checking locales for each link 'lang=*'
       run: |
         set +e
         set +o pipefail
-        npx broken-link-checker http://localhost:8053/_test --recursive --ordered ---host-requests 50 -e --filter-level 3 --exclude '*/donate' | tee blc.log
+        npx broken-link-checker http://localhost:8053/_test --recursive --ordered ---host-requests 50 -e --filter-level 3 --exclude '*/donate' --exclude '*lang=*' | tee blc.log
         echo "BLC_RESULT=${PIPESTATUS[0]}" >> "$GITHUB_ENV"
 
     - name: Report on broken links
diff --git a/_includes/2020/templates/Menu.php b/_includes/2020/templates/Menu.php
index f3c7136c..4370f4dc 100644
--- a/_includes/2020/templates/Menu.php
+++ b/_includes/2020/templates/Menu.php
@@ -29,6 +29,56 @@ public static function render(array $fields): void {
       Menu::render_top_menu($fields);
     }
 
+    /**
+     * Generate the URL with query to change the UI language
+     * @param language - language tag to use
+     */
+    private static function change_ui_language($language): string {
+      // Parse the current URI for populating the UI dropdown
+      $url = isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : '/';
+      $parts = parse_url($url);
+
+      if (!empty($parts['query'])) {
+        parse_str($parts['query'], $queryParams);
+      } else {
+        $queryParams = [];
+      }
+
+      // Set the language query
+      $queryParams['lang'] = $language;
+      $query = http_build_query($queryParams);
+
+      return $parts['path'] . "?" . $query;
+    }
+
+    /**
+     * Render the globe dropdown for changing the UI language.
+     * As UI languages get added, we'll need to update this
+     * @param number - Div number, default 0.
+     */
+    private static function render_globe_dropdown($number = 0): void {
+      $divID = ($number == 1) ? "ui-language1" : "ui-language";
+echo <<<END
+          <p>
+            <div id='$divID' class="menu-item">
+END;
+?>
+              <img src="<?php echo Util::cdn("img/globe.png"); ?>" alt="UI globe dropdown" />
+              <div class="menu-item-dropdown">
+                <div class="menu-dropdown-inner">
+                  <ul>
+                    <!-- Just use autonyms -->
+                    <li><a href="<?= Menu::change_ui_language('en'); ?>">English</a></li>
+                    <li><a href="<?= Menu::change_ui_language('es'); ?>">Español</a></li>
+                    <li><a href="<?= Menu::change_ui_language('fr'); ?>">Français</a></li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </p>
+<?php
+    }
+
     private static function render_phone_menu(object $fields): void {
 ?>
 
@@ -117,6 +167,9 @@ private static function render_top_menu(object $fields): void {
           </form>
           <p id="donate"><a href="/donate">Donate</a></p>
           <p><a href="<?= KeymanHosts::Instance()->help_keyman_com ?>" target="blank">Support<img src="<?php echo Util::cdn("img/helpIcon.png"); ?>" alt="help icon"></a></p>
+          <?php
+            Menu::render_globe_dropdown();
+?>
         </div>
     </div>
     <div id="top-menu-bg"></div>
@@ -132,6 +185,9 @@ private static function render_top_menu(object $fields): void {
           </form>
           <a id='help1-donate' href="/donate">Donate</a>
           <a href="<?= KeymanHosts::Instance()->help_keyman_com ?>"><img id="top-menu-icon2" src="<?php echo Util::cdn("img/helpIcon.png"); ?>" alt="help icon" /></a>
+<?php
+            Menu::render_globe_dropdown(1);
+?>
         </div>
         <div class="wrapper">
             <div class="menu-item" id="keyboards">
diff --git a/_includes/autoload.php b/_includes/autoload.php
index 29c7493c..792c20f1 100644
--- a/_includes/autoload.php
+++ b/_includes/autoload.php
@@ -5,7 +5,11 @@
     if(preg_match('/^Keyman\\\\Site\\\\com\\\\keyman\\\\(.+)/', $class_name, $matches)) {
       // Fix namespace pathing for Linux
       $filename = str_replace(array('\\', '/'), DIRECTORY_SEPARATOR, $matches[1]);
-      $success = include(__DIR__ . "/2020/{$filename}.php");
+      if ($filename == 'Locale') {
+        $success = include(__DIR__ . "/locale/{$filename}.php");
+      } else {
+        $success = include(__DIR__ . "/2020/{$filename}.php");
+      }
       if($success === FALSE) {
         debug_print_backtrace(DEBUG_BACKTRACE_IGNORE_ARGS);
         die("Unable to find class $class_name");
diff --git a/_includes/includes/template.php b/_includes/includes/template.php
index 57e87a81..3abc2485 100644
--- a/_includes/includes/template.php
+++ b/_includes/includes/template.php
@@ -3,9 +3,12 @@
 
   // *Don't* use autoloader here because of potential side-effects in older pages
   require_once(__DIR__ . '/../2020/Util.php');
+  require_once(__DIR__ . '/../locale/Locale.php');
   require_once(__DIR__ . '/../../_common/KeymanVersion.php');
   require_once(__DIR__ . '/../2020/templates/Head.php');
 
+  use Keyman\Site\com\keyman\Locale;
+  
   function template_finish($foot) {
     //ob_end_flush();
 
diff --git a/_includes/locale/Locale.php b/_includes/locale/Locale.php
new file mode 100644
index 00000000..22aae833
--- /dev/null
+++ b/_includes/locale/Locale.php
@@ -0,0 +1,169 @@
+<?php
+
+/*
+ * Keyman is copyright (C) SIL Global. MIT License.
+ */
+
+  declare(strict_types=1);
+
+  namespace Keyman\Site\com\keyman;
+
+  use \Keyman\Site\Common\KeymanHosts;
+
+  class Locale {
+    public const DEFAULT_LOCALE = 'en';
+
+    // array of the support locales 
+    // xx-YY locale as specified in crowdin %locale%
+    private static $currentLocales = [];
+
+    // strings is an array of domains.
+    // Each domain is an array of locales
+    // Each locale is an object? with loaded flag and array of strings
+    private static $strings = [];
+
+    /**
+     * Return the current locales. Fallback to 'en'
+     * @return $currentLocales
+     */
+    public static function currentLocales() {
+      return self::$currentLocales;
+    }
+
+    /**
+     * Set the current locales, with an array of fallbacks, ending in 'en'.
+     * @param $locale - the new current locale (xx-YY as specified in crowdin %locale%)
+     */
+    public static function setLocale($locale) {
+      // Clear current locales
+      self::$currentLocales == [];
+
+      if (!empty($locale)) {
+        self::$currentLocales = self::calculateFallbackLocales($locale);
+      }
+
+      // Push default fallback locale to the end
+      array_push(self::$currentLocales, Locale::DEFAULT_LOCALE);
+    }
+
+    /**
+     * Load the strings for the given domain
+     * @param $domain - the domain of strings
+     * @return boolean - true if successfully loaded strings
+     */
+    public static function loadDomain($domain) {
+      self::$strings[$domain] = [];
+      $path = __DIR__ . '/strings/' . $domain . '/*.php';
+      $files = glob(__DIR__ . '/strings/' . $domain . '/*.php');
+      if ($files == false) {
+        return false;
+      }
+      foreach ($files as $file) {
+        // files are named by locale
+        $file = pathinfo($file, PATHINFO_FILENAME);
+        self::$strings[$domain][$file] = (object)[
+          'strings' => [],
+          'loaded' => false
+        ];
+      }
+      return true;
+    }
+
+    /**
+     * Reads localized strings from the specified $domain-locale.php file
+     * @param $domain - base filename of the .php file containing localized strings
+     * (name not including -xx-YY locale)
+     * path is relative to _includes/locale/
+     * @param $locale - locale for the strings to load
+     */
+    public static function loadStrings($domain, $locale) {
+      $currentLocaleFilename = sprintf("%s/%s/%s",
+        __DIR__ . '/strings/',
+        $domain,
+        $locale . '.php');
+
+      if (file_exists($currentLocaleFilename)) {
+        self::$strings[$domain][$locale]-> strings = require $currentLocaleFilename;
+        self::$strings[$domain][$locale]-> loaded = true;
+      }
+    }
+
+    /**
+     * Given a locale, return an array of fallback locales
+     * For example: es-ES --> [es, es-ES]
+     * TODO: Use an existing fallback algorthim like
+     *  https://cldr.unicode.org/development/development-process/design-proposals/language-distance-data
+     * @param $locale - the locale to determine fallback locales
+     * @return array of fallback locales
+     */
+    private static function calculateFallbackLocales($locale) {
+      // Start with the given locale
+      $fallback = [$locale];
+
+      // Support other fallbacks such as es-419 -> es
+      $parts = explode('-', $locale);
+      for ($i = count($parts)-1; $i > 0; $i--) {
+        $lastPosition = strrpos($locale, $parts[$i]) - 1;
+        // Insert language tag substring to head
+        array_unshift($fallback, substr($locale, 0, $lastPosition));
+      }
+
+      return $fallback;
+    }
+
+    /**
+     * Wrapper to lookup string. Fallback to English
+     * @param $domain - the domain file
+     * @param $id - the key
+     * @return localized string, or fallback to English string, and then $id
+     */
+    private static function getString($domain, $id) {
+      if (!array_key_exists($domain, self::$strings)) {
+        // Load the domain if it doesn't exist
+        if (!self::loadDomain($domain)) {
+          die('Domain ' . $domain . "doesn't exist");
+        }
+      }
+
+      if (count(self::currentLocales()) == 0) {
+        die('Current locales haven\'t been set by session');
+      }
+
+      foreach (self::currentLocales() as $locale) {
+        if (!array_key_exists($locale, self::$strings[$domain])) {
+          continue;
+        }
+
+        if (!self::$strings[$domain][$locale]->loaded) {
+          // Will set -> loaded = true
+          self::loadStrings($domain, $locale);
+        }
+
+        if (array_key_exists($id, self::$strings[$domain][$locale]->strings)) {
+          return self::$strings[$domain][$locale]->strings[$id];
+        }
+      }
+
+      // String not found in any localization - 
+      if(KeymanHosts::Instance()->Tier() == KeymanHosts::TIER_DEVELOPMENT) {
+        die('string ' . $id . ' is missing in all the l10ns');
+      }
+      return $id;
+    }
+
+    /**
+     * Wrapper to lookup localized string for webpage domain. 
+     * Formatted string using optional variable args for placeholders
+     * should escape like %1\$s
+     * @param $domain - the PHP file using the localized strings
+     * @param $id - the id for the string
+     * @param $args - optional remaining args to the format string
+     */ 
+    public static function m($domain, $id, ...$args) {
+      $str = self::getString($domain, $id);
+      if (count($args) == 0) {
+        return $str;
+      }
+      return vsprintf($str, ...$args);
+    }
+  }
diff --git a/_includes/locale/strings/keyboards/context.md b/_includes/locale/strings/keyboards/context.md
new file mode 100644
index 00000000..40c3a32e
--- /dev/null
+++ b/_includes/locale/strings/keyboards/context.md
@@ -0,0 +1,63 @@
+# Guidance on strings for keyboards/index.php
+
+## Keyman is copyright (C) SIL Global. MIT License.
+
+1. **`page_title`**
+    - **Context**: Page Title
+
+2. **`page_description`**
+    - **Context**: Page Description
+
+3. **`keyboard_search"`**
+    - **Context**: Keyboard search bar
+  
+4. **`enter_language`**
+    - **Context**: Search bar placeholder
+  
+5. **`search`**
+    - **Context**: Search Button Value
+  
+6. **`new_search`**
+    - **Context**: Link to start a new keyboard search
+  
+7. **`enter_name`**
+    - **Context**: Search box instruction (Popular keyboards | All keyboards)
+  
+8. **`popular_keyboards`**
+    - **Context**: Search box link for popular keyboards
+  
+9. **`all_keyboards`**
+    - **Context**: Search box link for all Keyman keyboards
+  
+10. **`hints`**
+    - **Context**: Search box hint: List header
+  
+11. **`searchbox_description`**
+    - **Context**: Search box hint: Description
+  
+12. **`searchbox_hint`**
+    - **Context**: Search box hint: available prefixes to use in the search
+  
+13. **`(keyboards)`**
+    - **Context**: (keyboards)
+  
+14. **`(languages)`**
+    - **Context**: (languages)
+  
+15. **`(scripts, writing systems) or`**
+    - **Context**: (scripts, writing systems) or...
+  
+16. **`(countries) to filter your search results. For example`**
+    - **Context**: (countries) to filter your search results...
+  
+17. **`searches for keyboards for languages used in Thailand.`**
+    - **Context**: Search box hint: example of country search
+  
+18. **`use_prefix`**
+    - **Context**: Search box hint: BCP 47 prefix
+  
+19. **`to search for a BCP 47 language tag, for example`**
+    - **Context**: Search box hint: BCP 47 language example
+  
+20. **`searches_tigrigna`**
+    - **Context**: Search box hint: BCP 47 language example
diff --git a/_includes/locale/strings/keyboards/en.php b/_includes/locale/strings/keyboards/en.php
new file mode 100644
index 00000000..764da039
--- /dev/null
+++ b/_includes/locale/strings/keyboards/en.php
@@ -0,0 +1,76 @@
+<?php
+
+/*
+ * Keyman is copyright (C) SIL Global. MIT License.
+ *
+ * Default English strings for keyboards/index.php
+ */
+
+declare(strict_types=1);
+
+return [
+  # Page Title
+  "page_title" => "Keyboard Search",
+
+  # Page Description
+  "page_description" => "Keyman Keyboard Search",
+
+  # Keyboard search bar
+  "keyboard_search" => "Keyboard search:",
+  
+  # Search bar placeholder
+  "enter_language" => "Enter language or keyboard",
+  
+  # Search Button Value
+  "search" => "Search",
+  
+  # Link to start a new keyboard search
+  "new_search" => "New search",
+  
+  # Search box instruction (Popular keyboards | All keyboards)
+  "enter_name" => "Enter the name of a keyboard or language to search for",
+  
+  # Search box link for popular keyboards
+  "popular_keyboards" => "Popular keyboards",
+  
+  # Search box link for all Keyman keyboards
+  "all_keyboards" => "All keyboards",
+  
+  # Search box hint: List header
+  "hints" => "Hints",
+  
+  # Search box hint: Description
+  "searchbox_description" => 
+    "The search always returns a list of keyboards. It searches for keyboard names and details, language names, country names and script names.",
+  
+  # Search box hint: available prefixes to use in the search
+  "searchbox_hint" => "You can apply prefixes",
+  
+  # (keyboards)
+  "keyboards" => "(keyboards)",
+  
+  # (languages)
+  "languages" => "(languages)",
+  
+  # (scripts, writing systems) or...
+  "scripts_ws" => "(scripts, writing systems) or",
+  
+  # (countries) to filter your search results...
+  "countries_to_filter" =>
+    "(countries) to filter your search results. For example",
+  
+  # Search box hint: example of country search
+  "thailand_searches" => 
+    "searches for keyboards for languages used in Thailand.",
+  
+  # Search box hint: BCP 47 prefix
+  "use_prefix" => "Use prefix",
+  
+  # Search box hint: BCP 47 language example
+  "to search for a BCP 47 language tag, for example" => 
+    "to search for a BCP 47 language tag, for example",
+  
+  # Search box hint: BCP 47 language example
+  "searches_tigrigna" => "searches for Tigrigna (Ethiopia)."
+
+];
diff --git a/_includes/locale/strings/keyboards/es.php b/_includes/locale/strings/keyboards/es.php
new file mode 100644
index 00000000..9de90fc6
--- /dev/null
+++ b/_includes/locale/strings/keyboards/es.php
@@ -0,0 +1,75 @@
+<?php
+/*
+ * Keyman is copyright (C) SIL Global. MIT License.
+ *
+ * Spanish strings for keyboards/index.php
+ */
+
+declare(strict_types=1);
+
+return [
+  # Page Title
+  "page_title" => "Búsqueda por Teclado",
+
+  # Page Description
+  "page_description" => "Keyman Búsqueda por Teclado",
+  
+  # Keyboard search bar
+  "keyboard_search" => "Búsqueda por teclado:",
+  
+  # Search bar placeholder
+  "enter_language" => "Ingresar idioma o teclado",
+  
+  # Search Button Value
+  "search" => "Buscar",
+  
+  # Link to start a new keyboard search
+  "new_search" => "Nueva buscar",
+  
+  # Search box instruction (Popular keyboards | All keyboards)
+  "enter_name" => "Introduzca el nombre de un teclado o idioma para buscar",
+  
+  # Search box link for popular keyboards
+  "popular_keyboards" => "Teclados populares",
+  
+  # Search box link for all Keyman keyboards
+  "all_keyboards" => "Todos los teclados",
+  
+  # Search box hint: List header
+  "hints" => "Consejos",
+  
+  # Search box hint: Description
+  "searchbox_description" => 
+    "La búsqueda siempre devuelve una lista de teclados. Busca nombres de teclados y detalles, nombres de idiomas, nombres de países y nombres de alfabetos.",
+  
+  # Search box hint: available prefixes to use in the search
+  "searchbox_hint" => "Puedes aplicar prefijos",
+  
+  # (keyboards)
+  "keyboards" => "(tescados)",
+  
+  # (languages)
+  "languages" => "(idiomas)",
+  
+  # (scripts, writing systems) or...
+  "scripts_ws" => "(guiones, sistemas de escritura) o",
+  
+  # (countries) to filter your search results...
+  "countries_to_filter" =>
+    "(países) para filtrar los resultados de búsqueda. Por ejemplo",
+  
+  # Search box hint: example of country search
+  "thailand_searches" =>
+    "busca teclados para los idiomas utilizados en Tailandia.",
+  
+  # Search box hint: BCP 47 prefix
+  "use_prefix" => "Utilice prefijo",
+  
+  # Seach box hint: BCP 47 language example
+  "to search for a BCP 47 language tag, for example" =>
+    "para buscar una etiqueta de idioma BCP 47, por ejemplo",
+  
+  # Search box hint: BCP 47 language example
+  "searches_tigrigna" => "busca Tigrigna (Etiopía).",
+
+];
diff --git a/_includes/locale/strings/keyboards/fr.php b/_includes/locale/strings/keyboards/fr.php
new file mode 100644
index 00000000..c0dacfd3
--- /dev/null
+++ b/_includes/locale/strings/keyboards/fr.php
@@ -0,0 +1,75 @@
+<?php
+/*
+ * Keyman is copyright (C) SIL Global. MIT License.
+ *
+ * French strings for keyboards/index.php
+ */
+
+declare(strict_types=1);
+
+return [
+  # Page Title
+  "page_title" => "Recherche au clavier",
+
+  # Page Description
+  "page_description" => "Recherche de clavier Keyman",
+  
+  # Keyboard search bar
+  "keyboard_search" => "Recherche au clavier:",
+  
+  # Search bar placeholder
+  "enter_language" => "Entrez la langue ou le clavier",
+  
+  # Search Button Value
+  "search" => "Recherche",
+  
+  # Link to start a new keyboard search
+  "new_search" => "Nouvelle recherche",
+  
+  # Search box instruction (Popular keyboards | All keyboards)
+  "enter_name" => "Saisissez le nom d'un clavier ou d'une langue à rechercher",
+  
+  # Search box link for popular keyboards
+  "popular_keyboards" => "Claviers populaires",
+  
+  # Search box link for all Keyman keyboards
+  "all_keyboards" => "Tous les claviers",
+  
+  # Search box hint: List header
+  "hints" => "Conseils",
+  
+  # Search box hint: Description
+  "searchbox_description" => 
+    "La recherche renvoie toujours une liste de claviers. Elle recherche les noms et les détails des claviers, les noms de langues, les noms de pays et les noms d'écritures.",
+  
+  # Search box hint: available prefixes to use in the search
+  "searchbox_hint" => "Vous pouvez appliquer des préfixes",
+  
+  # (keyboards)
+  "keyboards" => "(claviers)",
+  
+  # (languages)
+  "languages" => "(langues)",
+  
+  # (scripts, writing systems) or...
+  "scripts_ws" => "(scripts, systèmes d'écriture) ou",
+  
+  # (countries) to filter your search results...
+  "countries_to_filter" =>
+    "(pays) pour filtrer vos résultats de recherche. Par exemple",
+  
+  # Search box hint: example of country search
+  "thailand_searches" =>
+    "recherche des claviers pour les langues utilisées en Thaïlande.",
+  
+  # Search box hint: BCP 47 prefix
+  "use_prefix" => "Utiliser le préfixe",
+  
+  # Seach box hint: BCP 47 language example
+  "to search for a BCP 47 language tag, for example" =>
+    "pour rechercher une balise de langue BCP 47, par exemple",
+  
+  # Search box hint: BCP 47 language example
+  "searches_tigrigna" => "recherche Tigrigna (Ethiopie)."
+  
+];
diff --git a/build.sh b/build.sh
index a65bd489..9c1030e2 100755
--- a/build.sh
+++ b/build.sh
@@ -42,8 +42,9 @@ function test_docker_container() {
   docker exec $KEYMAN_CONTAINER_DESC sh -c "find . -name '*.php' | grep -v '/vendor/' | xargs -n 1 -d '\\n' php -l"
 
   # NOTE: link checker runs on host rather than in docker image
+  # Also exclude testing locales for each link: 'lang=*'
   builder_echo blue "---- Testing links"
-  npx broken-link-checker http://localhost:8053/_test --recursive --ordered ---host-requests 50 -e --filter-level 3 --exclude '*/donate' | tee blc.log
+  npx broken-link-checker http://localhost:8053/_test --recursive --ordered ---host-requests 50 -e --filter-level 3 --exclude '*/donate' --exclude '*lang=*' | tee blc.log
   local BLC_RESULT=${PIPESTATUS[0]}
   echo ----------------------------------------------------------------------
   echo Link check summary
diff --git a/cdn/dev/css/template.css b/cdn/dev/css/template.css
index 68433034..bc738293 100644
--- a/cdn/dev/css/template.css
+++ b/cdn/dev/css/template.css
@@ -498,6 +498,7 @@ span.button.disabled{
 	background: #fff;
 	display: block;
 	z-index: 5;
+	position: relative;
 }
 
 #show-phone-menu {
@@ -519,7 +520,7 @@ span.button.disabled{
 #header-bottom {
 	width: 100%;
 	height: 8px;
-	display: block;
+	display: none;
 }
 
 #help {
@@ -554,6 +555,10 @@ span.button.disabled{
 	box-shadow: 0px 0px 4px rgba(185, 32, 52, 0.5);
 }
 
+#help #ui-language {
+	position: relative;
+ }
+
 /* Search Box */
 
 .search-wrap {
@@ -688,8 +693,93 @@ input[type="search"] {
 	margin-top: -1px;
 }
 
-#top-menu1 .menu-item {
+/* hover menus */
+
+.menu-item {
 	float: left;
+}
+
+.menu-item:hover,
+.menu-item.menu-item-force {
+	z-index: 2;
+}
+
+.menu-item:hover .menu-item-dropdown,
+.menu-item.menu-item-force .menu-item-dropdown {
+	display: block !important;
+	z-index: 3;
+}
+
+.menu-item .menu-item-sub {
+	float: right;
+}
+
+.menu-item-dropdown {
+	/* width: 280px; */
+	position: absolute;
+	z-index: 3;
+	display: none;
+	overflow: hidden;
+}
+
+.menu-dropdown-inner {
+	position: relative;
+	background: #f2f2f2;
+	margin-bottom: 10px;
+	padding-bottom: 10px;
+	box-shadow: 1px 1px 4px #000;
+}
+
+.menu-item-dropdown h4 {
+	color: #000;
+	border-bottom: 1px solid #000;
+	margin: 0px 10px;
+	padding-top: 10px;
+	font-weight: 600;
+	line-height: 1.5em;
+}
+
+.menu-item-dropdown h4:first-child {
+	border-top: none;
+}
+
+.menu-item-dropdown form {
+	width: 100%;
+	height: 30px;
+	padding: 10px 0px;
+}
+
+.menu-item-dropdown ul {
+	padding-top: 10px;
+}
+
+.menu-item-dropdown ul li {
+	padding: 0px;
+	text-align: left;
+	line-height: 1.8em;
+	width: 260px;
+	margin: 0px 10px;
+}
+
+.menu-item-dropdown ul li a {
+	color: #B92034 !important;
+	font-weight: 500;
+	font-size: 11pt;
+	display: inline-block;
+	width: 100%;
+	height: 100%;
+	padding: 0px 10px;
+}
+
+.menu-item-dropdown ul li:hover a {
+	text-decoration: underline !important;
+}
+
+.menu-item-dropdown ul li:hover {
+	background: #e2e2e2;
+}
+
+#top-menu1 .menu-item {
 	width: 160px;
 	height: 50px;
 	text-align: center;
@@ -708,12 +798,6 @@ input[type="search"] {
 	background: #f2f2f2;
 	box-shadow: 1px 1px 4px #000;
 	position: relative;
-	z-index: 2;
-}
-
-#top-menu1 .menu-item:hover .menu-item-dropdown,
-#top-menu1 .menu-item.menu-item-force .menu-item-dropdown {
-	display: block !important;
 }
 
 #top-menu1 .menu-item:hover .header-triangle img,
@@ -730,17 +814,32 @@ input[type="search"] {
 	font-weight: 600;
 }
 
-.header-triangle img {
+#top-menu1 .header-triangle img {
 	margin-left: 5px;
 	height: 9px;
 	width: 17px;
 	background: url('../img/triangle.png') 0 0;
 }
 
-#top-menu1 .menu-item .menu-item-sub {
-	float: right;
+#top-menu1 .menu-item-dropdown {
+	padding: 0px 5px 5px 5px;
+	text-align: left;
+}
+
+#top-menu1 .menu-dropdown-inner {
+	left: -5px;
+	width: 280px;
+}
+
+#ui-language .menu-item-dropdown,
+#ui-language1 .menu-item-dropdown {
+	top: 26px;
+	left: -150px;
+	width: 180px;
 }
 
+/* end of hover */
+
 #buy,
 #develop {
 	text-align: left;
@@ -774,44 +873,6 @@ input[type="search"] {
 	display: block;
 }
 
-.menu-item-dropdown {
-	width: 280px;
-	position: relative;
-	left: -5px;
-	z-index: 3;
-	display: none;
-	text-align: left;
-	padding: 0px 5px 5px 5px;
-	overflow: hidden;
-}
-
-.menu-dropdown-inner {
-	width: 280px;
-	background: #f2f2f2;
-	margin-bottom: 10px;
-	padding-bottom: 10px;
-	box-shadow: 1px 1px 4px #000;
-}
-
-.menu-item-dropdown h4 {
-	color: #000;
-	border-bottom: 1px solid #000;
-	margin: 0px 10px;
-	padding-top: 10px;
-	font-weight: 600;
-	line-height: 1.5em;
-}
-
-.menu-item-dropdown h4:first-child {
-	border-top: none;
-}
-
-.menu-item-dropdown form {
-	width: 100%;
-	height: 30px;
-	padding: 10px 0px;
-}
-
 #language-search {
 	float: left;
 	width: 139px;
@@ -828,36 +889,6 @@ input[type="search"] {
 	left: -1px;
 }
 
-.menu-item-dropdown ul {
-	padding-top: 10px;
-}
-
-.menu-item-dropdown ul li {
-	padding: 0px;
-	text-align: left;
-	line-height: 1.8em;
-	width: 260px;
-	margin: 0px 10px;
-}
-
-.menu-item-dropdown ul li a {
-	color: #B92034 !important;
-	font-weight: 500;
-	font-size: 11pt;
-	display: inline-block;
-	width: 100%;
-	height: 100%;
-	padding: 0px 10px;
-}
-
-.menu-item-dropdown ul li:hover a {
-	text-decoration: underline !important;
-}
-
-.menu-item-dropdown ul li:hover {
-	background: #e2e2e2;
-}
-
 .beta {
 	display: inline-block;
 	font-size: 8pt;
@@ -2234,6 +2265,10 @@ button.feedback {
 		position: fixed;
 	}
 
+	#header-bottom {
+		display: block;
+	}
+
 	#top-menu1 .menu-item {
 		width: 148px;
 	}
@@ -2564,6 +2599,10 @@ button.feedback {
 		display: none;
 	}
 
+	#header-bottom {
+		display: block;
+	}
+
 	.header {
 		position: fixed;
 	}
diff --git a/cdn/dev/css/template1.css b/cdn/dev/css/template1.css
deleted file mode 100644
index 8af68abf..00000000
--- a/cdn/dev/css/template1.css
+++ /dev/null
@@ -1,849 +0,0 @@
-/**************************************
- * CSS RESET
- * ***********************************/
-
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-html{
-    font-family: 'Cabin', sans-serif;
-    /*font-family: 'Source Sans Pro', sans-serif;*/
-}
-
-/**************************************
- * Page Layout CSS
- * ***********************************/
-
-html{
-    cursor: default;
-    background: #F2F2F2;
-}
-
-.wrapper{
-    width: 960px;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.button{
-    float: left;
-    width: 200px;
-    height: 40px;
-    line-height: 40px;
-    border-radius: 6px;
-    text-align: center;
-    margin: 20px;
-    cursor: pointer;
-    box-shadow: 1px 1px 2px #3e3e3e;
-}
-
-.button a{
-    text-decoration: none;
-}
-
-.button h2{
-    color: #fff;
-}
-
-#container{
-	min-height: 100%;
-	width: 100%;
-}
-
-.main{
-	float: left;
-	width: 100%;
-}
-
-.valign-outer{
-	height: 100%;
-	width: 100%;
-	overflow: hidden;
-	display: table;
-	position: static;
-}
-
-.valign-middle{
-	display: table-cell;
-	vertical-align: middle;
-	width: 100%;
-	position: static;
-}
-
-/**********************************
- * HEADER CSS
- *********************************/
-
-.header{
-    float: left;
-    width: 100%;
-    background: #fff;
-    display: block;
-}
-
-#show-phone-menu{
-	display: none;
-}
-
-#logo{
-    margin-left: 30px;
-    float: left;
-}
-
-#header-bottom{
-    width: 100%;
-    height: 8px;
-    display: block;
-}
-
-#help{
-	width: 130px;
-	position: absolute;
-	top: 35px;
-	left: 100%;
-	margin-left: -130px;
-	text-decoration: none;
-}
-
-#help p{
-	float: left;
-	font-size: 14pt;
-	color: #000;
-	vertical-align: top;
-	text-decoration: none;
-}
-
-#help img{
-	float: left;
-	margin-left: 10px;
-}
-
-/**************************************
- * TOP MENU 1 CSS
- * ***********************************/
-
-#top-menu1{
-	float: left;
-	width: 100%;
-	height: 50px;
-	background: #fff;
-	position: relative;
-	z-index: 2;
-	top: -8px;
-	padding-top: 12px;
-}
-
-#top-menu-icon{
-	float: left;
-	position: absolute;
-	top: 13px;
-	left: 30px;
-	display: none;
-}
-
-#top-menu-icon2{
-	float: left;
-	position: absolute;
-	top: 25px;
-	left: 100%;
-	margin-left: -57px;
-	display: none;
-}
-
-#top-menu1 .menu-item{
-	float: left;
-	width: 192px;
-	height: 50px;
-	text-align: center;
-	line-height: 50px;
-	overflow-y: visible;
-}
-
-#top-menu1 .menu-item:hover, #top-menu1 .menu-item img:hover{
-	cursor: pointer;
-	color: #B92034;
-}
-
-#top-menu1 .menu-item:hover h3{
-	text-decoration: underline;
-}
-
-#top-menu1 .menu-item:hover{
-	background: #f2f2f2;
-	box-shadow: 1px 1px 4px #000;
-	position: relative;
-	z-index: 2;
-}
-
-#top-menu1 .menu-item:hover .menu-item-dropdown{
-	display: block !important;
-}
-
-#top-menu1 .menu-item:hover .header-triangle img{
-	background: url('../img/triangle.png') 17px 0;
-}
-
-#top-menu1 .menu-item a{
-	color: #000;
-	text-decoration: none;
-}
-
-#top-menu1 .menu-item h3{
-	font-weight: 600;
-}
-
-.header-triangle img{
-	margin-left: 5px;
-	height: 9px;
-	width: 17px;
-	background: url('../img/triangle.png') 0 0;
-}
-
-#top-menu1 .menu-item .menu-item-sub{
-	float: left;
-	width: 50%;
-}
-
-#cart{
-	text-align: right;
-}
-
-#store:hover h3{
-	text-decoration: none !important;
-}
-
-#cart img{
-	margin-right: 5px;
-	position: relative;
-	top: 2px;
-	width: 22px;
-	height: 17px;
-	background: url('../img/cartsprite.png') 0 0;
-}
-
-#cart img:hover{
-	background: url('../img/cartsprite.png') 22px 0;
-}
-
-#buy{
-	text-align: left;	
-}
-
-#buy h3{
-	margin-left: 5px;
-}
-
-#buy h3:hover{
-	color: #B92034;
-	text-decoration: underline !important;
-}
-
-#store:hover{
-	box-shadow: none !important;
-	background: none !important;
-}
-
-#top-menu-bottom{
-    width: 100%;
-    height: 8px;
-    display: block;
-}
-
-.menu-item-dropdown{
-	width: 240px;
-	position: relative;
-	left: -5px;
-	z-index: 3;
-	display: none;
-	text-align: left;
-	padding: 0px 5px 5px 5px;
-	overflow: hidden;
-}
-
-.menu-dropdown-inner{
-	width: 240px;
-	background: #f2f2f2;
-	margin-bottom: 10px;
-	padding-bottom: 10px;
-	box-shadow: 1px 1px 4px #000;
-}
-
-.menu-item-dropdown h4{
-	color: #000;
-	border-bottom: 1px solid #000;
-	margin: 0px 10px;
-	padding-top: 10px;
-	font-weight: 600;
-	line-height: 1.5em;
-}
-
-.menu-item-dropdown h4:first-child{
-	border-top: none;
-}
-
-.menu-item-dropdown form{
-	width: 100%;
-	height: 30px;
-	padding: 10px 0px;
-}
-
-#language-search{
-	float: left;
-	width: 139px;
-	height: 28px;
-	border-radius: 0px;
-	border: solid 1px gray;
-	margin-left: 10px;
-	padding-left: 10px;
-}
-
-#search-submit{
-	float: left;
-	position: relative;
-	left: -1px;
-}
-
-.menu-item-dropdown ul li{
-	padding: 0px 10px;
-	text-align: left;
-	line-height: 1.8em;
-}
-
-.menu-item-dropdown ul li a{
-	color: #B92034 !important;
-	font-weight: 500;
-}
-
-.menu-item-dropdown ul li a:hover{
-	text-decoration: underline !important;
-}
-
-#phone-menu{
-	display: none;
-}
-
-/**********************************
- * FOOTER CSS
- *********************************/
-
-.footer{
-    float: left;
-    width: 100%;
-    height: 320px;
-    background: #A4A8AB;
-}
-
-.footer-third{
-    float: left;
-    width: 320px;
-    height: 200px;
-    margin-left: 80px;
-    margin-right: 80px;
-}
-
-.footer-third-title{
-    margin-top: 30px;
-    text-align: center;
-    font-size: 18pt;
-    color: #fff;
-    margin-bottom: 25px;
-}
-
-.footer-third form{
-    width: 320px;
-}
-
-.footer-third form input{
-	-webkit-appearance: none;
-	padding: 0px;
-    float: left;
-    height: 38px;
-    width: 200px;
-    padding-left: 10px;
-    font-size: 14pt;
-    border-radius: 6px;
-    border-bottom-right-radius: 0px;
-    border-top-right-radius: 0px;
-    box-shadow: none;
-    border: 1px solid #FFFFFF;
-    margin-left: 10px;
-}
-
-.footer-third form input:focus{
-    outline: 0;
-}
-
-.subscribe{
-    width: 90px;
-    margin: 0px;
-    border-top-left-radius: 0px;
-    border-bottom-left-radius: 0px;
-    background: #666666;
-    box-shadow: none;
-}
-.subscribe:hover{
-    background: #888888;
-}
-.footer-third img{
-    float: left;
-    width: 80px;
-    height: 50px;
-    margin-top: -5px;
-}
-
-.tavultesoft a, .tavultesoft a:visited {
-  color: white;
-  text-decoration: none;
-}
-
-.tavultesoft a:hover {
-  color: white;
-  text-decoration: underline;
-}
-
-#facebook{
-    margin-left: 40px;
-}
-
-#facebook, #twitter, #blog{
-	opacity: 1;
-}
-
-#facebook:hover, #twitter:hover, #blog:hover{
-	opacity: 0.5;
-}
-
-.tavultesoft{
-    width: 320px;
-    margin-left: auto;
-    margin-right: auto;
-    text-align: center;
-}
-
-.tavultesoft p{
-    color: #fff;
-    font-size: 12pt;
-    margin-top: 10px;
-}
-
-/**********************************
- * SECTION 1 CSS
- *********************************/
-
-.section1{
-	float: left;
-	width: 100%;
-	height: 420px;
-	background: #000000;
-	background-repeat:no-repeat;
-	background-size: 100% auto;
-	display: inline;
-}
-
-#section1-bgfamily{
-	background-image: url('../img/main-family-big.jpg');
-}
-
-#section1-bgwater{
-	background-image: url('../img/waterbg.png');
-}
-
-#section1-bgleaf{
-	background-image: url('../img/leafbg.jpg');
-}
-
-#sect1-title{
-	float: left;
-	width: 40%;
-	height: 420px;
-}
-
-#sect1-title h1{
-	font-size: 44pt;
-	line-height: 1.2em;
-	color: #fff;
-	padding: 40px;
-	text-shadow: 1px 1px 3px #000;
-}
-
-#sect1-title a{
-	text-align: center;
-	display: block;
-	position: relative;
-	top: -25px;
-}
-
-#sect1-image{
-	float: left;
-	width: 60%;
-	height: 420px;
-	text-align: center;
-}
-
-#sect1-image img{
-	padding: 0px;
-}
-
-/**********************************
- * SECTION 2 CSS
- *********************************/
-
-#section2{
-	float: left;
-	width: 100%;
-	margin-bottom: 30px;
-	display: inline;
-}
-
-#section2 h2{
-	font-size: 20pt;
-	line-height: 1.2em;
-	padding: 40px 10px 10px 10px;
-}
-
-#section2 h3{
-	font-size: 14pt;
-	font-weight: 600;
-	padding: 0px 10px 10px 10px;
-}
-
-#section2 p{
-	padding: 0px 10px 10px 10px;
-	line-height: 1.2em;
-	font-size: 14pt;
-}
-
-#section2 p a{
-	color: #B92034;
-	text-decoration: underline;
-	cursor: pointer;
-	font-weight: 600;
-	line-height: 1.2em;
-}
-
-#section2 li{
-	padding: 0px 10px;
-	margin-left: 10px;
-	list-style: disc;
-	list-style-position: inside;
-	line-height: 1.5em;
-}
-
-/**********************************
- * PHONE MENU CSS
- *********************************/
-
-#show-phone-menu{
-	display: none;
-	float: left;
-	margin: 10px;
-	position: relative;
-	z-index: 6;
-}
-#phone-menu{
-	position: fixed;
-	top: 49px;
-	left: 0px;
-	z-index: 5;
-	width: 80%;
-	height: 100%;
-}
-#phone-menu-inner{
-	width: 100%;
-	height: 100%;
-	overflow-y: scroll;
-	padding-bottom: 40%;
-	-webkit-overflow-scrolling:touch;
-	border-right: solid 4px #C1C1C1;
-	background: #f2f2f2;
-}
-.phone-menu-item{
-	float: left;
-	width: 100%;
-	height: auto;
-	padding: 10px 0px;
-	background: #fff;
-}
-.phone-menu-item:last-child{
-	margin-bottom: 60px;
-}
-.phone-menu-item h3{
-	font-size: 14pt;
-	font-weight: bold;
-	margin: 0px 10px;
-	border-bottom: solid 1px #000;
-}
-.phone-menu-item form{
-	margin-top: 10px;
-}
-#language-search2{
-	float: left;
-	width: 144px;
-	height: 30px;
-	margin-left: 10px;
-	border-radius: 0px;
-	border: solid 1px gray;
-	padding: 0px;
-	padding-left: 10px;
-	font-size: 12pt;
-}
-#search-submit2{
-	float: left;
-	position: relative;
-	left: -1px;
-	border-radius: 0px;
-}
-.phone-menu-item ul{
-	padding: 10px;
-}
-.phone-menu-item ul li{
-	line-height: 1.8em;
-}
-.phone-menu-item ul li a{
-	text-decoration: underline;
-	color: #B92034;
-}
-
-/**************************************
- * TABLET CSS
- * ***********************************/
-
-@media only screen and (min-width: 768px) and (max-width: 1024px){
-	.wrapper{
-		width: 740px;
-	}
-	/* Header */
-	.header{
-		position: fixed;
-	}
-	#top-menu1 .menu-item{
-		width: 148px;
-	}
-	#top-menu1 .menu-item h3{
-		font-size: 10pt;
-	}
-	#logo{
-		margin-bottom: 15px;
-	}
-	/* Footer */
-	.footer-third{
-		width: 370px;
-		margin-left: 0px;
-		margin-right: 0px;
-	}
-	/* Section 1 */
-	.section1{
-		margin-top: 80px;
-	}
-	#sect1-title h1{
-		font-size: 36pt;
-	}
-	#sect1-image img{
-		width: 90%;
-	}
-	/* Phone Menu */
-	#top-menu1{
-		display: none;
-	}
-	#show-phone-menu{
-		display: block;
-		margin-top: 28px;
-	}
-	#phone-menu{
-		top: 81px;
-		width: 40%;
-	}
-}
-
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
-	#sect1-title h1{
-		text-align: center;
-		font-size: 28pt;
-	}
-}
-
-/* 7 inch */
-@media all and (min-width: 600px) and (max-width: 768px){
-	.wrapper{
-		width: 580px;
-	}
-	/* Header */
-	#top-menu1 .menu-item{
-		width: 116px;
-	}
-	#top-menu1 .menu-item h3{
-		font-size: 8pt;
-	}
-	/* Footer */
-	.footer-third{
-		width: 290px;
-		margin-left: 0px;
-		margin-right: 0px;
-	}
-	.footer-third form{
-		width: 290px;
-	}
-	.footer-third form input{
-		width: 170px;
-	}
-	#facebook{
-		margin-left: 20px;
-	}
-	/* Section 1 */
-	#sect1-title h1{
-		font-size: 28pt;
-		text-align: center;
-	}
-	#sect1-image img{
-		width: 90%;
-	}
-	/* Phone Menu */
-	#show-phone-menu{
-		display: block;
-	}
-}
-
-
-
-
-/**************************************
- * PHONE CSS
- * ***********************************/
-
-@media all and (min-width: 10px) and (max-width: 600px){
-	.wrapper{
-		width: 320px;
-	}
-	/* Header */
-	.header{
-		position: fixed;
-	}
-	#top-menu1{
-		display: none;
-	}
-	#help{
-		display: none;
-	}
-	.header{
-		height: 49px !important;
-	}
-	#logo{
-		margin-top: 3px;
-		width: 125px;
-		position: fixed;
-		left: 50%;
-		margin-left: -62px;
-	}
-	/* Footer */
-	.footer{
-		height: auto;
-	}
-	.footer-third{
-		margin-left: 0px;
-		margin-right: 0px;
-		height: auto;
-	}
-	.tavultesoft{
-		float: left;
-		margin-top: 40px;
-		margin-bottom: 20px;
-	}
-	.tavultesoft img{
-		display: none;
-	}
-	/* Section 1 */
-	.section1{
-		margin-top: 57px;
-		height: auto;
-		background-size: auto 100%;
-	}
-	#sect1-image{
-		width: 100%;
-		height: auto;
-	}
-	#sect1-image img{
-		width: 80%;
-		height: auto;
-		padding-bottom: 10px;
-	}
-	#sect1-title{
-		width: 100%;
-		height: auto;
-	}
-	#sect1-title h1{
-		font-size: 24pt;
-		text-align: center;
-		padding: 20px 10px 0px 10px;
-	}
-	#sect1-title a{
-		display: none;
-	}
-	/* Phone Menu */
-	#show-phone-menu{
-		display: block;
-	}
-}
-
-/* Landscape mode */
-@media all and (min-width: 480px) and (max-width: 600px) and (orientation: landscape){
-	.wrapper{
-		width: 460px;
-	}
-	/* Header */
-	/* Footer */
-	.footer-third{
-		margin-left: 70px;
-		margin-right: 70px;
-	}
-	.tavultesoft{
-		margin-left: 70px;
-	}
-	/* Section 1 */
-}
-
diff --git a/cdn/dev/img/globe.png b/cdn/dev/img/globe.png
new file mode 100644
index 00000000..ceb2d60d
Binary files /dev/null and b/cdn/dev/img/globe.png differ
diff --git a/keyboards/index.php b/keyboards/index.php
index c188fa85..6c4f851f 100644
--- a/keyboards/index.php
+++ b/keyboards/index.php
@@ -7,10 +7,16 @@
   use Keyman\Site\com\keyman\templates\Menu;
   use Keyman\Site\com\keyman\templates\Body;
   use Keyman\Site\com\keyman\templates\Foot;
+  use Keyman\Site\com\keyman\Locale;
+
+  function _m($id) {
+    return Locale::m('keyboards', $id);
+  }
 
   $head_options = [
-    'title' =>'Keyboard Search',
-    'description' => 'Keyman Keyboard Search',
+    'title' => _m('page_title'),
+    'description' => _m('page_description'),
+    'language' => isset($_SESSION['lang']) ? $_SESSION['lang'] : 'en',
     'css' => [Util::cdn('css/template.css'), Util::cdn('keyboard-search/search.css')],
     'js' => [Util::cdn('keyboard-search/jquery.mark.js'), Util::cdn('keyboard-search/dedicated-landing-pages.js'),
       Util::cdn('keyboard-search/search.js')]
@@ -46,14 +52,14 @@
 
 <div class='<?= $embed == 'none' ? '' : 'embed embed-'.$embed ?>'>
 
-  <h2 class="red underline"><a href='/keyboards'>Keyboard Search</a></h2>
+  <h2 class="red underline"><a href='/keyboards'><?= _m('page_title') ?></a></h2>
 
   <div id='search-box'>
     <form method='get' action='/keyboards' name='f'>
-      <label for="search-q">Keyboard search:</label><input id="search-q" type="text" placeholder="Enter language or keyboard" name="q"
+      <label for="search-q"><?= _m('keyboard_search') ?></label><input id="search-q" type="text" placeholder="<?= _m('enter_language') ?>" name="q"
       <?php if($embed == 'none') echo 'autofocus'; ?>>
-      <input id="search-f" type="image" src="<?= cdn('img/search-button.png"') ?>" value="Search" onclick="return do_search()">
-      <label id="search-new"><a href='/keyboards<?=$session_query_q?>'>New search</a></label>
+      <input id="search-f" type="image" src="<?= cdn('img/search-button.png"') ?>" value="<?= _m('search') ?>" onclick="return do_search()">
+      <label id="search-new"><a href='/keyboards<?=$session_query_q?>'><?= _m('new_search')?></a></label>
       <input id="search-obsolete" type="hidden" name="obsolete" value="0">
       <input id="search-page" type="hidden" name="page" value="1">
     </form>
@@ -62,14 +68,14 @@
   <div id='search-results-container' class=''>
   <div id='search-results'></div>
   <div id='search-results-empty'>
-    <p>Enter the name of a keyboard or language to search for. (<a href="?q=p:popular">Popular keyboards</a> | <a href="?q=p:alphabetical">All keyboards</a>)</p>
+    <p><?= _m('enter_name') ?> (<a href="?q=p:popular"><?= _m('popular_keyboards') ?></a> | <a href="?q=p:alphabetical"><?= _m('all_keyboards') ?></a>)</p>
     <br />
-    <p>Hints</p>
+    <p><?= _m('hints') ?></p>
     <ul>
-      <li>The search always returns a list of keyboards. It searches for keyboard names and details, language names, country names and script names.</li>
-      <li>You can apply prefixes <code>k:</code> (keyboards), <code>l:</code> (languages), <code>s:</code> (scripts, writing systems)
-      or <code>c:</code> (countries) to filter your search results. For example <code>c:thailand</code> searches for keyboards for languages used in Thailand.</li>
-      <li>Use prefix <code>l:id:</code> to search for a BCP 47 language tag, for example <code>l:id:ti-et</code> searches for Tigrigna (Ethiopia).</li>
+      <li><?= _m('searchbox_description') ?></li>
+      <li><?= _m('searchbox_hint') ?> <code>k:</code> <?= _m('keyboards') ?> <code>l:</code> <?= _m('languages') ?> <code>s:</code> <?= _m('scripts_ws') ?>
+        <code>c:</code> <?= _m('countries_to_filter') ?> <code>c:thailand</code> <?= _m('thailand_searches') ?></li>
+      <li><?= _m('use_prefix') ?> <code>l:id:</code> <?= _m('to search for a BCP 47 language tag, for example') ?> <code>l:id:ti-et</code> <?= _m('searches_tigrigna') ?></li>
     </ul>
   </div>
 </div>
diff --git a/keyboards/session.php b/keyboards/session.php
index b2153876..62f1e5d6 100644
--- a/keyboards/session.php
+++ b/keyboards/session.php
@@ -32,6 +32,20 @@
   $embed_ios = $embed == 'ios';
   $embed_developer = $embed == 'developer';
 
+  if(isset($_REQUEST['lang'])) {
+    \Keyman\Site\com\keyman\Locale::setLocale($_REQUEST['lang']);
+  } else if (isset($_SESSION['lang'])) {
+    \Keyman\Site\com\keyman\Locale::setLocale($_SESSION['lang']);
+  } else {
+    // Fallback to English locale
+    \Keyman\Site\com\keyman\Locale::setLocale(
+      \Keyman\Site\com\keyman\Locale::DEFAULT_LOCALE);
+  }
+  $embed_locale = \Keyman\Site\com\keyman\Locale::currentLocales();
+  if (!empty($embed_locale) && $embed_locale != \Keyman\Site\com\keyman\Locale::DEFAULT_LOCALE) { 
+    $_SESSION['lang'] = $embed_locale[0];
+  }
+
   if($embed != 'none') {
     // Poor man's session control because IE embedded in downlevel Windows destroys cookie support by
     // default, including in existing versions of Keyman.