1 files changed, 123 insertions, 0 deletions
diff --git a/browser/components/privatebrowsing/content/aboutPrivateBrowsing.html b/browser/components/privatebrowsing/content/aboutPrivateBrowsing.html
new file mode 100644
index 0000000000..c9be4a9090
--- /dev/null
+++ b/browser/components/privatebrowsing/content/aboutPrivateBrowsing.html
@@ -0,0 +1,123 @@
+<!--
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+-->
+<!DOCTYPE html>
+
+<html xmlns="http://www.w3.org/1999/xhtml" class="private">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="default-src chrome: blob:; object-src 'none'"
+    />
+    <meta name="color-scheme" content="light dark" />
+    <link rel="icon" href="chrome://browser/skin/privatebrowsing/favicon.svg" />
+    <link
+      rel="stylesheet"
+      href="chrome://browser/content/aboutPrivateBrowsing.css"
+      media="all"
+    />
+    <link
+      rel="stylesheet"
+      href="chrome://browser/skin/privatebrowsing/aboutPrivateBrowsing.css"
+      media="all"
+    />
+    <link rel="localization" href="branding/brand.ftl" />
+    <link rel="localization" href="toolkit/branding/brandings.ftl" />
+    <link rel="localization" href="browser/aboutPrivateBrowsing.ftl" />
+    <script src="chrome://browser/content/aboutPrivateBrowsing.js"></script>
+    <script src="chrome://browser/content/contentSearchHandoffUI.js"></script>
+  </head>
+
+  <body>
+    <p class="showNormal" data-l10n-id="about-private-browsing-not-private"></p>
+    <button
+      id="startPrivateBrowsing"
+      class="showNormal"
+      data-l10n-id="privatebrowsingpage-open-private-window-label"
+    ></button>
+    <div id="search-banner" class="search-banner" hidden="true">
+      <button
+        id="search-banner-close-button"
+        class="search-banner-close-button"
+        data-l10n-id="about-private-browsing-search-banner-close-button"
+      >
+        <img
+          class="search-banner-close-image"
+          src="chrome://global/skin/icons/close.svg"
+        />
+      </button>
+      <div class="banner-body">
+        <h1
+          id="about-private-browsing-search-banner-title"
+          data-l10n-id="about-private-browsing-search-banner-title"
+          data-l10n-args='{"engineName": ""}'
+        ></h1>
+        <p
+          id="about-private-browsing-search-banner-description"
+          data-l10n-id="about-private-browsing-search-banner-description"
+        >
+          <a
+            href=""
+            id="open-search-options-link"
+            data-l10n-name="link-options"
+          ></a>
+        </p>
+      </div>
+    </div>
+    <div class="showPrivate showSearch container">
+      <div class="logo-and-wordmark">
+        <div id="about-private-browsing-logo" class="logo"></div>
+        <div class="wordmark"></div>
+      </div>
+      <div class="search-inner-wrapper">
+        <button
+          id="search-handoff-button"
+          class="search-handoff-button"
+          tabindex="-1"
+          aria-hidden="true"
+        >
+          <div class="fake-textbox"></div>
+          <input
+            id="fake-editable"
+            class="fake-editable"
+            tabindex="-1"
+            aria-hidden="true"
+          />
+          <div class="fake-caret"></div>
+        </button>
+      </div>
+      <div class="info">
+        <h1 id="info-title"></h1>
+        <p id="info-body"></p>
+        <a id="private-browsing-myths"></a>
+      </div>
+    </div>
+
+    <div class="promo" hidden>
+      <div class="promo-image-large">
+        <img src="" alt="" role="presentation" />
+      </div>
+      <div class="promo-content">
+        <h1 id="promo-header"></h1>
+        <p id="private-browsing-promo-text" class="vpn-promo"></p>
+        <div class="promo-cta">
+          <button
+            id="private-browsing-promo-link"
+            class="vpn-promo primary"
+          ></button>
+          <div class="promo-image-small">
+            <img src="" alt="" />
+          </div>
+        </div>
+      </div>
+      <button
+        data-l10n-id="about-private-browsing-promo-close-button"
+        id="dismiss-btn"
+        class="promo-dismiss"
+      ></button>
+    </div>
+  </body>
+</html>