Imported design export as-is (2/5)
This commit is contained in:
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>קיבלנו! | eazy English</title>
|
||||
<link rel="icon" href="assets/logo-mark-orange.png" type="image/png">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="./support.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<x-dc>
|
||||
<helmet>
|
||||
<link rel="stylesheet" href="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/colors_and_type.css">
|
||||
<link rel="stylesheet" href="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/styles.css">
|
||||
<script src="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/_ds_bundle.js"></script>
|
||||
<link rel="stylesheet" href="assets/responsive.css">
|
||||
<script src="https://unpkg.com/@phosphor-icons/web"></script>
|
||||
<style>
|
||||
html{background:#fff}
|
||||
body{margin:0;background:#fff}
|
||||
a{color:var(--ez-link)}a:hover{color:var(--ez-link-hover)}
|
||||
</style>
|
||||
</helmet>
|
||||
<template id="__bundler_thumbnail"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="#F37327"></rect><text x="50" y="68" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="50" fill="#ffffff">✓</text></svg></template>
|
||||
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink);display:grid;grid-template-rows:auto 1fr auto">
|
||||
|
||||
<x-import component-from-global-scope="ez-mobile-chrome" from="assets/mobile-chrome.js" hint-size="1px,1px"></x-import>
|
||||
<header data-screen-label="Header" style="display:flex;align-items:center;justify-content:space-between;padding:18px 64px;border-bottom:1px solid var(--ez-line)">
|
||||
<a href="index.html" style="display:flex;align-items:center;gap:12px;border-bottom:none">
|
||||
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:54px;height:54px">
|
||||
<span style="width:1px;height:30px;background:var(--ez-line)"></span>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-lavender-deep);line-height:1">English</span>
|
||||
</a>
|
||||
<span dir="ltr" style="font-family:var(--font-mono);font-size:14.5px;color:var(--ez-fg-2)">1-700-70-70-07</span>
|
||||
</header>
|
||||
|
||||
<section data-screen-label="תודה" style="display:grid;place-content:center;padding:64px;text-align:center">
|
||||
<div style="display:grid;gap:18px;justify-items:center;max-width:560px">
|
||||
<div style="width:84px;height:84px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center">
|
||||
<i class="ph-bold ph-check" style="font-size:42px;color:#fff"></i>
|
||||
</div>
|
||||
<h1 style="font-family:var(--font-display);font-weight:700;font-size:42px;color:var(--ez-ink);margin:0">קיבלנו. מכאן זה עלינו.</h1>
|
||||
<p style="font-size:19px;line-height:1.6;color:var(--ez-fg-2);margin:0">יועץ אנושי מתקשר אליכם תוך יום עבודה (בדרך כלל הרבה פחות). אם השארתם מייל – שלחנו לכם אישור עם כל הפרטים.</p>
|
||||
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:22px 28px;display:grid;gap:10px;justify-items:center;margin-top:8px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">בינתיים – שווה לבדוק איפה אתם</span>
|
||||
<span style="font-size:17px;color:var(--ez-fg-2)">מבחן רמה של 5 דקות ייתן ליועץ נקודת פתיחה מדויקת לשיחה.</span>
|
||||
<a href="free.html" style="background:var(--ez-orange);color:#fff;border-radius:999px;padding:12px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;border-bottom:none">למבחן הרמה ←</a>
|
||||
</div>
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--ez-orange);margin-top:6px">פשוט תצליחו.</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer data-screen-label="Footer" style="padding:28px 64px;border-top:1px solid var(--ez-line)">
|
||||
<div style="max-width:1152px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ez-fg-2)">
|
||||
<a href="index.html" style="display:flex;align-items:center;gap:10px;border-bottom:none">
|
||||
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:44px;height:44px">
|
||||
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-orange)">פשוט תצליחו.</span>
|
||||
</a>
|
||||
<span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</x-dc>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user