diff --git a/core/modules/system/templates/html.html.twig b/core/modules/system/templates/html.html.twig
new file mode 100644
index 0000000..97720ef
--- /dev/null
+++ b/core/modules/system/templates/html.html.twig
@@ -0,0 +1,71 @@
+{#
+/**
+ * @file
+ * Default theme implementation for the basic structure of a single Drupal page.
+ *
+ * Variables:
+ * - attributes:
+ * - content_attributes:
+ * - css: An array of CSS files for the current page.
+ * - db_is_active:
+ * - directory:
+ * - head: Markup for the HEAD section (including meta tags, keyword tags, and
+ *   so on).
+ * - head_title: A modified version of the page title, for use in the TITLE
+ *   tag.
+ * - head_title_array: (array) An associative array containing the string parts
+ *   that were used to generate the $head_title variable, already prepared to be
+ *   output as TITLE tag. The key/value pairs may contain one or more of the
+ *   following, depending on conditions:
+ *   - title: The title of the current page, if any.
+ *   - name: The name of the site.
+ *   - slogan: The slogan of the site, if any, and if there is no title.
+ * - html_attributes:
+ * - id:
+ * - is_admin:
+ * - is_front:
+ * - logged_in:
+ * - page: The rendered page content.
+ * - page_bottom: Final closing markup from any modules that have altered the
+ *   page. This variable should always be output last, after all other dynamic
+ *   content.
+ * - page_top: Initial markup from any modules that have altered the
+ *   page. This variable should always be output first, before all other dynamic
+ *   content.
+ * - styles: Style tags necessary to import all CSS files for the page.
+ * - theme_hook_original:
+ * - theme_hook_suggestions:
+ * - title_attributes:
+ * - title_prefix:
+ * - title_suffix:
+ * - user:
+ * - zebra:
+ * - scripts: Script tags necessary to load the JavaScript files and settings
+ *   for the page.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_html()
+ * @see template_process()
+ *
+ * @ingroup themeable
+ */
+#}
+<!DOCTYPE html>
+<html{{ html_attributes }}>
+  <head>
+    {{ head }}
+    <title>{{ head_title }}</title>
+    {{ styles }}
+    {{ scripts }}
+  </head>
+  <body class="{{ attributes.class }}"{{ attributes }}>
+    <div id="skip-link">
+      <a href="#main-content" class="element-invisible element-focusable">
+        {{ 'Skip to main content' | t }}
+      </a>
+    </div>
+    {{ page_top }}
+    {{ page }}
+    {{ page_bottom }}
+  </body>
+</html>
diff --git a/core/modules/system/templates/html.tpl.php b/core/modules/system/templates/html.tpl.php
deleted file mode 100644
index 893d8a0..0000000
--- a/core/modules/system/templates/html.tpl.php
+++ /dev/null
@@ -1,60 +0,0 @@
-<?php
-
-/**
- * @file
- * Default theme implementation to display the basic html structure of a single
- * Drupal page.
- *
- * Variables:
- * - $css: An array of CSS files for the current page.
- * - $language: (object) The language the site is being displayed in.
- *   $language->langcode contains its textual representation.
- *   $language->dir contains the language direction.
- *   It will either be 'ltr' or 'rtl'.
- * - $head_title: A modified version of the page title, for use in the TITLE
- *   tag.
- * - $head_title_array: (array) An associative array containing the string parts
- *   that were used to generate the $head_title variable, already prepared to be
- *   output as TITLE tag. The key/value pairs may contain one or more of the
- *   following, depending on conditions:
- *   - title: The title of the current page, if any.
- *   - name: The name of the site.
- *   - slogan: The slogan of the site, if any, and if there is no title.
- * - $head: Markup for the HEAD section (including meta tags, keyword tags, and
- *   so on).
- * - $styles: Style tags necessary to import all CSS files for the page.
- * - $scripts: Script tags necessary to load the JavaScript files and settings
- *   for the page.
- * - $page_top: Initial markup from any modules that have altered the
- *   page. This variable should always be output first, before all other dynamic
- *   content.
- * - $page: The rendered page content.
- * - $page_bottom: Final closing markup from any modules that have altered the
- *   page. This variable should always be output last, after all other dynamic
- *   content.
- * - $classes String of classes that can be used to style contextually through
- *   CSS.
- *
- * @see template_preprocess()
- * @see template_preprocess_html()
- * @see template_process()
- *
- * @ingroup themeable
- */
-?><!DOCTYPE html>
-<html<?php print $html_attributes; ?>>
-  <head>
-    <?php print $head; ?>
-    <title><?php print $head_title; ?></title>
-    <?php print $styles; ?>
-    <?php print $scripts; ?>
-  </head>
-  <body class="<?php print $attributes['class']; ?>" <?php print $attributes;?>>
-    <div id="skip-link">
-      <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
-    </div>
-    <?php print $page_top; ?>
-    <?php print $page; ?>
-    <?php print $page_bottom; ?>
-  </body>
-</html>
