{"id":9,"date":"2026-01-12T08:24:20","date_gmt":"2026-01-12T08:24:20","guid":{"rendered":"https:\/\/img.heyurl.top\/?page_id=9"},"modified":"2026-01-12T08:34:15","modified_gmt":"2026-01-12T08:34:15","slug":"9-2","status":"publish","type":"page","link":"https:\/\/img.heyurl.top\/","title":{"rendered":"front"},"content":{"rendered":"\n<div class=\"ihost-wrapper\">\n    \n    <section class=\"ihost-hero\">\n        <div class=\"ihost-brand\">Img.heyurl.top<\/div>\n        <h1 class=\"ihost-title\">Share Your Images <br><span>Instantly.<\/span><\/h1>\n        <p class=\"ihost-subtitle\">The fastest way to host, share, and manage your photos on the go. No registration required.<\/p>\n        \n        <div class=\"ihost-upload-card\" onclick=\"document.getElementById('file-input').click()\">\n            <div class=\"ihost-upload-inner\">\n                <div class=\"pulse-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"17 8 12 3 7 8\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"\/><\/svg>\n                <\/div>\n                <h3>Tap to Upload<\/h3>\n                <p>Supports JPG, PNG, WEBP (Max 20MB)<\/p>\n                <input type=\"file\" id=\"file-input\" hidden accept=\"image\/*\" multiple>\n            <\/div>\n        <\/div>\n\n        <div class=\"ihost-stats\">\n            <span>&#x26a1; Fast CDN<\/span>\n            <span>&#x1f512; Secure SSL<\/span>\n            <span>&#x1f4f1; 100% Mobile Ready<\/span>\n        <\/div>\n    <\/section>\n\n    <section class=\"ihost-features\">\n        <div class=\"feature-card cool-bg-blue\">\n            <div class=\"f-icon-box\">&#x1f680;<\/div>\n            <h4>High Speed<\/h4>\n            <p>Optimized for mobile networks to ensure lightning-fast uploads.<\/p>\n        <\/div>\n        <div class=\"feature-card cool-bg-purple\">\n            <div class=\"f-icon-box\">&#x1f517;<\/div>\n            <h4>Direct Links<\/h4>\n            <p>Get instant Hotlinks, BBCode, and Markdown for your forums\/blogs.<\/p>\n        <\/div>\n        <div class=\"feature-card cool-bg-green\">\n            <div class=\"f-icon-box\">&#x1f6e1;&#xfe0f;<\/div>\n            <h4>Privacy<\/h4>\n            <p>Your data is encrypted. You control when images are deleted.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"ihost-guide-container\">\n        <div class=\"ihost-guide glass-card\">\n            <h2 class=\"section-title\">How It Works<\/h2>\n            <div class=\"step\">\n                <div class=\"step-num\">1<\/div>\n                <div class=\"step-content\">\n                    <strong>Upload<\/strong>\n                    <p>Select images from your gallery or take a new photo.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"step\">\n                <div class=\"step-num\">2<\/div>\n                <div class=\"step-content\">\n                    <strong>Convert<\/strong>\n                    <p>We automatically optimize the image for fast viewing.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"step\">\n                <div class=\"step-num\">3<\/div>\n                <div class=\"step-content\">\n                    <strong>Share<\/strong>\n                    <p>Copy your link and paste it anywhere.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<style>\n    \/* Original Variables & Base Styles *\/\n    :root {\n        --primary: #3b82f6;\n        --dark: #0f172a;\n        --light-bg: #f8fafc;\n        --text-muted: #64748b;\n    }\n\n    .ihost-wrapper {\n        font-family: 'Inter', -apple-system, system-ui, sans-serif;\n        color: var(--dark);\n        line-height: 1.6;\n        max-width: 500px;\n        margin: 0 auto;\n        padding: 0 15px;\n    }\n\n    \/* Hero Styling (Stayed Same) *\/\n    .ihost-hero { text-align: center; padding: 60px 0 40px; }\n    .ihost-brand { font-weight: 800; color: var(--primary); letter-spacing: -1px; margin-bottom: 10px; }\n    .ihost-title { font-size: 2.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 15px; }\n    .ihost-title span { color: var(--primary); }\n    .ihost-subtitle { color: var(--text-muted); font-size: 1.1rem; margin-bottom: 30px; }\n    .ihost-upload-card { background: white; border: 2px dashed #cbd5e1; border-radius: 24px; padding: 40px 20px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); }\n    .ihost-upload-card:active { transform: scale(0.97); border-color: var(--primary); }\n    .pulse-icon { width: 60px; height: 60px; background: #eff6ff; color: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; }\n    .ihost-stats { display: flex; justify-content: center; gap: 15px; margin-top: 25px; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); }\n\n    \/* --- UPDATED \"COOLER\" STYLES START HERE --- *\/\n\n    \/* Feature Cards with Gradients *\/\n    .ihost-features {\n        display: grid;\n        gap: 15px;\n        margin-top: 20px;\n    }\n\n    .feature-card {\n        padding: 25px;\n        border-radius: 24px;\n        text-align: left;\n        border: 1px solid rgba(255,255,255,0.8);\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n    }\n\n    .cool-bg-blue { background: linear-gradient(135deg, #e0e7ff 0%, #ffffff 100%); }\n    .cool-bg-purple { background: linear-gradient(135deg, #f3e8ff 0%, #ffffff 100%); }\n    .cool-bg-green { background: linear-gradient(135deg, #dcfce7 0%, #ffffff 100%); }\n\n    .f-icon-box {\n        width: 45px;\n        height: 45px;\n        background: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 12px;\n        font-size: 1.4rem;\n        margin-bottom: 15px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n\n    .feature-card h4 { margin: 0 0 8px; font-weight: 800; color: #1e293b; }\n    .feature-card p { font-size: 0.9rem; color: #475569; margin: 0; line-height: 1.4; }\n\n    \/* How It Works with Glassmorphism *\/\n    .ihost-guide-container {\n        padding: 40px 0;\n    }\n\n    .glass-card {\n        background: rgba(255, 255, 255, 0.7);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.5);\n        border-radius: 30px;\n        padding: 35px 25px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.04);\n    }\n\n    .section-title { font-size: 1.6rem; font-weight: 900; margin-bottom: 30px; text-align: center; color: var(--dark); }\n    \n    .step {\n        display: flex;\n        align-items: flex-start;\n        gap: 20px;\n        margin-bottom: 25px;\n        position: relative;\n    }\n\n    \/* Connecting Line between steps *\/\n    .step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        left: 17px;\n        top: 40px;\n        width: 2px;\n        height: 25px;\n        background: #e2e8f0;\n    }\n\n    .step-num {\n        background: var(--primary);\n        background: linear-gradient(135deg, #3b82f6, #2563eb);\n        color: white;\n        width: 36px;\n        height: 36px;\n        min-width: 36px;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 800;\n        font-size: 1rem;\n        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n    }\n\n    .step-content strong { display: block; font-size: 1.1rem; color: var(--dark); margin-bottom: 2px; }\n    .step-content p { font-size: 0.9rem; color: var(--text-muted); margin: 0; }\n\n    \/* Desktop Adjustments *\/\n    @media (min-width: 768px) {\n        .ihost-wrapper { max-width: 900px; }\n        .ihost-features { grid-template-columns: 1fr 1fr 1fr; }\n        .glass-card { padding: 50px; }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Img.heyurl.top Share Your Images Instantly. The fastest way to host, share, and manage your photos on the go. No registration required. Tap to Upload Supports JPG, PNG, WEBP (Max 20MB) &#x26a1; Fast CDN &#x1f512; Secure SSL &#x1f4f1; 100% Mobile Ready &#x1f680; High Speed Optimized for mobile networks to ensure lightning-fast uploads. &#x1f517; Direct Links Get [&hellip;]<\/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-9","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"disable_header":"no"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/img.heyurl.top\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/img.heyurl.top\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/img.heyurl.top\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/img.heyurl.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/img.heyurl.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":5,"href":"https:\/\/img.heyurl.top\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/img.heyurl.top\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/img.heyurl.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}