{"id":2,"date":"2026-04-22T15:04:19","date_gmt":"2026-04-22T15:04:19","guid":{"rendered":"https:\/\/rafi-gino.co.il\/?page_id=2"},"modified":"2026-04-24T10:49:57","modified_gmt":"2026-04-24T10:49:57","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/rafi-gino.co.il\/?page_id=2","title":{"rendered":"My Portfolio"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500;700&display=swap');\n\n*{box-sizing:border-box;margin:0;padding:0}\n:root{\n  --c1:#FF4D00;--c2:#FFD600;--c3:#00E5FF;--c4:#7B2FFF;\n  --dark:#0A0A0A;--card:#111;--text:#F0F0F0;--muted:#888;\n}\nbody{background:var(--dark);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}\n\n.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #222;position:sticky;top:0;background:rgba(10,10,10,0.95);backdrop-filter:blur(10px);z-index:100}\n.logo{font-family:'Space Mono',monospace;font-size:1rem;color:var(--c1);letter-spacing:2px}\n.nav-links{display:flex;gap:2rem}\n.nav-links a{color:var(--muted);text-decoration:none;font-size:0.85rem;letter-spacing:1px;text-transform:uppercase;transition:color 0.2s}\n.nav-links a:hover{color:var(--c1)}\n\n.hero{padding:5rem 2rem 4rem;position:relative;overflow:hidden}\n.hero-tag{display:inline-block;font-family:'Space Mono',monospace;font-size:0.75rem;color:var(--c3);border:1px solid var(--c3);padding:4px 12px;border-radius:2px;margin-bottom:1.5rem;letter-spacing:2px}\n.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-2px;margin-bottom:1.5rem}\n.hero h1 span{color:var(--c1)}\n.hero h1 .line2{color:var(--c2)}\n.hero-sub{font-size:1.1rem;color:var(--muted);max-width:500px;line-height:1.7;margin-bottom:2.5rem}\n.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}\n.btn-primary{background:var(--c1);color:#fff;padding:0.8rem 2rem;border:none;font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:700;cursor:pointer;border-radius:2px;text-decoration:none;letter-spacing:0.5px;transition:transform 0.2s,box-shadow 0.2s}\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,77,0,0.4)}\n.btn-outline{background:transparent;color:var(--text);padding:0.8rem 2rem;border:1px solid #333;font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:500;cursor:pointer;border-radius:2px;text-decoration:none;transition:border-color 0.2s}\n.btn-outline:hover{border-color:var(--muted)}\n\n.deco-grid{position:absolute;top:0;right:-100px;width:400px;height:100%;opacity:0.04;pointer-events:none}\n.deco-grid line{stroke:var(--c1);stroke-width:1}\n\n.skills-bar{display:flex;gap:0;border-top:1px solid #222;border-bottom:1px solid #222;overflow:hidden}\n.skill-pill{flex:1;padding:1rem;text-align:center;font-family:'Space Mono',monospace;font-size:0.7rem;letter-spacing:2px;color:var(--muted);border-right:1px solid #222;text-transform:uppercase;transition:background 0.2s,color 0.2s;cursor:default}\n.skill-pill:last-child{border-right:none}\n.skill-pill:hover{background:#1a1a1a;color:var(--text)}\n.skill-pill.active{color:var(--c1)}\n\n.section{padding:4rem 2rem}\n.section-label{font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--c1);letter-spacing:3px;text-transform:uppercase;margin-bottom:0.5rem}\n.section-title{font-size:1.8rem;font-weight:700;margin-bottom:3rem;letter-spacing:-0.5px}\n.section-title span{color:var(--muted)}\n\n.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:#222}\n.project-card{background:var(--card);padding:2rem;position:relative;overflow:hidden;cursor:pointer;transition:background 0.2s}\n.project-card:hover{background:#161616}\n.project-card:hover .proj-num{color:var(--c1)}\n.proj-num{font-family:'Space Mono',monospace;font-size:0.7rem;color:#333;margin-bottom:1rem;transition:color 0.3s}\n.proj-title{font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;letter-spacing:-0.3px}\n.proj-desc{font-size:0.85rem;color:var(--muted);line-height:1.6;margin-bottom:1.5rem}\n.proj-tags{display:flex;gap:6px;flex-wrap:wrap}\n.tag{font-family:'Space Mono',monospace;font-size:0.6rem;padding:3px 8px;border:1px solid #333;color:var(--muted);border-radius:2px;letter-spacing:1px}\n.tag.py{border-color:#306998;color:#4B8BBE}\n.tag.react{border-color:#20232a;color:#61DAFB}\n.tag.ml{border-color:#FF6F00;color:#FFA726}\n.tag.api{border-color:#00BCD4;color:#4DD0E1}\n.tag.fa{border-color:#009688;color:#4DB6AC}\n\n.stack-section{padding:4rem 2rem;background:#0d0d0d}\n.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#222}\n.stack-item{background:var(--card);padding:1.5rem;display:flex;align-items:center;gap:1rem}\n.stack-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\n.stack-name{font-size:0.9rem;font-weight:500}\n.stack-sub{font-size:0.75rem;color:var(--muted);margin-top:2px}\n\n.contact{padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}\n.contact h2{font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:-2px;margin-bottom:1rem}\n.contact h2 span{color:var(--c1)}\n.contact p{color:var(--muted);margin-bottom:2.5rem;font-size:1rem}\n.contact-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}\n.contact-link{display:flex;align-items:center;gap:8px;padding:0.7rem 1.5rem;border:1px solid #333;border-radius:2px;color:var(--text);text-decoration:none;font-size:0.85rem;transition:border-color 0.2s,color 0.2s}\n.contact-link:hover{border-color:var(--c1);color:var(--c1)}\n\n.footer{padding:2rem;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center}\n.footer-logo{font-family:'Space Mono',monospace;font-size:0.75rem;color:#333}\n.footer-copy{font-size:0.75rem;color:#333}\n\n@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\n.hero>*{animation:fadeInUp 0.6s both}\n.hero-tag{animation-delay:0.1s}\n.hero h1{animation-delay:0.2s}\n.hero-sub{animation-delay:0.3s}\n.hero-cta{animation-delay:0.4s}\n<\/style>\n\n<nav class=\"nav\">\n  <div class=\"logo\">RG_DEV<\/div>\n  <div class=\"nav-links\">\n    <a href=\"#\">Projects<\/a>\n    <a href=\"#\">Stack<\/a>\n    <a href=\"#\">Contact<\/a>\n  <\/div>\n<\/nav>\n\n<section class=\"hero\">\n  <svg class=\"deco-grid\" viewBox=\"0 0 400 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <defs><pattern id=\"g\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"\/><\/pattern><\/defs>\n    <rect width=\"400\" height=\"600\" fill=\"url(#g)\"\/>\n  <\/svg>\n\n  <div class=\"hero-tag\">AVAILABLE FOR WORK<\/div>\n  <h1>\n    Rafi Gino<br>\n    <span>Full Stack<\/span> &#038;<br>\n    <span class=\"line2\">ML Engineer<\/span>\n  <\/h1>\n  <p class=\"hero-sub\">Building fast backends, clean APIs, and intelligent systems. Python-first. Data-driven. Ready to ship.<\/p>\n  <div class=\"hero-cta\">\n    <a class=\"btn-primary\" href=\"mailto:rafi@rafi-gino.co.il\">Hire me<\/a>\n    <a class=\"btn-outline\" href=\"#\">View projects<\/a>\n  <\/div>\n<\/section>\n\n<div class=\"skills-bar\">\n  <div class=\"skill-pill active\">Python<\/div>\n  <div class=\"skill-pill\">FastAPI<\/div>\n  <div class=\"skill-pill\">React<\/div>\n  <div class=\"skill-pill\">ML \/ AI<\/div>\n  <div class=\"skill-pill\">REST APIs<\/div>\n  <div class=\"skill-pill\">SQL<\/div>\n<\/div>\n\n<section class=\"section\">\n  <div class=\"section-label\">Work<\/div>\n  <div class=\"section-title\">Selected <span>Projects<\/span><\/div>\n  <div class=\"projects-grid\">\n    <div class=\"project-card\">\n      <div class=\"proj-num\">01<\/div>\n      <div class=\"proj-title\">Task Manager API<\/div>\n      <div class=\"proj-desc\">Production-ready REST API with auth, CRUD, and async support. Built for scale.<\/div>\n      <div class=\"proj-tags\"><span class=\"tag py\">Python<\/span><span class=\"tag fa\">FastAPI<\/span><span class=\"tag api\">REST<\/span><\/div>\n    <\/div>\n    <div class=\"project-card\">\n      <div class=\"proj-num\">02<\/div>\n      <div class=\"proj-title\">Wave.fm<\/div>\n      <div class=\"proj-desc\">Music discovery web app with smart recommendations and real-time streaming UI.<\/div>\n      <div class=\"proj-tags\"><span class=\"tag react\">React<\/span><span class=\"tag py\">Python<\/span><span class=\"tag api\">API<\/span><\/div>\n    <\/div>\n    <div class=\"project-card\">\n      <div class=\"proj-num\">03<\/div>\n      <div class=\"proj-title\">ML Pipeline<\/div>\n      <div class=\"proj-desc\">End-to-end machine learning pipeline with data preprocessing, training, and deployment.<\/div>\n      <div class=\"proj-tags\"><span class=\"tag ml\">PyTorch<\/span><span class=\"tag py\">Python<\/span><span class=\"tag fa\">CUDA<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"stack-section\">\n  <div style=\"padding:0 0 3rem\">\n    <div class=\"section-label\">Stack<\/div>\n    <div class=\"section-title\">Tools I <span>work with<\/span><\/div>\n  <\/div>\n  <div class=\"stack-grid\">\n    <div class=\"stack-item\"><div class=\"stack-dot\" style=\"background:#4B8BBE\"><\/div><div><div class=\"stack-name\">Python<\/div><div class=\"stack-sub\">Primary language<\/div><\/div><\/div>\n    <div class=\"stack-item\"><div class=\"stack-dot\" style=\"background:#4DB6AC\"><\/div><div><div class=\"stack-name\">FastAPI<\/div><div class=\"stack-sub\">Backend \/ APIs<\/div><\/div><\/div>\n    <div class=\"stack-item\"><div class=\"stack-dot\" style=\"background:#61DAFB\"><\/div><div><div class=\"stack-name\">React<\/div><div class=\"stack-sub\">Frontend<\/div><\/div><\/div>\n    <div class=\"stack-item\"><div class=\"stack-dot\" style=\"background:#FFA726\"><\/div><div><div class=\"stack-name\">PyTorch<\/div><div class=\"stack-sub\">ML \/ Deep learning<\/div><\/div><\/div>\n    <div class=\"stack-item\"><div class=\"stack-dot\" style=\"background:#76FF03\"><\/div><div><div class=\"stack-name\">PostgreSQL<\/div><div class=\"stack-sub\">Database<\/div><\/div><\/div>\n    <div class=\"stack-item\"><div class=\"stack-dot\" style=\"background:#FF7043\"><\/div><div><div class=\"stack-name\">Docker<\/div><div class=\"stack-sub\">Containers \/ Deploy<\/div><\/div><\/div>\n  <\/div>\n<\/section>\n\n<section class=\"contact\">\n  <h2>Let's <span>work<\/span><br>together.<\/h2>\n  <p>Open to freelance projects, consulting, and full-time opportunities.<\/p>\n  <div class=\"contact-links\">\n    <a class=\"contact-link\" href=\"mailto:rafi@rafi-gino.co.il\">\n      <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\"\/><path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\"\/><\/svg>\n      rafi@rafi-gino.co.il\n    <\/a>\n    <a class=\"contact-link\" href=\"https:\/\/github.com\/\" target=\"_blank\">\n      <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z\"\/><\/svg>\n      GitHub\n    <\/a>\n    <a class=\"contact-link\" href=\"https:\/\/www.linkedin.com\/in\/rafi-gino-2b4b7a93\/\" target=\"_blank\">\n      <svg width=\"14\" height=\"14\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\n      LinkedIn\n    <\/a>\n  <\/div>\n<\/section>\n\n<footer class=\"footer\">\n  <div class=\"footer-logo\">RAFI-GINO.CO.IL<\/div>\n  <div class=\"footer-copy\">\u00a9 2026 Rafi Gino<\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>RG_DEV Projects Stack Contact AVAILABLE FOR WORK Rafi Gino Full Stack &#038; ML Engineer Building fast backends, clean APIs, and intelligent systems. Python-first. Data-driven. Ready to ship. Hire me View projects Python FastAPI React ML \/ AI REST APIs SQL Work Selected Projects 01 Task Manager API Production-ready REST API with auth, CRUD, and async [&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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":4,"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/rafi-gino.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}