New style and added ContextWizard pages
This commit is contained in:
qingjie.du
109
passkey.html
109
passkey.html
@@ -8,7 +8,7 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
|
||||
content="width=device-width, initial-scale=1.0"
|
||||
/>
|
||||
|
||||
<title> Passkeys - amiPro </title>
|
||||
@@ -16,7 +16,7 @@
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-850DCHX9EJ"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
globalThis.dataLayer = globalThis.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
@@ -43,6 +43,7 @@
|
||||
<link rel="stylesheet" href="files/core.css" class="template-customizer-core-css" />
|
||||
<link rel="stylesheet" href="files/theme-default.css" class="template-customizer-theme-css" />
|
||||
<link rel="stylesheet" href="files/demo.css" />
|
||||
<link rel="stylesheet" href="files/modern.css" />
|
||||
|
||||
<!-- Vendors CSS -->
|
||||
<link rel="stylesheet" href="files/perfect-scrollbar.css" />
|
||||
@@ -91,6 +92,12 @@
|
||||
lang_map.set("ja", "お問い合わせ（sales@amipro.me）");
|
||||
i18n_messages.set("title_contact", lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set("en-US", "Contact us (sales@amipro.me)");
|
||||
lang_map.set("zh-CN", "联系我们（sales@amipro.me）");
|
||||
lang_map.set("ja", "お問い合わせ（sales@amipro.me）");
|
||||
i18n_messages.set("title_contact_cta", lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set("en-US", "Passkey definition");
|
||||
lang_map.set("zh-CN", "Passkey 的定义");
|
||||
@@ -141,6 +148,7 @@
|
||||
|
||||
window.onload = async function() {
|
||||
setI18NText(i18n_messages)
|
||||
initRevealAnimations()
|
||||
}
|
||||
|
||||
</script>
|
||||
@@ -179,61 +187,53 @@
|
||||
<!-- Content wrapper -->
|
||||
<div class="content-wrapper">
|
||||
<!-- Content -->
|
||||
<div style="margin: 20px;">
|
||||
|
||||
<div class="accordion mt-3">
|
||||
<div class="card accordion-item">
|
||||
<h5 class="accordion-header" id="info_title_1" style="margin: 10px;">
|
||||
define
|
||||
</h5>
|
||||
|
||||
<div id="accordionOne" class="accordion-collapse ">
|
||||
<div class="accordion-body" id="info_1">
|
||||
define
|
||||
<div style="margin: 24px;">
|
||||
<section class="hero reveal">
|
||||
<div class="hero__text" data-animate>
|
||||
<span class="hero__eyebrow">Passkey essentials</span>
|
||||
<h1 class="hero__title">Everything teams need to understand Passkeys</h1>
|
||||
<p class="hero__lead">
|
||||
Share the fundamentals with product, security, and CX partners using this at-a-glance passkey
|
||||
briefing powered by amiPro research.
|
||||
</p>
|
||||
<div class="hero__chips">
|
||||
<span class="hero-chip">FIDO2 ready</span>
|
||||
<span class="hero-chip">Phishing resistant</span>
|
||||
<span class="hero-chip">Device agnostic</span>
|
||||
</div>
|
||||
<div style="margin-top: 2rem; display: flex; gap: 0.8rem; flex-wrap: wrap;">
|
||||
<a href="merits.html" class="btn btn-outline-info">See benefits</a>
|
||||
<a href="mailto:sales@amipro.me?subject=Passkey%20questions" class="btn btn-primary" id="title_contact_cta">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card accordion-item">
|
||||
<h5 class="accordion-header" id="info_title_2" style="margin: 10px;">
|
||||
define
|
||||
</h5>
|
||||
|
||||
<div id="accordionOne" class="accordion-collapse ">
|
||||
<div class="accordion-body" id="info_2">
|
||||
define
|
||||
<div class="hero__media" data-animate>
|
||||
<div class="hero__device">
|
||||
<img src="files/passkeys.jpg" alt="Passkey devices">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="card accordion-item">
|
||||
<h5 class="accordion-header" id="info_title_3" style="margin: 10px;">
|
||||
define
|
||||
</h5>
|
||||
|
||||
<div id="accordionOne" class="accordion-collapse ">
|
||||
<div class="accordion-body" id="info_3">
|
||||
define
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card accordion-item">
|
||||
<h5 class="accordion-header" id="info_title_4" style="margin: 10px;">
|
||||
define
|
||||
</h5>
|
||||
|
||||
<div id="accordionOne" class="accordion-collapse ">
|
||||
<div class="accordion-body" id="info_4">
|
||||
define
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="info-panels" style="margin-top: 3rem;">
|
||||
<article class="info-panel" data-animate>
|
||||
<h4 id="info_title_1">define</h4>
|
||||
<p id="info_1">define</p>
|
||||
</article>
|
||||
<article class="info-panel" data-animate>
|
||||
<h4 id="info_title_2">define</h4>
|
||||
<p id="info_2">define</p>
|
||||
</article>
|
||||
<article class="info-panel" data-animate>
|
||||
<h4 id="info_title_3">define</h4>
|
||||
<p id="info_3">define</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="info-panel" data-animate style="margin-top: 3rem;">
|
||||
<h4 id="info_title_4">define</h4>
|
||||
<p id="info_4">define</p>
|
||||
<img src="files/amipro_sys.jpg" alt="amiPro architecture" style="width: 100%; border-radius: 18px; margin-top: 1rem;">
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
</div>
|
||||
<!-- / Content -->
|
||||
|
||||
<!-- Footer -->
|
||||
@@ -271,15 +271,6 @@
|
||||
</div>
|
||||
<!-- / Layout wrapper -->
|
||||
|
||||
<!-- div class="buy-now">
|
||||
<a
|
||||
href="https://themeselection.com/products/sneat-bootstrap-html-admin-template/"
|
||||
target="_blank"
|
||||
class="btn btn-danger btn-buy-now"
|
||||
>Upgrade to Pro</a
|
||||
>
|
||||
</div -->
|
||||
|
||||
<!-- Page JS -->
|
||||
|
||||
<!-- Place this tag in your head or just before your close body tag. -->
|
||||
|
||||
Reference in New Issue
Block a user