{"id":98,"date":"2026-08-06T07:04:26","date_gmt":"2026-08-06T07:04:26","guid":{"rendered":"https:\/\/212english.com\/?page_id=98"},"modified":"2026-08-06T07:18:13","modified_gmt":"2026-08-06T07:18:13","slug":"elementor-97","status":"publish","type":"page","link":"https:\/\/212english.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"98\" class=\"elementor elementor-98\">\n\t\t\t\t<div class=\"elementor-element elementor-element-796b95c e-flex e-con-boxed e-con e-parent\" data-id=\"796b95c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-174c3ec elementor-widget elementor-widget-shortcode\" data-id=\"174c3ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Noto+Serif+JP:wght@300;400;600&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  .h212-container { --navy: #f5f0e8; --gold: #b8912e; --gold-light: #8a6a1a; --cream: #f7f3ec; --warm-white: #2a1f05; }\n  .h212-container * { margin: 0; padding: 0; box-sizing: border-box; }\n  .h212-container {\n    position: relative;\n    background-color: #f0ead8;\n    font-family: 'DM Sans', sans-serif;\n    min-height: 100vh;\n    overflow: hidden;\n    display: flex; flex-direction: column;\n    align-items: center; justify-content: center;\n    padding: 40px 20px;\n  }\n  .h212-container::before {\n    content: ''; position: absolute; top: -200px; right: -200px;\n    width: 600px; height: 600px;\n    background: radial-gradient(circle, rgba(201,168,76,0.18) 0%, transparent 70%);\n    pointer-events: none; z-index: 0;\n  }\n  .h212-container::after {\n    content: ''; position: absolute; bottom: -200px; left: -200px;\n    width: 500px; height: 500px;\n    background: radial-gradient(circle, rgba(201,168,76,0.12) 0%, transparent 70%);\n    pointer-events: none; z-index: 0;\n  }\n  .h212-container > * { position: relative; z-index: 1; }\n\n  .student-login-wrap { margin-bottom: 20px; animation: h212FloatUp 1s ease 0.05s both; }\n  .student-login-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: rgba(184,145,46,0.12);\n    border: 1px solid rgba(184,145,46,0.5);\n    border-radius: 100px; padding: 11px 28px;\n    color: #7a5c10; font-family: 'DM Sans', sans-serif;\n    font-size: 13px; font-weight: 500; letter-spacing: 0.08em;\n    cursor: pointer; text-decoration: none; transition: all 0.3s ease;\n  }\n  .student-login-btn:hover {\n    background: rgba(184,145,46,0.22); border-color: rgba(184,145,46,0.8);\n    color: #4a3500; transform: translateY(-2px); box-shadow: 0 8px 28px rgba(184,145,46,0.15);\n  }\n  .login-icon { width: 18px; height: 18px; opacity: 0.85; flex-shrink: 0; }\n  .login-label-jp { font-family: 'Noto Serif JP', serif; font-size: 11px; opacity: 0.65; letter-spacing: 0.05em; }\n\n  .h212-card {\n    background: rgba(255,252,245,0.85);\n    border: 1px solid rgba(184,145,46,0.25);\n    border-radius: 24px; padding: 56px 52px;\n    max-width: 680px; width: 100%; text-align: center;\n    backdrop-filter: blur(20px);\n    box-shadow: 0 20px 60px rgba(120,90,20,0.1), inset 0 1px 0 rgba(255,255,255,0.8);\n    animation: h212FloatUp 1s ease 0.2s both;\n  }\n  .school-name-en { font-family: 'Playfair Display', serif; font-size: clamp(28px, 5vw, 44px); color: #1e1500; line-height: 1.15; margin-bottom: 6px; }\n  .school-name-en em { color: var(--gold); font-style: italic; }\n  .school-name-jp { font-family: 'Noto Serif JP', serif; font-size: clamp(14px, 2.5vw, 17px); color: rgba(184,145,46,0.8); font-weight: 300; letter-spacing: 0.2em; margin-bottom: 40px; }\n\n  .h212-divider { display: flex; align-items: center; gap: 16px; margin-bottom: 36px; }\n  .divider-line { flex: 1; height: 1px; background: linear-gradient(to right, transparent, rgba(184,145,46,0.35), transparent); }\n  .divider-diamond { width: 6px; height: 6px; background: var(--gold); transform: rotate(45deg); opacity: 0.6; }\n\n  .message-en { font-size: clamp(15px, 2.5vw, 17px); color: rgba(30,20,0,0.75); line-height: 1.75; margin-bottom: 20px; font-weight: 300; }\n  .message-jp { font-family: 'Noto Serif JP', serif; font-size: clamp(13px, 2vw, 15px); color: rgba(30,20,0,0.5); line-height: 2; margin-bottom: 36px; font-weight: 300; }\n\n  .prices-link-wrap { margin-bottom: 36px; }\n  .prices-link {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: rgba(184,145,46,0.1);\n    border: 1px solid rgba(184,145,46,0.4);\n    border-radius: 12px; padding: 14px 32px;\n    color: #7a5c10; font-family: 'DM Sans', sans-serif;\n    font-size: 15px; font-weight: 500; text-decoration: none; transition: all 0.3s ease;\n  }\n  .prices-link:hover {\n    background: rgba(184,145,46,0.2); border-color: rgba(184,145,46,0.7);\n    color: #4a3500; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(184,145,46,0.15);\n  }\n\n  .contact-label { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(184,145,46,0.7); margin-bottom: 16px; }\n  .contact-label-jp { font-family: 'Noto Serif JP', serif; font-size: 12px; letter-spacing: 0.1em; color: rgba(184,145,46,0.55); margin-bottom: 20px; }\n\n  .email-links { display: flex; flex-direction: column; gap: 12px; align-items: center; }\n  .email-link {\n    display: inline-flex; align-items: center; gap: 10px;\n    color: #7a5c10; text-decoration: none;\n    font-size: clamp(14px, 2vw, 16px); font-weight: 400;\n    padding: 14px 28px;\n    border: 1px solid rgba(184,145,46,0.3); border-radius: 12px;\n    background: rgba(184,145,46,0.07);\n    transition: all 0.3s ease; width: 100%; max-width: 340px; justify-content: center;\n  }\n  .email-link:hover { background: rgba(184,145,46,0.16); border-color: rgba(184,145,46,0.55); color: #4a3500; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(184,145,46,0.12); }\n\n  .footer-note { margin-top: 40px; text-align: center; animation: h212FloatUp 1s ease 0.4s both; }\n  .footer-note p { font-size: 12px; color: rgba(80,60,10,0.4); letter-spacing: 0.05em; }\n  .footer-note p + p { margin-top: 4px; font-family: 'Noto Serif JP', serif; }\n  .legal-link { display: inline-block; margin-top: 15px; color: rgba(184,145,46,0.5); text-decoration: none; font-size: 10px; letter-spacing: 0.1em; transition: color 0.3s; }\n  .legal-link:hover { color: var(--gold); text-decoration: underline; }\n\n  @keyframes h212FloatUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n  @media (max-width: 560px) { .h212-card { padding: 36px 24px; } }\n<\/style>\n\n<div class=\"h212-container\">\n\n  <div class=\"student-login-wrap\">\n    <a href=\"\/portal\/login.html\" class=\"student-login-btn\">\n      <svg class=\"login-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/>\n      <\/svg>\n      Login for current students <span class=\"login-label-jp\">\u30fb\u5728\u6821\u751f\u30ed\u30b0\u30a4\u30f3<\/span>\n    <\/a>\n  <\/div>\n\n  <div class=\"h212-card\">\n    <h1 class=\"school-name-en\"><em>212<\/em> English School<\/h1>\n    <p class=\"school-name-jp\">\uff12\uff11\uff12\u30a4\u30f3\u30b0\u30ea\u30c3\u30b7\u30e5\u30b9\u30af\u30fc\u30eb<\/p>\n    <div class=\"h212-divider\">\n      <div class=\"divider-line\"><\/div>\n      <div class=\"divider-diamond\"><\/div>\n      <div class=\"divider-line\"><\/div>\n    <\/div>\n    <p class=\"message-en\">\n      Hey, welcome! \ud83d\udc4b We teach English for real life \u2014<br>\n      conversational, practical, and built around you.\n    <\/p>\n    <p class=\"message-jp\">\n      \u3088\u3046\u3053\u305d\uff01\u65e5\u5e38\u82f1\u4f1a\u8a71\u304b\u3089\u5b9f\u8df5\u7684\u306a\u30b9\u30ad\u30eb\u307e\u3067\u3001<br>\n      \u3042\u306a\u305f\u306b\u5408\u308f\u305b\u305f\u82f1\u8a9e\u30ec\u30c3\u30b9\u30f3\u3092\u3054\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\n    <\/p>\n\n    <div class=\"prices-link-wrap\">\n      <a href=\"\/prices.html\" class=\"prices-link\">\n        \ud83d\udcb4 View lesson prices \u00b7 \u6599\u91d1\u3092\u898b\u308b\n      <\/a>\n    <\/div>\n\n    <p class=\"contact-label\">Get in touch \u00b7 \u304a\u554f\u3044\u5408\u308f\u305b<\/p>\n    <p class=\"contact-label-jp\">\u5165\u5b66\u5e0c\u671b\u30fb\u3054\u8cea\u554f\u306f\u30e1\u30fc\u30eb\u3067\u3069\u3046\u305e<\/p>\n    <div class=\"email-links\">\n      <a href=\"mailto:info@212english.com\" class=\"email-link\">\n        <span>\u2709<\/span> info@212english.com\n      <\/a>\n      <a href=\"mailto:info212english@gmail.com\" class=\"email-link\">\n        <span>\u2709<\/span> info212english@gmail.com\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-note\">\n    <p>\u00a9 212 English School. All rights reserved.<\/p>\n    <p>\u82f1\u8a9e\u3092\u3001\u3082\u3063\u3068\u81ea\u7531\u306b\u3002<\/p>\n    <a href=\"\/?page_id=56\" class=\"legal-link\">Commercial Disclosure \/ \u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/a>\n  <\/div>\n\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Login for current students \u30fb\u5728\u6821\u751f\u30ed\u30b0\u30a4\u30f3 212 English School \uff12\uff11\uff12\u30a4\u30f3\u30b0\u30ea\u30c3\u30b7\u30e5\u30b9\u30af\u30fc\u30eb Hey, welcome! \ud83d\udc4b We teach English for real life \u2014 conversational, practical, and built around you. \u3088\u3046\u3053\u305d\uff01\u65e5\u5e38\u82f1\u4f1a\u8a71\u304b\u3089\u5b9f\u8df5\u7684\u306a\u30b9\u30ad\u30eb\u307e\u3067\u3001 \u3042\u306a\u305f\u306b\u5408\u308f\u305b\u305f\u82f1\u8a9e\u30ec\u30c3\u30b9\u30f3\u3092\u3054\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \ud83d\udcb4 View lesson prices \u00b7 \u6599\u91d1\u3092\u898b\u308b Get in touch \u00b7 \u304a\u554f\u3044\u5408\u308f\u305b \u5165\u5b66\u5e0c\u671b\u30fb\u3054\u8cea\u554f\u306f\u30e1\u30fc\u30eb\u3067\u3069\u3046\u305e \u2709 info@212english.com \u2709 info212english@gmail.com \u00a9 212 English School. All rights reserved. \u82f1\u8a9e\u3092\u3001\u3082\u3063\u3068\u81ea\u7531\u306b\u3002 Commercial Disclosure \/ \u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/212english.com\/index.php?rest_route=\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/212english.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/212english.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/212english.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/212english.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=98"}],"version-history":[{"count":10,"href":"https:\/\/212english.com\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/212english.com\/index.php?rest_route=\/wp\/v2\/pages\/98\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/212english.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}