{"id":29,"date":"2026-03-26T07:43:29","date_gmt":"2026-03-26T07:43:29","guid":{"rendered":"https:\/\/www.mejia-dev.online\/?page_id=29"},"modified":"2026-03-26T08:35:24","modified_gmt":"2026-03-26T08:35:24","slug":"elementor-29","status":"publish","type":"page","link":"https:\/\/www.mejia-dev.online\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Cybersecurity Portfolio | Network & Cloud Specialist<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --neon-red: #FF204E;\n --deep-crimson: #A0153E;\n --dark-burgundy: #5D0E41;\n --navy-blue: #00224D;\n --light-text: #e0e0e0;\n --dark-bg: #0a0a0f;\n --card-bg: #111118;\n --border-color: #1a1a2e;\n }\n\n \/* BREAK OUT OF ELEMENTOR CONTAINER *\/\n .elementor-html-widget-container,\n .elementor-widget-html,\n .elementor-widget-container {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n\n .cyber-portfolio {\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n position: relative;\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n line-height: 1.6;\n color: var(--light-text);\n overflow-x: hidden;\n background: var(--dark-bg);\n }\n\n \/* Navigation *\/\n .navbar {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n padding: 1.2rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 1000;\n background: rgba(10, 10, 15, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--border-color);\n }\n\n .logo {\n font-size: 1.6rem;\n font-weight: 800;\n color: var(--neon-red);\n letter-spacing: 1px;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .logo::before {\n content: '\u25c8';\n color: var(--neon-red);\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n\n .nav-links a {\n text-decoration: none;\n color: var(--light-text);\n font-weight: 500;\n position: relative;\n transition: color 0.3s;\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .nav-links a:hover {\n color: var(--neon-red);\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--neon-red);\n transition: width 0.3s;\n box-shadow: 0 0 10px var(--neon-red);\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n width: 100%;\n display: flex;\n align-items: center;\n padding: 8rem 5% 4rem;\n background: linear-gradient(135deg, var(--navy-blue) 0%, var(--dark-bg) 50%, var(--dark-burgundy) 100%);\n position: relative;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 50%, rgba(255, 32, 78, 0.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(160, 21, 62, 0.2) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(0, 34, 77, 0.3) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .grid-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(rgba(255, 32, 78, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 32, 78, 0.03) 1px, transparent 1px);\n background-size: 50px 50px;\n pointer-events: none;\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: rgba(255, 32, 78, 0.1);\n border: 1px solid var(--neon-red);\n color: var(--neon-red);\n border-radius: 4px;\n font-size: 0.8rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 1.5rem;\n animation: blink 2s infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.7; }\n }\n\n .hero-content h1 {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 800;\n line-height: 1.1;\n margin-bottom: 1.5rem;\n color: white;\n }\n\n .hero-content h1 span {\n color: var(--neon-red);\n text-shadow: 0 0 20px rgba(255, 32, 78, 0.5);\n }\n\n .hero-content p {\n font-size: 1.1rem;\n color: #a0a0a0;\n margin-bottom: 2rem;\n max-width: 500px;\n line-height: 1.7;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-bottom: 2.5rem;\n padding: 1.5rem;\n background: rgba(17, 17, 24, 0.8);\n border: 1px solid var(--border-color);\n border-radius: 10px;\n backdrop-filter: blur(10px);\n }\n\n .stat {\n text-align: center;\n position: relative;\n }\n\n .stat:not(:last-child)::after {\n content: '';\n position: absolute;\n right: -1rem;\n top: 50%;\n transform: translateY(-50%);\n height: 40px;\n width: 1px;\n background: linear-gradient(to bottom, transparent, var(--deep-crimson), transparent);\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 800;\n color: var(--neon-red);\n display: block;\n text-shadow: 0 0 10px rgba(255, 32, 78, 0.3);\n }\n\n .stat-label {\n font-size: 0.8rem;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-group {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 1rem 2rem;\n border-radius: 4px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n border: none;\n cursor: pointer;\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .btn-primary {\n background: var(--neon-red);\n color: white;\n box-shadow: 0 0 20px rgba(255, 32, 78, 0.4);\n position: relative;\n overflow: hidden;\n }\n\n .btn-primary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.5s;\n }\n\n .btn-primary:hover::before {\n left: 100%;\n }\n\n .btn-primary:hover {\n background: var(--deep-crimson);\n box-shadow: 0 0 30px rgba(255, 32, 78, 0.6);\n transform: translateY(-2px);\n }\n\n .btn-outline {\n background: transparent;\n color: var(--light-text);\n border: 1px solid var(--deep-crimson);\n }\n\n .btn-outline:hover {\n border-color: var(--neon-red);\n color: var(--neon-red);\n box-shadow: 0 0 15px rgba(255, 32, 78, 0.2);\n }\n\n .hero-visual {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .terminal-window {\n width: 100%;\n max-width: 500px;\n background: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 20px 60px rgba(0,0,0,0.5);\n }\n\n .terminal-header {\n background: #1a1a2e;\n padding: 0.8rem 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n border-bottom: 1px solid var(--border-color);\n }\n\n .terminal-btn {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n }\n\n .terminal-btn:nth-child(1) { background: var(--neon-red); }\n .terminal-btn:nth-child(2) { background: var(--deep-crimson); }\n .terminal-btn:nth-child(3) { background: var(--dark-burgundy); }\n\n .terminal-body {\n padding: 1.5rem;\n font-family: 'Courier New', monospace;\n font-size: 0.85rem;\n line-height: 1.8;\n color: #00ff41;\n }\n\n .terminal-line {\n margin-bottom: 0.5rem;\n }\n\n .terminal-prompt {\n color: var(--neon-red);\n }\n\n .cursor {\n display: inline-block;\n width: 10px;\n height: 18px;\n background: var(--neon-red);\n animation: cursor-blink 1s infinite;\n vertical-align: middle;\n }\n\n @keyframes cursor-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n \/* Skills Section *\/\n .skills {\n padding: 6rem 5%;\n background: var(--dark-bg);\n width: 100%;\n position: relative;\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 4rem;\n }\n\n .section-header h3 {\n color: var(--neon-red);\n text-transform: uppercase;\n letter-spacing: 3px;\n font-size: 0.8rem;\n margin-bottom: 1rem;\n }\n\n .section-header h2 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n color: white;\n }\n\n .section-header p {\n color: #888;\n }\n\n .skills-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .skill-card {\n background: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 10px;\n padding: 2rem;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n\n .skill-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, var(--neon-red), var(--deep-crimson));\n transform: scaleX(0);\n transition: transform 0.3s;\n }\n\n .skill-card:hover::before {\n transform: scaleX(1);\n }\n\n .skill-card:hover {\n border-color: var(--deep-crimson);\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(160, 21, 62, 0.2);\n }\n\n .skill-icon {\n width: 60px;\n height: 60px;\n background: rgba(255, 32, 78, 0.1);\n border: 1px solid var(--deep-crimson);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n color: var(--neon-red);\n }\n\n .skill-card:nth-child(2) .skill-icon {\n color: #00d4aa;\n border-color: #00d4aa;\n background: rgba(0, 212, 170, 0.1);\n }\n\n .skill-card:nth-child(3) .skill-icon {\n color: #00b4d8;\n border-color: #00b4d8;\n background: rgba(0, 180, 216, 0.1);\n }\n\n .skill-card:nth-child(4) .skill-icon {\n color: #f9c74f;\n border-color: #f9c74f;\n background: rgba(249, 199, 79, 0.1);\n }\n\n .skill-card h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: white;\n }\n\n .skill-list {\n list-style: none;\n }\n\n .skill-list li {\n padding: 0.5rem 0;\n color: #888;\n font-size: 0.9rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .skill-list li::before {\n content: '\u25b8';\n color: var(--neon-red);\n font-weight: bold;\n }\n\n \/* Certifications *\/\n .certs {\n padding: 4rem 5%;\n background: linear-gradient(135deg, var(--navy-blue), var(--dark-burgundy));\n width: 100%;\n }\n\n .certs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .cert-item {\n background: rgba(17, 17, 24, 0.8);\n border: 1px solid var(--border-color);\n padding: 1.5rem;\n border-radius: 8px;\n text-align: center;\n transition: all 0.3s;\n }\n\n .cert-item:hover {\n border-color: var(--neon-red);\n transform: translateY(-3px);\n }\n\n .cert-badge {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--neon-red), var(--deep-crimson));\n border-radius: 50%;\n margin: 0 auto 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n }\n\n .cert-item h4 {\n color: white;\n font-size: 1rem;\n margin-bottom: 0.3rem;\n }\n\n .cert-item p {\n color: #666;\n font-size: 0.8rem;\n }\n\n \/* Projects Section *\/\n .projects {\n padding: 6rem 5%;\n background: var(--dark-bg);\n width: 100%;\n }\n\n .projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .project-card {\n background: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 10px;\n overflow: hidden;\n transition: all 0.3s;\n }\n\n .project-card:hover {\n border-color: var(--deep-crimson);\n box-shadow: 0 10px 40px rgba(160, 21, 62, 0.3);\n }\n\n .project-header {\n padding: 1.5rem;\n background: linear-gradient(135deg, rgba(255, 32, 78, 0.1), rgba(160, 21, 62, 0.1));\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .project-type {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.3rem 0.8rem;\n background: rgba(255, 32, 78, 0.2);\n color: var(--neon-red);\n border-radius: 4px;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 600;\n }\n\n .project-status {\n width: 8px;\n height: 8px;\n background: #00ff41;\n border-radius: 50%;\n box-shadow: 0 0 10px #00ff41;\n animation: pulse-status 2s infinite;\n }\n\n @keyframes pulse-status {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n\n .project-body {\n padding: 1.5rem;\n }\n\n .project-body h3 {\n color: white;\n font-size: 1.2rem;\n margin-bottom: 0.5rem;\n }\n\n .project-body p {\n color: #888;\n font-size: 0.9rem;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n\n .project-tech {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n }\n\n .tech-tag {\n padding: 0.3rem 0.8rem;\n background: var(--navy-blue);\n color: var(--light-text);\n border-radius: 4px;\n font-size: 0.75rem;\n border: 1px solid var(--border-color);\n }\n\n \/* Dashboard Preview Section *\/\n .dashboard {\n padding: 6rem 5%;\n background: linear-gradient(180deg, var(--dark-bg) 0%, var(--navy-blue) 100%);\n width: 100%;\n }\n\n .dashboard-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .dashboard-preview {\n background: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 15px;\n overflow: hidden;\n box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n }\n\n .dashboard-header {\n background: #0f0f16;\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n border-bottom: 1px solid var(--border-color);\n }\n\n .dashboard-title {\n color: white;\n font-size: 0.9rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .dashboard-title::before {\n content: '\ud83d\udcca';\n }\n\n .dashboard-body {\n padding: 2rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n\n .metric-card {\n background: rgba(255, 32, 78, 0.05);\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 1.5rem;\n text-align: center;\n }\n\n .metric-value {\n font-size: 2rem;\n font-weight: 800;\n color: var(--neon-red);\n margin-bottom: 0.5rem;\n }\n\n .metric-label {\n color: #666;\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .chart-placeholder {\n grid-column: span 3;\n height: 200px;\n background: linear-gradient(90deg, var(--navy-blue), var(--dark-burgundy));\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #444;\n font-size: 0.9rem;\n border: 1px solid var(--border-color);\n }\n\n \/* Contact Section *\/\n .contact {\n padding: 6rem 5%;\n background: var(--dark-bg);\n width: 100%;\n text-align: center;\n }\n\n .contact-box {\n max-width: 800px;\n margin: 0 auto;\n padding: 3rem;\n background: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 15px;\n position: relative;\n overflow: hidden;\n }\n\n .contact-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--neon-red), var(--deep-crimson), var(--dark-burgundy), var(--navy-blue));\n }\n\n .contact h2 {\n font-size: 2.5rem;\n color: white;\n margin-bottom: 1rem;\n }\n\n .contact h2 span {\n color: var(--neon-red);\n }\n\n .contact p {\n color: #888;\n margin-bottom: 2rem;\n font-size: 1.1rem;\n }\n\n .contact-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n }\n\n .contact-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n color: var(--light-text);\n text-decoration: none;\n padding: 1rem 2rem;\n background: rgba(255, 32, 78, 0.1);\n border: 1px solid var(--deep-crimson);\n border-radius: 8px;\n transition: all 0.3s;\n }\n\n .contact-link:hover {\n background: var(--neon-red);\n border-color: var(--neon-red);\n color: white;\n transform: translateY(-2px);\n }\n\n \/* Footer *\/\n footer {\n background: #050508;\n color: #444;\n padding: 2rem 5%;\n text-align: center;\n border-top: 1px solid var(--border-color);\n }\n\n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .security-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n color: #00ff41;\n font-size: 0.8rem;\n margin-bottom: 1rem;\n }\n\n .security-badge::before {\n content: '\ud83d\udd12';\n }\n\n \/* Responsive *\/\n @media (max-width: 968px) {\n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero-content p {\n margin-left: auto;\n margin-right: auto;\n }\n\n .hero-stats {\n max-width: 400px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .hero-visual {\n order: -1;\n }\n\n .terminal-window {\n max-width: 100%;\n }\n\n .dashboard-body {\n grid-template-columns: 1fr;\n }\n\n .chart-placeholder {\n grid-column: span 1;\n }\n }\n\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n\n .skills-grid,\n .projects-grid {\n grid-template-columns: 1fr;\n }\n\n .contact-links {\n flex-direction: column;\n align-items: center;\n }\n\n .contact-link {\n width: 100%;\n max-width: 300px;\n justify-content: center;\n }\n }\n\n \/* Scroll animations *\/\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease-out;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"cyber-portfolio\">\n <!-- Navigation -->\n <nav class=\"navbar\">\n <div class=\"logo\">MEJIA<span style=\"color: white;\">.DEV<\/span><\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#skills\">Skills<\/a><\/li>\n <li><a href=\"#projects\">Projects<\/a><\/li>\n <li><a href=\"#certs\">Certs<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <!-- Hero Section -->\n <section class=\"hero\" id=\"home\">\n <div class=\"grid-overlay\"><\/div>\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\u25cf Available for Hire<\/div>\n <h1>Cybersecurity <span>Analyst<\/span> & Cloud Architect<\/h1>\n <p>Securing digital infrastructure, optimizing network performance, and transforming data into actionable intelligence through advanced analytics.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat\">\n <span class=\"stat-number\">7+<\/span>\n <span class=\"stat-label\">Years Exp<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">50+<\/span>\n <span class=\"stat-label\">Networks Secured<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">99.9%<\/span>\n <span class=\"stat-label\">Uptime Achieved<\/span>\n <\/div>\n <\/div>\n\n <div class=\"cta-group\">\n <a href=\"#projects\" class=\"btn btn-primary\">View Projects \u2192<\/a>\n <a href=\"#contact\" class=\"btn btn-outline\">Download Resume<\/a>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"terminal-window\">\n <div class=\"terminal-header\">\n <div class=\"terminal-btn\"><\/div>\n <div class=\"terminal-btn\"><\/div>\n <div class=\"terminal-btn\"><\/div>\n <span style=\"color: #666; font-size: 0.8rem; margin-left: 1rem;\">root@security-ops:~<\/span>\n <\/div>\n <div class=\"terminal-body\">\n <div class=\"terminal-line\"><span class=\"terminal-prompt\">$<\/span> nmap -sV target.network<\/div>\n <div class=\"terminal-line\">Starting Nmap scan...<\/div>\n <div class=\"terminal-line\">Discovered 3 vulnerabilities<\/div>\n <div class=\"terminal-line\">Patching CVE-2024-XXXX...<\/div>\n <div class=\"terminal-line\"><span style=\"color: #00ff41;\">[OK]<\/span> Firewall rules updated<\/div>\n <div class=\"terminal-line\"><span style=\"color: #00ff41;\">[OK]<\/span> IDS alerts configured<\/div>\n <div class=\"terminal-line\"><span style=\"color: #00ff41;\">[OK]<\/span> Cloud IAM policies set<\/div>\n <div class=\"terminal-line\"><span class=\"terminal-prompt\">$<\/span> python3 analyze_threats.py<span class=\"cursor\"><\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Skills Section -->\n <section class=\"skills\" id=\"skills\">\n <div class=\"section-header fade-in\">\n <h3>Technical Arsenal<\/h3>\n <h2>Core Competencies<\/h2>\n <p>Expert-level proficiency across the security and data stack.<\/p>\n <\/div>\n \n <div class=\"skills-grid\">\n <div class=\"skill-card fade-in\">\n <div class=\"skill-icon\">\ud83d\udee1\ufe0f<\/div>\n <h3>Cybersecurity<\/h3>\n <ul class=\"skill-list\">\n <li>Penetration Testing & Vulnerability Assessment<\/li>\n <li>SIEM Implementation (Splunk, QRadar)<\/li>\n <li>Incident Response & Forensics<\/li>\n <li>Security Policy Development<\/li>\n <li>Threat Intelligence Analysis<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"skill-card fade-in\">\n <div class=\"skill-icon\">\u2601\ufe0f<\/div>\n <h3>Cloud Infrastructure<\/h3>\n <ul class=\"skill-list\">\n <li>AWS\/Azure\/GCP Architecture<\/li>\n <li>Kubernetes & Docker Security<\/li>\n <li>Infrastructure as Code (Terraform)<\/li>\n <li>Cloud Security Posture Management<\/li>\n <li>Serverless Security Patterns<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"skill-card fade-in\">\n <div class=\"skill-icon\">\ud83c\udf10<\/div>\n <h3>Networking<\/h3>\n <ul class=\"skill-list\">\n <li>Cisco\/Juniper\/Palo Alto Configuration<\/li>\n <li>Network Segmentation & Zero Trust<\/li>\n <li>VPN & SD-WAN Implementation<\/li>\n <li>Traffic Analysis & Monitoring<\/li>\n <li>Wireless Security (WPA3, RADIUS)<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"skill-card fade-in\">\n <div class=\"skill-icon\">\ud83d\udcca<\/div>\n <h3>Data Analytics<\/h3>\n <ul class=\"skill-list\">\n <li>Power BI Dashboard Development<\/li>\n <li>Security Metrics & KPI Tracking<\/li>\n <li>Log Analysis & Visualization<\/li>\n <li>Python\/R for Data Processing<\/li>\n <li>Predictive Threat Modeling<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Certifications -->\n <section class=\"certs\" id=\"certs\">\n <div class=\"section-header fade-in\">\n <h3>Credentials<\/h3>\n <h2>Certifications<\/h2>\n <p>Industry-recognized validation of expertise.<\/p>\n <\/div>\n\n <div class=\"certs-grid fade-in\">\n <div class=\"cert-item\">\n <div class=\"cert-badge\">CISSP<\/div>\n <h4>CISSP<\/h4>\n <p>ISC\u00b2 Certified<\/p>\n <\/div>\n <div class=\"cert-item\">\n <div class=\"cert-badge\">CEH<\/div>\n <h4>CEH<\/h4>\n <p>EC-Council<\/p>\n <\/div>\n <div class=\"cert-item\">\n <div class=\"cert-badge\">AWS<\/div>\n <h4>AWS SAA<\/h4>\n <p>Solutions Architect<\/p>\n <\/div>\n <div class=\"cert-item\">\n <div class=\"cert-badge\">AZ<\/div>\n <h4>Azure Sec<\/h4>\n <p>AZ-500 Certified<\/p>\n <\/div>\n <div class=\"cert-item\">\n <div class=\"cert-badge\">CCNA<\/div>\n <h4>CCNA<\/h4>\n <p>Cisco Certified<\/p>\n <\/div>\n <div class=\"cert-item\">\n <div class=\"cert-badge\">PBI<\/div>\n <h4>Power BI<\/h4>\n <p>Data Analyst<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Projects Section -->\n <section class=\"projects\" id=\"projects\">\n <div class=\"section-header fade-in\">\n <h3>Portfolio<\/h3>\n <h2>Featured Projects<\/h2>\n <p>Real-world implementations demonstrating security and data expertise.<\/p>\n <\/div>\n\n <div class=\"projects-grid\">\n <div class=\"project-card fade-in\">\n <div class=\"project-header\">\n <span class=\"project-type\">\ud83d\udd34 Security<\/span>\n <div class=\"project-status\"><\/div>\n <\/div>\n <div class=\"project-body\">\n <h3>Enterprise SOC Implementation<\/h3>\n <p>Designed and deployed a 24\/7 Security Operations Center for a financial institution, processing 50K+ events daily with automated threat response.<\/p>\n <div class=\"project-tech\">\n <span class=\"tech-tag\">Splunk<\/span>\n <span class=\"tech-tag\">SOAR<\/span>\n <span class=\"tech-tag\">Python<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"project-card fade-in\">\n <div class=\"project-header\">\n <span class=\"project-type\" style=\"background: rgba(0, 212, 170, 0.2); color: #00d4aa;\">\ud83d\udfe2 Cloud<\/span>\n <div class=\"project-status\"><\/div>\n <\/div>\n <div class=\"project-body\">\n <h3>Zero Trust Architecture Migration<\/h3>\n <p>Led migration of legacy infrastructure to Azure AD with conditional access policies, reducing attack surface by 80% and improving compliance posture.<\/p>\n <div class=\"project-tech\">\n <span class=\"tech-tag\">Azure AD<\/span>\n <span class=\"tech-tag\">Terraform<\/span>\n <span class=\"tech-tag\">Sentinel<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"project-card fade-in\">\n <div class=\"project-header\">\n <span class=\"project-type\" style=\"background: rgba(0, 180, 216, 0.2); color: #00b4d8;\">\ud83d\udd35 Network<\/span>\n <div class=\"project-status\"><\/div>\n <\/div>\n <div class=\"project-body\">\n <h3>Global SD-WAN Deployment<\/h3>\n <p>Architected and implemented SD-WAN across 40+ international sites, improving network reliability by 99.95% while reducing costs by 35%.<\/p>\n <div class=\"project-tech\">\n <span class=\"tech-tag\">Palo Alto<\/span>\n <span class=\"tech-tag\">BGP<\/span>\n <span class=\"tech-tag\">Wireshark<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"project-card fade-in\">\n <div class=\"project-header\">\n <span class=\"project-type\" style=\"background: rgba(249, 199, 79, 0.2); color: #f9c74f;\">\ud83d\udfe1 Data<\/span>\n <div class=\"project-status\"><\/div>\n <\/div>\n <div class=\"project-body\">\n <h3>Security Analytics Dashboard<\/h3>\n <p>Built comprehensive Power BI security metrics dashboard for C-suite, tracking MTTD, MTTR, and risk scores with real-time data feeds.<\/p>\n <div class=\"project-tech\">\n <span class=\"tech-tag\">Power BI<\/span>\n <span class=\"tech-tag\">DAX<\/span>\n <span class=\"tech-tag\">SQL<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"project-card fade-in\">\n <div class=\"project-header\">\n <span class=\"project-type\">\ud83d\udd34 Security<\/span>\n <div class=\"project-status\"><\/div>\n <\/div>\n <div class=\"project-body\">\n <h3>Penetration Testing Framework<\/h3>\n <p>Developed automated penetration testing framework using Python and Metasploit, reducing assessment time by 60% while improving coverage.<\/p>\n <div class=\"project-tech\">\n <span class=\"tech-tag\">Python<\/span>\n <span class=\"tech-tag\">Metasploit<\/span>\n <span class=\"tech-tag\">Nmap<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"project-card fade-in\">\n <div class=\"project-header\">\n <span class=\"project-type\" style=\"background: rgba(0, 212, 170, 0.2); color: #00d4aa;\">\ud83d\udfe2 Cloud<\/span>\n <div class=\"project-status\"><\/div>\n <\/div>\n <div class=\"project-body\">\n <h3>Kubernetes Security Hardening<\/h3>\n <p>Implemented Pod Security Standards, network policies, and Falco runtime detection for 200+ microservices in production EKS clusters.<\/p>\n <div class=\"project-tech\">\n <span class=\"tech-tag\">Kubernetes<\/span>\n <span class=\"tech-tag\">Falco<\/span>\n <span class=\"tech-tag\">OPA<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Dashboard Preview -->\n <section class=\"dashboard\">\n <div class=\"section-header fade-in\">\n <h3>Data Visualization<\/h3>\n <h2>Power BI Expertise<\/h2>\n <p>Transforming complex security data into executive-ready insights.<\/p>\n <\/div>\n\n <div class=\"dashboard-container fade-in\">\n <div class=\"dashboard-preview\">\n <div class=\"dashboard-header\">\n <div class=\"dashboard-title\">Security Operations Dashboard<\/div>\n <span style=\"color: #00ff41; font-size: 0.8rem;\">\u25cf Live Data<\/span>\n <\/div>\n <div class=\"dashboard-body\">\n <div class=\"metric-card\">\n <div class=\"metric-value\">24<\/div>\n <div class=\"metric-label\">Critical Alerts<\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-value\">156<\/div>\n <div class=\"metric-label\">Resolved Today<\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-value\">12m<\/div>\n <div class=\"metric-label\">Avg Response<\/div>\n <\/div>\n <div class=\"chart-placeholder\">\n [Power BI Visualization: Threat Trend Analysis with Interactive Filters]\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Section -->\n <section class=\"contact\" id=\"contact\">\n <div class=\"contact-box fade-in\">\n <h2>Let's Secure Your <span>Infrastructure<\/span><\/h2>\n <p>Available for security consulting, architecture reviews, and data analytics projects. Clearances available upon request.<\/p>\n <div class=\"contact-links\">\n <a href=\"mailto:security@portfolio.com\" class=\"contact-link\">\ud83d\udce7 Email Me<\/a>\n <a href=\"#\" class=\"contact-link\">\ud83d\udcbc LinkedIn<\/a>\n <a href=\"#\" class=\"contact-link\">\ud83d\udc19 GitHub<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer>\n <div class=\"footer-content\">\n <div class=\"security-badge\">Connection Secured via TLS 1.3<\/div>\n <p>\u00a9 2026 Mejia.Dev | All systems monitored<\/p>\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: \"0px 0px -50px 0px\"\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach((el) => observer.observe(el));\n\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n<\/script>\n\n<\/body>\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>Cybersecurity Portfolio | Network & Cloud Specialist MEJIA.DEV Home Skills Projects Certs Contact \u25cf Available for Hire Cybersecurity Analyst & Cloud Architect Securing digital infrastructure, optimizing network performance, and transforming data into actionable intelligence through advanced analytics. 7+ Years Exp 50+ Networks Secured 99.9% Uptime Achieved View Projects \u2192 Download Resume root@security-ops:~ $ nmap -sV […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":5,"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/www.mejia-dev.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}