{"id":9,"date":"2026-05-06T14:49:03","date_gmt":"2026-05-06T14:49:03","guid":{"rendered":"https:\/\/hudaie.com\/?page_id=9"},"modified":"2026-05-06T15:31:49","modified_gmt":"2026-05-06T15:31:49","slug":"home","status":"publish","type":"page","link":"https:\/\/hudaie.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Modern Minimal Blog | Resources for Creators<\/title>\r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root {\r\n --primary: #2563eb;\r\n --primary-hover: #1d4ed8;\r\n --bg: #ffffff;\r\n --text-main: #0f172a;\r\n --text-muted: #64748b;\r\n --border: #e2e8f0;\r\n --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.04), 0 8px 10px -6px rgba(0, 0, 0, 0.04);\r\n --card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -6px rgba(0, 0, 0, 0.04);\r\n --radius: 16px;\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--bg);\r\n color: var(--text-main);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3 {\r\n font-family: 'Poppins', sans-serif;\r\n font-weight: 700;\r\n color: var(--text-main);\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .btn {\r\n display: inline-block;\r\n padding: 12px 28px;\r\n border-radius: 12px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n font-size: 1rem;\r\n }\r\n\r\n .btn-primary {\r\n background-color: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background-color: var(--primary-hover);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-secondary {\r\n background-color: transparent;\r\n color: var(--text-main);\r\n border: 1px solid var(--border);\r\n margin-left: 12px;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background-color: #f8fafc;\r\n border-color: var(--text-main);\r\n }\r\n\r\n \/* --- Navbar --- *\/\r\n nav {\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n position: sticky;\r\n top: 0;\r\n background: rgba(255, 255, 255, 0.8);\r\n backdrop-filter: blur(12px);\r\n z-index: 1000;\r\n border-bottom: 1px solid transparent;\r\n transition: var(--transition);\r\n }\r\n\r\n nav.scrolled {\r\n border-bottom: 1px solid var(--border);\r\n height: 70px;\r\n }\r\n\r\n .nav-content {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .logo span {\r\n color: var(--primary);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 32px;\r\n align-items: center;\r\n }\r\n\r\n .nav-links a {\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n position: relative;\r\n padding: 4px 0;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--primary);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-links a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n \/* --- Hero Section --- *\/\r\n .hero {\r\n padding: 100px 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 60px;\r\n }\r\n\r\n .hero-text {\r\n flex: 1;\r\n }\r\n\r\n .hero-text h1 {\r\n font-size: 4rem;\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-text p {\r\n font-size: 1.25rem;\r\n color: var(--text-muted);\r\n margin-bottom: 40px;\r\n max-width: 500px;\r\n }\r\n\r\n .hero-image {\r\n flex: 1;\r\n background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);\r\n height: 450px;\r\n border-radius: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* --- Grid Layouts --- *\/\r\n section {\r\n padding: 100px 0;\r\n }\r\n\r\n .section-header {\r\n margin-bottom: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n }\r\n\r\n .section-header h2 {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .card {\r\n background: white;\r\n border-radius: var(--radius);\r\n border: 1px solid var(--border);\r\n padding: 16px;\r\n transition: var(--transition);\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--card-shadow-hover);\r\n border-color: transparent;\r\n }\r\n\r\n .card-img {\r\n width: 100%;\r\n aspect-ratio: 16\/10;\r\n background-color: #f1f5f9;\r\n border-radius: 12px;\r\n margin-bottom: 20px;\r\n overflow: hidden;\r\n }\r\n\r\n .card-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .card h3 {\r\n font-size: 1.25rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .card p {\r\n color: var(--text-muted);\r\n font-size: 0.95rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* --- Blog Cards --- *\/\r\n .blog-card {\r\n border: none;\r\n padding: 0;\r\n }\r\n\r\n .blog-card .read-more {\r\n color: var(--primary);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .blog-card .read-more:hover {\r\n gap: 12px;\r\n }\r\n\r\n \/* --- CTA Section --- *\/\r\n .cta {\r\n background-color: var(--text-main);\r\n color: white;\r\n padding: 80px 24px;\r\n text-align: center;\r\n border-radius: 32px;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .cta h2 {\r\n color: white;\r\n font-size: 2.5rem;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .cta p {\r\n color: #94a3b8;\r\n margin-bottom: 40px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* --- Footer --- *\/\r\n footer {\r\n padding: 60px 0;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n }\r\n\r\n .footer-brand p {\r\n margin-top: 12px;\r\n color: var(--text-muted);\r\n max-width: 250px;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n gap: 60px;\r\n }\r\n\r\n .footer-group h4 {\r\n margin-bottom: 20px;\r\n font-size: 1rem;\r\n }\r\n\r\n .footer-group a {\r\n display: block;\r\n margin-bottom: 12px;\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .footer-group a:hover {\r\n color: var(--primary);\r\n }\r\n\r\n \/* --- Responsive --- *\/\r\n @media (max-width: 1024px) {\r\n .hero-text h1 { font-size: 3rem; }\r\n .grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { flex-direction: column; text-align: center; padding: 60px 0; }\r\n .hero-text p { margin: 0 auto 40px; }\r\n .grid { grid-template-columns: 1fr; }\r\n .nav-links { display: none; }\r\n .hero-image { width: 100%; height: 300px; }\r\n .footer-content { flex-direction: column; gap: 40px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- <nav id=\"navbar\">\r\n <div class=\"container nav-content\">\r\n <a href=\"#\" class=\"logo\">CORE<span>.<\/span><\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#blog\">Blog<\/a><\/li>\r\n <li><a href=\"#downloads\">Downloads<\/a><\/li>\r\n <li><a href=\"#signup\" class=\"btn btn-primary\" style=\"padding: 10px 20px; margin-left: 20px;\">Login<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/nav> -->\r\n\r\n <header class=\"container hero\" id=\"home\">\r\n <div class=\"hero-text\">\r\n <h1>Free Resources for Creators.<\/h1>\r\n <p>Elevate your workflow with our curated collection of templates, assets, and deep-dive articles.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#downloads\" class=\"btn btn-primary\">Download Now<\/a>\r\n <a href=\"#blog\" class=\"btn btn-secondary\">Explore Blog<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?auto=format&fit=crop&q=80&w=800\" alt=\"Tech Workspace\">\r\n <\/div>\r\n <\/header>\r\n\r\n <section id=\"downloads\" class=\"container\">\r\n <div class=\"section-header\">\r\n <h2>Free Downloads<\/h2>\r\n <\/div>\r\n <div class=\"grid\">\r\n <!-- Card 1 -->\r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&q=80&w=400\" alt=\"UI Kit\">\r\n <\/div>\r\n <h3>Minimal UI Kit<\/h3>\r\n <p>A comprehensive component library for modern web applications built in Figma.<\/p>\r\n <button class=\"btn btn-secondary\" style=\"width: 100%; margin: 0;\">Get Assets<\/button>\r\n <\/div>\r\n <!-- Card 2 -->\r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557683316-973673baf926?auto=format&fit=crop&q=80&w=400\" alt=\"Icons\">\r\n <\/div>\r\n <h3>Abstract Icon Set<\/h3>\r\n <p>120+ custom vector icons designed for high-end SaaS landing pages.<\/p>\r\n <button class=\"btn btn-secondary\" style=\"width: 100%; margin: 0;\">Download Set<\/button>\r\n <\/div>\r\n <!-- Card 3 -->\r\n <div class=\"card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1579546929518-9e396f3cc809?auto=format&fit=crop&q=80&w=400\" alt=\"Gradients\">\r\n <\/div>\r\n <h3>Mesh Gradients<\/h3>\r\n <p>High-resolution mesh gradient backgrounds for your next creative project.<\/p>\r\n <button class=\"btn btn-secondary\" style=\"width: 100%; margin: 0;\">Grab Files<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"blog\" class=\"container\">\r\n <div class=\"section-header\">\r\n <h2>Latest Articles<\/h2>\r\n <\/div>\r\n <div class=\"grid\">\r\n <!-- Blog 1 -->\r\n <article class=\"card blog-card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486312338219-ce68d2c6f44d?auto=format&fit=crop&q=80&w=400\" alt=\"Article 1\">\r\n <\/div>\r\n <h3>Designing for the Future<\/h3>\r\n <p>Why minimalism is becoming the standard for the next generation of web software.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read Full Post \u2192<\/a>\r\n <\/article>\r\n <!-- Blog 2 -->\r\n <article class=\"card blog-card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?auto=format&fit=crop&q=80&w=400\" alt=\"Article 2\">\r\n <\/div>\r\n <h3>Clean Code Practices<\/h3>\r\n <p>A deep dive into maintaining scalable CSS and vanilla JavaScript for performance.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read Full Post \u2192<\/a>\r\n <\/article>\r\n <!-- Blog 3 -->\r\n <article class=\"card blog-card\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?auto=format&fit=crop&q=80&w=400\" alt=\"Article 3\">\r\n <\/div>\r\n <h3>Startup Growth Hacks<\/h3>\r\n <p>How free resources can help you build a community around your brand quickly.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read Full Post \u2192<\/a>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"container\" id=\"signup\">\r\n <section class=\"cta\">\r\n <h2>Join and get access to exclusive resources<\/h2>\r\n <p>Subscribe to our newsletter to receive weekly assets directly in your inbox.<\/p>\r\n <button class=\"btn btn-primary\" style=\"background: white; color: black;\">Sign Up Now<\/button>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- <footer class=\"container\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">CORE<span>.<\/span><\/a>\r\n <p>Providing premium design resources for the creative community since 2024.<\/p>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <div class=\"footer-group\">\r\n <h4>Company<\/h4>\r\n <a href=\"#\">About Us<\/a>\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <a href=\"#\">Terms<\/a>\r\n <\/div>\r\n <div class=\"footer-group\">\r\n <h4>Support<\/h4>\r\n <a href=\"#\">Contact<\/a>\r\n <a href=\"#\">FAQ<\/a>\r\n <a href=\"#\">Discord<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer> -->\r\n\r\n <script>\r\n \/\/ Navbar scroll effect\r\n const navbar = document.getElementById('navbar');\r\n \r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Simple Fade-in Animation for cards on scroll\r\n const observerOptions = {\r\n threshold: 0.1\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n document.querySelectorAll('.card').forEach(card => {\r\n card.style.opacity = '0';\r\n card.style.transform = 'translateY(20px)';\r\n card.style.transition = 'all 0.6s ease-out';\r\n observer.observe(card);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Modern Minimal Blog | Resources for Creators Free Resources for Creators. Elevate your workflow with our curated collection of templates, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hudaie.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hudaie.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hudaie.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hudaie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hudaie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":7,"href":"https:\/\/hudaie.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/hudaie.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/hudaie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}