{"id":60,"date":"2026-01-16T11:24:18","date_gmt":"2026-01-16T11:24:18","guid":{"rendered":"https:\/\/bern.shopto.top\/?page_id=60"},"modified":"2026-01-16T12:14:05","modified_gmt":"2026-01-16T12:14:05","slug":"start","status":"publish","type":"page","link":"https:\/\/bern.shopto.top\/","title":{"rendered":"Start"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"60\" class=\"elementor elementor-60\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-821b4d1 e-flex e-con-boxed e-con e-parent\" data-id=\"821b4d1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-898cafc elementor-widget elementor-widget-html\" data-id=\"898cafc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n    Instructions for Elementor:\n    1. Add a new \"HTML\" or \"Custom HTML\" widget to your page.\n    2. Paste the code below directly into the HTML Code box.\n    3. IMPORTANT: Replace 'YOUR_IMAGE_URL_HERE.jpg' with the real URL of your image.\n-->\n<!-- Load Fonts via Link for better reliability than @import in some WP setups -->\n<link\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;700&family=Caveat:wght@400;700&display=swap\"\n    rel=\"stylesheet\">\n<style>\n    \/* Scoped Styles with increased specificity to override Elementor\/Theme defaults *\/\n    :root {\n        --lib-bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);\n        --lib-card-bg: rgba(255, 255, 255, 0.12);\n        --lib-card-border: rgba(100, 255, 218, 0.15);\n        --lib-text-primary: #f0f0f0;\n        --lib-text-secondary: #cccccc;\n        --lib-button-bg: rgba(255, 255, 255, 0.08);\n        --lib-button-hover: rgba(100, 255, 218, 0.15);\n        --lib-shadow: 0 15px 50px rgba(0, 0, 0, 0.6);\n    }\n    .link-in-bio-wrapper {\n        font-family: 'Outfit', sans-serif !important;\n        background: var(--lib-bg-gradient);\n        min-height: 800px;\n        \/* Force height to show background *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        color: var(--lib-text-primary);\n        overflow: hidden;\n        position: relative;\n        padding: 20px;\n        width: 100%;\n    }\n    \/* Reset for the wrapper to prevent theme interference *\/\n    .link-in-bio-wrapper * {\n        box-sizing: border-box;\n        line-height: 1.5;\n    }\n    \/* Background Animation *\/\n    .link-in-bio-wrapper::before,\n    .link-in-bio-wrapper::after {\n        content: '';\n        position: absolute;\n        width: 300px;\n        height: 300px;\n        border-radius: 50%;\n        z-index: 1;\n        filter: blur(100px);\n        opacity: 0.4;\n        pointer-events: none;\n    }\n    .link-in-bio-wrapper::before {\n        background: #4b6cb7;\n        top: 10%;\n        left: 10%;\n        animation: lib-float 12s infinite ease-in-out;\n    }\n    .link-in-bio-wrapper::after {\n        background: #666666;\n        bottom: 10%;\n        right: 10%;\n        animation: lib-float 15s infinite ease-in-out reverse;\n    }\n    @keyframes lib-float {\n        0% {\n            transform: translate(0, 0);\n        }\n        50% {\n            transform: translate(30px, 30px);\n        }\n        100% {\n            transform: translate(0, 0);\n        }\n    }\n    .glass-card {\n        background: var(--lib-card-bg);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid var(--lib-card-border);\n        border-radius: 24px !important;\n        padding: 40px 30px;\n        text-align: center;\n        box-shadow: var(--lib-shadow);\n        width: 100%;\n        max-width: 380px;\n        position: relative;\n        z-index: 10;\n    }\n    .profile-img-container {\n        width: 120px;\n        height: 120px;\n        margin: 0 auto 15px;\n        position: relative;\n        border-radius: 50% !important;\n        \/* Force rounded *\/\n        padding: 5px;\n        background: rgba(255, 255, 255, 0.7);\n        border: none !important;\n        \n    }\n    .profile-img {\n        width: 100% !important;\n        height: 100% !important;\n        border-radius: 50% !important;\n        \/* Force rounded *\/\n        object-fit: cover !important;\n        display: block;\n        margin: 0;\n        max-width: 100%;\n    }\n    .glass-card h1 {\n        font-family: 'Outfit', sans-serif !important;\n        font-size: 2.2rem !important;\n        font-weight: 700 !important;\n        margin: 10px 0 5px 0 !important;\n        color: var(--lib-text-primary) !important;\n        line-height: 1.2;\n    }\n    .subtitle {\n        font-family: 'Caveat', cursive !important;\n        font-size: 1.8rem !important;\n        color: var(--lib-text-secondary) !important;\n        margin: 0 0 30px 0 !important;\n        transform: rotate(-2deg);\n        display: inline-block;\n    }\n    .lib-links {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n    .lib-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        background: var(--lib-button-bg);\n        color: var(--lib-text-primary) !important;\n        text-decoration: none !important;\n        padding: 16px 20px;\n        border-radius: 12px;\n        font-weight: 400;\n        font-size: 1rem;\n        letter-spacing: 0.5px;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        border: 1px solid var(--lib-card-border);\n    }\n    .lib-btn:hover {\n        background: var(--lib-button-hover);\n        transform: translateY(-2px);\n        border-color: rgba(255, 255, 255, 0.2);\n    }\n    .lib-btn svg {\n        width: 20px;\n        height: 20px;\n        fill: var(--lib-text-secondary);\n        transition: fill 0.3s;\n    }\n    .lib-btn:hover svg {\n        fill: var(--lib-text-primary);\n    }\n    \/* Hover Colors *\/\n    .lib-btn.messenger:hover {\n        border-color: rgba(0, 132, 255, 0.3);\n    }\n    .lib-btn.whatsapp:hover {\n        border-color: rgba(37, 211, 102, 0.3);\n    }\n    .lib-btn.sms:hover {\n        border-color: rgba(255, 255, 255, 0.3);\n    }\n    \/* SVG Icon styles *\/\n    .lib-icon {\n        display: block;\n        width: 24px;\n        height: 24px;\n    }\n<\/style>\n<div class=\"link-in-bio-wrapper\">\n    <div class=\"glass-card\">\n        <div class=\"profile-img-container\">\n            <!-- IMPORTANT: Replace the src below -->\n            <img decoding=\"async\" src=\"https:\/\/bern.shopto.top\/wp-content\/uploads\/2025\/12\/87889087_10207139133114694_5080195306071523328_n.jpg\" alt=\"Profile\" class=\"profile-img\">\n        <\/div>\n        <h1>Hi, I'm Bern.<\/h1>\n        <p class=\"subtitle\">Let's get in touch!<\/p>\n        <div class=\"lib-links\">\n            <!-- Messenger -->\n            <a href=\"https:\/\/m.me\/burnardo\" class=\"lib-btn messenger\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <!-- Inline SVG for Messenger -->\n                <svg viewBox=\"0 0 512 512\" class=\"lib-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path\n                        d=\"M256.55 8C116.52 8 8 110.34 8 248.57c0 72.3 29.71 134.78 78.07 177.94 8.35 7.51 6.63 11.86 8.05 58.23A19.92 19.92 0 0 0 122 502.31c52.91-23.3 53.59-25.14 62.56-22.7C337.85 521.8 504 423.7 504 248.57 504 110.34 396.59 8 256.55 8zm149.24 185.13l-73 115.57a37.37 37.37 0 0 1-53.91 9.93l-58.08-43.47a15 15 0 0 0-18 0l-78.37 59.44c-10.46 7.93-24.16-4.6-17.11-15.67l73-115.57a37.36 37.36 0 0 1 53.91-9.93l58.06 43.46a15 15 0 0 0 18 0l78.41-59.38c10.44-7.98 24.14 4.54 17.09 15.62z\">\n                    <\/path>\n                <\/svg>\n                <span>Messenger<\/span>\n            <\/a>\n            <!-- WhatsApp -->\n            <a href=\"https:\/\/wa.me\/639777648220\" class=\"lib-btn whatsapp\" target=\"_blank\" rel=\"noopener noreferrer\">\n                <!-- Inline SVG for WhatsApp -->\n                <svg viewBox=\"0 0 448 512\" class=\"lib-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path\n                        d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-26.6l-6.7-4.2-69.8 18.3 18.6-68.1-4.4-6.9c-18.3-29.1-28-63-28-97.6 0-101.9 82.9-184.8 184.8-184.8 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\">\n                    <\/path>\n                <\/svg>\n                <span>WhatsApp<\/span>\n            <\/a>\n            <!-- SMS -->\n            <a href=\"sms:639777648220\" class=\"lib-btn sms\">\n                <!-- Inline SVG for SMS (Comment) -->\n                <svg viewBox=\"0 0 512 512\" class=\"lib-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path\n                        d=\"M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z\">\n                    <\/path>\n                <\/svg>\n                <span>Send SMS<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\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>Hi, I&#8217;m Bern. Let&#8217;s get in touch! Messenger WhatsApp Send SMS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":22,"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/pages\/60\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/bern.shopto.top\/index.php\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}