{"id":7,"date":"2026-03-15T08:41:34","date_gmt":"2026-03-15T08:41:34","guid":{"rendered":"https:\/\/ramyasree.co.uk\/?page_id=7"},"modified":"2026-03-31T00:33:02","modified_gmt":"2026-03-31T00:33:02","slug":"home","status":"publish","type":"page","link":"https:\/\/ramyasree.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85c8bc2 e-flex e-con-boxed e-con e-parent\" data-id=\"85c8bc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f133e21 elementor-widget elementor-widget-html\" data-id=\"f133e21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\"\/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <meta name=\"description\" content=\"Ramyasree \u2013 Python Full Stack Developer, Data Analyst & Machine Learning Engineer with 3 years of experience. Seeking opportunities in the United Kingdom.\"\/>\r\n  <title>Ramyasree | Python \u00b7 Data \u00b7 ML Engineer<\/title>\r\n\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=Playfair+Display:wght@700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n\r\n  <style>\r\n    :root {\r\n      --bg-void:      #03050d;\r\n      --bg-deep:      #060b18;\r\n      --bg-mid:       #0b1225;\r\n      --bg-card:      #0e1830;\r\n      --emerald:      #10e8a8;\r\n      --emerald-glow: rgba(16,232,168,0.15);\r\n      --sapphire:     #3b9eff;\r\n      --amber:        #ffb830;\r\n      --rose:         #ff5e8a;\r\n      --violet:       #a855f7;\r\n      --txt-hi:   #eef4ff;\r\n      --txt-mid:  #8ba3c7;\r\n      --txt-lo:   #3d5272;\r\n      --bdr:      rgba(255,255,255,0.06);\r\n      --bdr-em:   rgba(16,232,168,0.28);\r\n      --f-display: 'Playfair Display', serif;\r\n      --f-body:    'Plus Jakarta Sans', sans-serif;\r\n      --ease: 0.3s cubic-bezier(.4,0,.2,1);\r\n      --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 36px;\r\n    }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    html { scroll-behavior: smooth; }\r\n    body { font-family: var(--f-body); background: var(--bg-void); color: var(--txt-hi); line-height: 1.7; overflow-x: hidden; }\r\n    a { color: var(--emerald); text-decoration: none; transition: color var(--ease); }\r\n    a:hover, a:focus-visible { color: var(--amber); text-decoration: underline; }\r\n    :focus-visible { outline: 2.5px solid var(--emerald); outline-offset: 3px; border-radius: var(--r-sm); }\r\n    img { max-width: 100%; display: block; }\r\n    .wrap { width: min(1180px, 92vw); margin-inline: auto; }\r\n\r\n    \/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n    .btn { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--f-body); font-size: .92rem; font-weight: 700; padding: .78rem 1.75rem; border-radius: var(--r-sm); border: none; cursor: pointer; transition: transform var(--ease), box-shadow var(--ease), filter var(--ease); text-decoration: none !important; }\r\n    .btn:hover { transform: translateY(-3px); }\r\n    .btn-primary { background: linear-gradient(135deg, var(--emerald) 0%, var(--sapphire) 100%); color: #fff; box-shadow: 0 8px 28px rgba(16,232,168,.35); }\r\n    .btn-primary:hover { box-shadow: 0 12px 36px rgba(16,232,168,.5); color: #fff; filter: brightness(1.08); }\r\n    .btn-ghost { background: transparent; color: var(--txt-hi); border: 1.5px solid var(--bdr); }\r\n    .btn-ghost:hover { border-color: var(--emerald); color: var(--emerald); background: var(--emerald-glow); }\r\n\r\n    \/* \u2500\u2500 Section helpers \u2500\u2500 *\/\r\n    .sec-label { display: inline-flex; align-items: center; gap: .5rem; font-size: .72rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--emerald); margin-bottom: .9rem; }\r\n    .sec-label::before { content: ''; width: 22px; height: 2px; background: linear-gradient(90deg, var(--emerald), var(--sapphire)); border-radius: 2px; }\r\n    .sec-title { font-family: var(--f-display); font-size: clamp(1.9rem,3.5vw,2.7rem); font-weight: 900; line-height: 1.15; letter-spacing: -.025em; color: var(--txt-hi); margin-bottom: 1.2rem; }\r\n    .sec-title .em  { color: var(--emerald); }\r\n    .sec-title .sap { color: var(--sapphire); }\r\n    .body-text { color: var(--txt-mid); font-size: .98rem; line-height: 1.85; margin-bottom: 1.4rem; }\r\n    .gdiv { height: 1px; max-width: 560px; margin: 0 auto; background: linear-gradient(90deg, transparent, var(--bdr-em), transparent); }\r\n\r\n    \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\r\n    .reveal { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s ease; }\r\n    .reveal.on { opacity: 1; transform: none; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .hero { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 4rem 0 5rem; overflow: hidden; }\r\n\r\n    .hero__canvas { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }\r\n    .hero__canvas::before {\r\n      content: ''; position: absolute; inset: 0;\r\n      background:\r\n        radial-gradient(ellipse 80% 60% at 15% 40%, rgba(16,232,168,.20) 0%, transparent 60%),\r\n        radial-gradient(ellipse 70% 50% at 85% 20%, rgba(59,158,255,.18) 0%, transparent 55%),\r\n        radial-gradient(ellipse 60% 70% at 70% 85%, rgba(168,85,247,.16) 0%, transparent 55%),\r\n        radial-gradient(ellipse 50% 40% at 45% 10%, rgba(255,184,48,.12) 0%, transparent 50%);\r\n      animation: meshShift 14s ease-in-out infinite alternate;\r\n    }\r\n    .hero__canvas::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 40% 40% at 30% 70%, rgba(255,94,138,.12) 0%, transparent 55%); animation: meshShift 10s ease-in-out infinite alternate-reverse; }\r\n    @keyframes meshShift { 0%{opacity:.8;transform:scale(1) translateY(0);} 50%{opacity:1;transform:scale(1.04) translateY(-12px);} 100%{opacity:.7;transform:scale(.97) translateY(8px);} }\r\n\r\n    .hero__grid-dots { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%); }\r\n\r\n    .orb { position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none; animation: orbDrift 12s ease-in-out infinite alternate; }\r\n    .orb-1 { width:520px;height:520px;background:rgba(16,232,168,.22);top:-160px;left:-120px;animation-duration:15s; }\r\n    .orb-2 { width:420px;height:420px;background:rgba(59,158,255,.20);top:10%;right:-100px;animation-duration:11s;animation-delay:-5s; }\r\n    .orb-3 { width:340px;height:340px;background:rgba(168,85,247,.18);bottom:-80px;left:30%;animation-duration:13s;animation-delay:-3s; }\r\n    .orb-4 { width:260px;height:260px;background:rgba(255,184,48,.14);bottom:20%;right:20%;animation-duration:9s;animation-delay:-7s; }\r\n    @keyframes orbDrift { from{transform:translate(0,0) scale(1);} to{transform:translate(28px,-28px) scale(1.1);} }\r\n\r\n    .hero__layout { display: grid; grid-template-columns: 1fr 430px; gap: 4rem; align-items: center; position: relative; z-index: 1; }\r\n\r\n    .hero__eyebrow { display: inline-flex; align-items: center; gap: .55rem; background: rgba(16,232,168,.1); border: 1px solid var(--bdr-em); color: var(--emerald); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: .38rem 1rem; border-radius: 999px; margin-bottom: 1.6rem; animation: riseIn .6s ease both; }\r\n    .eyebrow__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--emerald); box-shadow: 0 0 8px var(--emerald); animation: pulse 1.8s ease infinite; }\r\n    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.7);} }\r\n\r\n    .hero__name { font-family: var(--f-display); font-size: clamp(3rem,6.5vw,5.2rem); font-weight: 900; line-height: 1.0; letter-spacing: -.03em; color: var(--txt-hi); margin-bottom: .6rem; animation: riseIn .7s ease .1s both; }\r\n    .hero__name .em  { color: var(--emerald); }\r\n    .hero__name .sap { color: var(--sapphire); }\r\n\r\n    .hero__role-line { font-size: clamp(1.1rem,2.2vw,1.45rem); font-weight: 300; color: var(--txt-mid); margin-bottom: 1.8rem; animation: riseIn .7s ease .2s both; }\r\n    .hero__role-line strong { color: var(--amber); font-weight: 600; }\r\n\r\n    .hero__chips { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 2.2rem; animation: riseIn .7s ease .3s both; }\r\n    .chip { display: inline-flex; align-items: center; gap: .4rem; padding: .42rem 1rem; border-radius: 999px; font-size: .82rem; font-weight: 600; border: 1px solid; transition: all var(--ease); }\r\n    .chip--em  { background: rgba(16,232,168,.09); border-color: rgba(16,232,168,.3); color: var(--emerald); }\r\n    .chip--sap { background: rgba(59,158,255,.09); border-color: rgba(59,158,255,.3); color: var(--sapphire); }\r\n    .chip--amb { background: rgba(255,184,48,.09); border-color: rgba(255,184,48,.3); color: var(--amber); }\r\n    .chip--vio { background: rgba(168,85,247,.09); border-color: rgba(168,85,247,.3); color: var(--violet); }\r\n    .chip:hover { transform: translateY(-2px); filter: brightness(1.2); }\r\n\r\n    .hero__btns { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2.8rem; animation: riseIn .7s ease .4s both; }\r\n\r\n    .hero__stats { display: flex; gap: 2.5rem; animation: riseIn .7s ease .5s both; }\r\n    .stat-item { display: flex; flex-direction: column; }\r\n    .stat-n { font-family: var(--f-display); font-size: 2.1rem; font-weight: 900; line-height: 1; background: linear-gradient(135deg, var(--emerald), var(--sapphire)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n    .stat-l { font-size: .72rem; font-weight: 600; color: var(--txt-lo); text-transform: uppercase; letter-spacing: .08em; margin-top: .18rem; }\r\n    .stat-sep { width: 1px; background: var(--bdr); align-self: stretch; margin-inline: .5rem; }\r\n\r\n    .hero__card { position: relative; animation: riseIn .8s ease .2s both; }\r\n    .ring { position: absolute; border-radius: var(--r-xl); pointer-events: none; }\r\n    .ring-1 { inset: -20px; border: 1.5px solid rgba(16,232,168,.25); border-radius: calc(var(--r-xl) + 20px); animation: spin 22s linear infinite; }\r\n    .ring-2 { inset: -40px; border: 1px dashed rgba(59,158,255,.18); border-radius: calc(var(--r-xl) + 40px); animation: spin 35s linear infinite reverse; }\r\n    @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n    .hero__card-box { position: relative; z-index: 1; width: 380px; height: 460px; border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--bdr-em); background: linear-gradient(145deg, #071426, #0a1835); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.4rem; }\r\n    .hero__card-box::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(16,232,168,.2) 0%, transparent 60%), radial-gradient(ellipse 60% 60% at 50% 100%, rgba(59,158,255,.16) 0%, transparent 60%); pointer-events: none; }\r\n    .hero__card-box::after { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(0deg, transparent, transparent 38px, rgba(255,255,255,.022) 39px); pointer-events: none; }\r\n\r\n    .avatar-circle { position: relative; z-index: 1; width: 140px; height: 140px; border-radius: 50%; background: linear-gradient(135deg, var(--emerald), var(--sapphire), var(--violet)); display: flex; align-items: center; justify-content: center; font-size: 4.5rem; color: #fff; box-shadow: 0 0 0 6px rgba(16,232,168,.12), 0 0 0 14px rgba(16,232,168,.06), 0 0 60px rgba(16,232,168,.4); animation: avatarGlow 3s ease-in-out infinite alternate; }\r\n    @keyframes avatarGlow { from{box-shadow:0 0 0 6px rgba(16,232,168,.12),0 0 0 14px rgba(16,232,168,.06),0 0 50px rgba(16,232,168,.35);} to{box-shadow:0 0 0 8px rgba(16,232,168,.18),0 0 0 20px rgba(16,232,168,.08),0 0 80px rgba(16,232,168,.55);} }\r\n\r\n    .card-nametag { position: relative; z-index: 1; text-align: center; }\r\n    .card-nametag__name { font-family: var(--f-display); font-size: 1.6rem; font-weight: 900; color: var(--txt-hi); letter-spacing: -.02em; }\r\n    .card-nametag__title { font-size: .82rem; font-weight: 500; color: var(--emerald); margin-top: .2rem; }\r\n    .card-otw { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .5rem; background: rgba(16,232,168,.1); border: 1px solid var(--bdr-em); color: var(--emerald); font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: .35rem 1rem; border-radius: 999px; }\r\n\r\n    .ftag { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: .38rem; padding: .38rem .85rem; background: var(--bg-card); border-radius: 999px; font-size: .75rem; font-weight: 700; white-space: nowrap; box-shadow: 0 6px 24px rgba(0,0,0,.5); animation: tagBob 4s ease-in-out infinite alternate; }\r\n    .ftag i { font-size: .72rem; }\r\n    .ftag-py  { top: 6%;  left: -72px; border: 1px solid rgba(16,232,168,.3); color: var(--emerald); }\r\n    .ftag-tf  { top: 30%; right: -68px; border: 1px solid rgba(59,158,255,.3); color: var(--sapphire); animation-delay: -1.5s; }\r\n    .ftag-sql { bottom: 30%; left: -68px; border: 1px solid rgba(255,184,48,.3); color: var(--amber); animation-delay: -3s; }\r\n    .ftag-re  { bottom: 8%; right: -64px; border: 1px solid rgba(168,85,247,.3); color: var(--violet); animation-delay: -2s; }\r\n    @keyframes tagBob { from{transform:translateY(0);} to{transform:translateY(-10px);} }\r\n\r\n    .loc-pin { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: .5rem; background: var(--bg-mid); border: 1px solid var(--bdr-em); color: var(--txt-mid); font-size: .78rem; font-weight: 600; padding: .45rem 1.1rem; border-radius: 999px; white-space: nowrap; z-index: 4; }\r\n    .loc-pin i { color: var(--emerald); }\r\n\r\n    @keyframes riseIn { from{opacity:0;transform:translateY(28px);} to{opacity:1;transform:translateY(0);} }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MARQUEE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .marquee-band { padding: 2.8rem 0; background: var(--bg-deep); border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); overflow: hidden; }\r\n    .marquee-head { text-align: center; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--txt-lo); margin-bottom: 1.4rem; }\r\n    .marquee-track { display: flex; width: max-content; animation: mq 30s linear infinite; }\r\n    .marquee-track:hover { animation-play-state: paused; }\r\n    @keyframes mq { from{transform:translateX(0);} to{transform:translateX(-50%);} }\r\n    .m-item { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem 1.3rem; background: var(--bg-card); border: 1px solid var(--bdr); border-radius: 999px; color: var(--txt-mid); font-size: .82rem; font-weight: 500; margin-right: .7rem; flex-shrink: 0; white-space: nowrap; transition: border-color var(--ease), color var(--ease); }\r\n    .m-item:hover { border-color: var(--emerald); color: var(--emerald); }\r\n    .m-item i { color: var(--emerald); font-size: .85rem; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ABOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .about { padding: 6rem 0; }\r\n    .about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4.5rem; align-items: start; }\r\n    .check-list { list-style: none; display: flex; flex-direction: column; gap: .8rem; }\r\n    .check-list li { display: flex; align-items: flex-start; gap: .65rem; color: var(--txt-mid); font-size: .93rem; }\r\n    .check-list li i { color: var(--emerald); font-size: .82rem; margin-top: .32rem; flex-shrink: 0; }\r\n    .skills-title { font-family: var(--f-display); font-size: 1.2rem; font-weight: 800; color: var(--txt-hi); margin-bottom: 1.2rem; }\r\n    .skills-cloud { display: flex; flex-wrap: wrap; gap: .55rem; }\r\n    .sk { display: inline-flex; align-items: center; gap: .35rem; background: var(--bg-card); border: 1px solid var(--bdr); color: var(--txt-mid); font-size: .8rem; font-weight: 500; padding: .38rem .85rem; border-radius: var(--r-sm); transition: all var(--ease); cursor: default; }\r\n    .sk i { font-size: .75rem; color: var(--emerald); }\r\n    .sk:hover { border-color: var(--emerald); color: var(--emerald); background: var(--emerald-glow); transform: translateY(-2px); }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 EXPERTISE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .expertise { padding: 5.5rem 0; background: var(--bg-deep); }\r\n    .expertise__hd { text-align: center; margin-bottom: 3.5rem; }\r\n    .expertise__hd .body-text { max-width: 520px; margin-inline: auto; }\r\n    .cards-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; }\r\n    .xcard { background: var(--bg-card); border: 1px solid var(--bdr); border-radius: var(--r-lg); padding: 2rem 1.75rem; position: relative; overflow: hidden; transition: transform var(--ease), border-color var(--ease), box-shadow var(--ease); }\r\n    .xcard::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; opacity: 0; transition: opacity var(--ease); }\r\n    .xcard:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0,0,0,.45); }\r\n    .xcard:hover::after { opacity: 1; }\r\n    .xcard.c-em::after  { background: linear-gradient(90deg, var(--emerald), var(--sapphire)); }\r\n    .xcard.c-sap::after { background: linear-gradient(90deg, var(--sapphire), var(--violet)); }\r\n    .xcard.c-amb::after { background: linear-gradient(90deg, var(--amber), var(--rose)); }\r\n    .xcard:hover.c-em  { border-color: rgba(16,232,168,.3); }\r\n    .xcard:hover.c-sap { border-color: rgba(59,158,255,.3); }\r\n    .xcard:hover.c-amb { border-color: rgba(255,184,48,.3); }\r\n    .xcard__ico { width: 50px; height: 50px; border-radius: var(--r-md); display: flex; align-items: center; justify-content: center; font-size: 1.35rem; margin-bottom: 1.2rem; }\r\n    .ico-em  { background: rgba(16,232,168,.1); color: var(--emerald); }\r\n    .ico-sap { background: rgba(59,158,255,.1); color: var(--sapphire); }\r\n    .ico-amb { background: rgba(255,184,48,.1); color: var(--amber); }\r\n    .ico-vio { background: rgba(168,85,247,.1); color: var(--violet); }\r\n    .ico-rose{ background: rgba(255,94,138,.1); color: var(--rose); }\r\n    .xcard__title { font-family: var(--f-display); font-size: 1.05rem; font-weight: 800; color: var(--txt-hi); margin-bottom: .55rem; }\r\n    .xcard__desc { font-size: .86rem; color: var(--txt-mid); line-height: 1.7; margin-bottom: 1.15rem; }\r\n    .xcard__tags { display: flex; flex-wrap: wrap; gap: .38rem; }\r\n    .xt { font-size: .7rem; font-weight: 700; padding: .18rem .6rem; border-radius: 4px; }\r\n    .xt-em  { background: rgba(16,232,168,.1); color: var(--emerald); border: 1px solid rgba(16,232,168,.2); }\r\n    .xt-sap { background: rgba(59,158,255,.1); color: var(--sapphire); border: 1px solid rgba(59,158,255,.2); }\r\n    .xt-amb { background: rgba(255,184,48,.1); color: var(--amber); border: 1px solid rgba(255,184,48,.2); }\r\n    .xt-vio { background: rgba(168,85,247,.1); color: var(--violet); border: 1px solid rgba(168,85,247,.2); }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .cta { padding: 5.5rem 0; }\r\n    .cta__box { position: relative; overflow: hidden; border-radius: var(--r-xl); border: 1px solid var(--bdr-em); padding: 4.5rem 3.5rem; display: grid; grid-template-columns: 1fr auto; gap: 2.5rem; align-items: center; background: linear-gradient(135deg, #071828 0%, #0a1530 50%, #081022 100%); }\r\n    .cta__box::before { content: ''; position: absolute; top: -120px; right: -120px; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(16,232,168,.2), transparent); pointer-events: none; }\r\n    .cta__box::after  { content: ''; position: absolute; bottom: -80px; left: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(59,158,255,.18), transparent); pointer-events: none; }\r\n    .cta__flag { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--amber); margin-bottom: .6rem; }\r\n    .cta__title { font-family: var(--f-display); font-size: clamp(1.8rem,3.2vw,2.5rem); font-weight: 900; color: var(--txt-hi); line-height: 1.15; margin-bottom: .7rem; }\r\n    .cta__sub { color: var(--txt-mid); font-size: .95rem; max-width: 480px; }\r\n    .cta__actions { display: flex; flex-direction: column; gap: .75rem; position: relative; z-index: 1; }\r\n\r\n    .contact-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; padding: 0 0 4.5rem; }\r\n    .clink { display: inline-flex; align-items: center; gap: .55rem; color: var(--txt-mid); font-size: .88rem; transition: color var(--ease); }\r\n    .clink i { color: var(--emerald); font-size: .95rem; }\r\n    .clink:hover { color: var(--emerald); text-decoration: none; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 1060px) {\r\n      .hero__layout { grid-template-columns: 1fr; }\r\n      .hero__card { order: -1; }\r\n      .hero__card-box { width: 300px; height: 360px; margin-inline: auto; }\r\n      .ring-1, .ring-2, .ftag { display: none; }\r\n      .cards-grid { grid-template-columns: repeat(2,1fr); }\r\n      .about__grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n    }\r\n    @media (max-width: 740px) {\r\n      .cards-grid { grid-template-columns: 1fr; }\r\n      .cta__box { grid-template-columns: 1fr; padding: 2.5rem 1.75rem; }\r\n      .hero__stats { gap: 1.4rem; flex-wrap: wrap; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<main id=\"main\">\r\n\r\n  <!-- \u2550\u2550 HERO \u2550\u2550 -->\r\n  <section class=\"hero\" aria-labelledby=\"hero-h1\">\r\n    <div class=\"hero__canvas\" aria-hidden=\"true\">\r\n      <div class=\"hero__grid-dots\"><\/div>\r\n      <div class=\"orb orb-1\"><\/div>\r\n      <div class=\"orb orb-2\"><\/div>\r\n      <div class=\"orb orb-3\"><\/div>\r\n      <div class=\"orb orb-4\"><\/div>\r\n    <\/div>\r\n    <div class=\"wrap\">\r\n      <div class=\"hero__layout\">\r\n\r\n        <div class=\"hero__text\">\r\n          <div class=\"hero__eyebrow\">\r\n            <span class=\"eyebrow__dot\" aria-hidden=\"true\"><\/span>\r\n            Available \u00b7 United Kingdom\r\n          <\/div>\r\n          <h1 class=\"hero__name\" id=\"hero-h1\">\r\n            Hi, I'm<br\/>\r\n            <span class=\"em\">Ramya<\/span><span class=\"sap\">sree<\/span>\r\n          <\/h1>\r\n          <p class=\"hero__role-line\">\r\n            <strong>Python Full Stack<\/strong> Developer &amp;\r\n            <strong>Data \/ ML<\/strong> Engineer \u2014\r\n            3 years of delivering real-world impact\r\n          <\/p>\r\n          <div class=\"hero__chips\" role=\"list\">\r\n            <span class=\"chip chip--em\"  role=\"listitem\"><i class=\"fa-brands fa-python\" aria-hidden=\"true\"><\/i>Python Full Stack<\/span>\r\n            <span class=\"chip chip--sap\" role=\"listitem\"><i class=\"fa-solid fa-chart-simple\" aria-hidden=\"true\"><\/i>Data Analysis<\/span>\r\n            <span class=\"chip chip--amb\" role=\"listitem\"><i class=\"fa-solid fa-brain\" aria-hidden=\"true\"><\/i>Machine Learning<\/span>\r\n            <span class=\"chip chip--vio\" role=\"listitem\"><i class=\"fa-solid fa-sitemap\" aria-hidden=\"true\"><\/i>Data Engineering<\/span>\r\n          <\/div>\r\n          <div class=\"hero__btns\">\r\n            <a href=\"#contact\" class=\"btn btn-primary\"><i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>Get in Touch<\/a>\r\n            <a href=\"#expertise\" class=\"btn btn-ghost\"><i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>View Expertise<\/a>\r\n          <\/div>\r\n          <div class=\"hero__stats\" role=\"list\">\r\n            <div class=\"stat-item\" role=\"listitem\"><span class=\"stat-n\">3+<\/span><span class=\"stat-l\">Years Exp.<\/span><\/div>\r\n            <div class=\"stat-sep\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"stat-item\" role=\"listitem\"><span class=\"stat-n\">15+<\/span><span class=\"stat-l\">Projects<\/span><\/div>\r\n            <div class=\"stat-sep\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"stat-item\" role=\"listitem\"><span class=\"stat-n\">5+<\/span><span class=\"stat-l\">Industries<\/span><\/div>\r\n            <div class=\"stat-sep\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"stat-item\" role=\"listitem\"><span class=\"stat-n\">UK<\/span><span class=\"stat-l\">Based \/ Seeking<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero__card\" aria-hidden=\"true\">\r\n          <div class=\"ring ring-1\"><\/div>\r\n          <div class=\"ring ring-2\"><\/div>\r\n          <div class=\"hero__card-box\">\r\n            <div class=\"avatar-circle\"><i class=\"fa-solid fa-user\"><\/i><\/div>\r\n            <div class=\"card-nametag\">\r\n              <div class=\"card-nametag__name\">Ramyasree<\/div>\r\n              <div class=\"card-nametag__title\">Python \u00b7 Data \u00b7 ML Engineer<\/div>\r\n            <\/div>\r\n            <div class=\"card-otw\">\r\n              <i class=\"fa-solid fa-circle-dot\" aria-hidden=\"true\"><\/i>\r\n              Open to Opportunities\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"ftag ftag-py\"><i class=\"fa-brands fa-python\"><\/i>Python 3.x<\/span>\r\n          <span class=\"ftag ftag-tf\"><i class=\"fa-solid fa-fire\"><\/i>TensorFlow<\/span>\r\n          <span class=\"ftag ftag-sql\"><i class=\"fa-solid fa-database\"><\/i>SQL \/ NoSQL<\/span>\r\n          <span class=\"ftag ftag-re\"><i class=\"fa-brands fa-react\"><\/i>React.js<\/span>\r\n          <div class=\"loc-pin\">\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n            United Kingdom &nbsp;\u00b7&nbsp; Visa Ready\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 MARQUEE \u2550\u2550 -->\r\n  <div class=\"marquee-band\" aria-label=\"Technology stack\">\r\n    <p class=\"marquee-head\">Core Tech Stack<\/p>\r\n    <div class=\"marquee-track\" role=\"list\">\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-brands fa-python\"><\/i>Python<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-brain\"><\/i>Scikit-learn<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-fire\"><\/i>TensorFlow<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-chart-bar\"><\/i>Pandas<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-server\"><\/i>Django<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-bolt\"><\/i>FastAPI<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-brands fa-react\"><\/i>React.js<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-database\"><\/i>PostgreSQL<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-brands fa-aws\"><\/i>AWS<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-brands fa-docker\"><\/i>Docker<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-cube\"><\/i>NumPy<\/span>\r\n      <span class=\"m-item\" role=\"listitem\"><i class=\"fa-solid fa-chart-line\"><\/i>Power BI<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-brands fa-python\"><\/i>Python<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-brain\"><\/i>Scikit-learn<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-fire\"><\/i>TensorFlow<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-chart-bar\"><\/i>Pandas<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-server\"><\/i>Django<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-bolt\"><\/i>FastAPI<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-brands fa-react\"><\/i>React.js<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-database\"><\/i>PostgreSQL<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-brands fa-aws\"><\/i>AWS<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-brands fa-docker\"><\/i>Docker<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-cube\"><\/i>NumPy<\/span>\r\n      <span class=\"m-item\" aria-hidden=\"true\"><i class=\"fa-solid fa-chart-line\"><\/i>Power BI<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 ABOUT + SKILLS \u2550\u2550 -->\r\n  <section class=\"about\" id=\"about\" aria-labelledby=\"about-h2\">\r\n    <div class=\"wrap\">\r\n      <div class=\"about__grid\">\r\n        <div class=\"reveal\">\r\n          <p class=\"sec-label\">About Me<\/p>\r\n          <h2 class=\"sec-title\" id=\"about-h2\">Where <span class=\"em\">Data Science<\/span><br\/>Meets <span class=\"sap\">Full Stack<\/span> Dev<\/h2>\r\n          <p class=\"body-text\">I'm a Python-first engineer with 3 years of professional experience designing data-driven web applications and intelligent ML systems. I thrive at the intersection of backend engineering and predictive analytics \u2014 turning complex datasets into meaningful, production-ready products.<\/p>\r\n          <ul class=\"check-list\">\r\n            <li><i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>End-to-end delivery: ETL pipelines to polished React frontends<\/li>\r\n            <li><i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>Strong in statistical modelling, NLP, and computer vision<\/li>\r\n            <li><i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>Agile teams across Finance, Healthcare, and Retail sectors<\/li>\r\n            <li><i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i>Actively seeking UK roles \u2014 visa-ready &amp; immediately available<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div id=\"skills\" class=\"reveal\" style=\"transition-delay:.15s\">\r\n          <p class=\"sec-label\">Technical Skills<\/p>\r\n          <h2 class=\"skills-title\">My Toolkit<\/h2>\r\n          <div class=\"skills-cloud\" role=\"list\">\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-brands fa-python\"><\/i>Python<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-brain\"><\/i>Machine Learning<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-robot\"><\/i>Deep Learning<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-chart-bar\"><\/i>Pandas \/ NumPy<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-fire\"><\/i>TensorFlow<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-fire-flame-curved\"><\/i>PyTorch<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-server\"><\/i>Django \/ Flask<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-bolt\"><\/i>FastAPI<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-brands fa-react\"><\/i>React.js<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-database\"><\/i>PostgreSQL<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-leaf\"><\/i>MongoDB<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-brands fa-aws\"><\/i>AWS<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-brands fa-docker\"><\/i>Docker<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-brands fa-git-alt\"><\/i>Git \/ CI-CD<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-chart-pie\"><\/i>Power BI \/ Tableau<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-language\"><\/i>NLP<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-eye\"><\/i>Computer Vision<\/span>\r\n            <span class=\"sk\" role=\"listitem\"><i class=\"fa-solid fa-code\"><\/i>REST APIs<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"wrap\"><div class=\"gdiv\" aria-hidden=\"true\"><\/div><\/div>\r\n\r\n  <!-- \u2550\u2550 EXPERTISE CARDS \u2550\u2550 -->\r\n  <section class=\"expertise\" id=\"expertise\" aria-labelledby=\"exp-h2\">\r\n    <div class=\"wrap\">\r\n      <header class=\"expertise__hd reveal\">\r\n        <p class=\"sec-label\">What I Do<\/p>\r\n        <h2 class=\"sec-title\" id=\"exp-h2\">Areas of <span class=\"em\">Expertise<\/span><\/h2>\r\n        <p class=\"body-text\">From ML pipelines to responsive web apps \u2014 scalable, production-grade solutions.<\/p>\r\n      <\/header>\r\n      <div class=\"cards-grid\">\r\n        <article class=\"xcard c-em reveal\" aria-labelledby=\"xc1\">\r\n          <div class=\"xcard__ico ico-em\" aria-hidden=\"true\"><i class=\"fa-solid fa-brain\"><\/i><\/div>\r\n          <h3 class=\"xcard__title\" id=\"xc1\">Machine Learning &amp; AI<\/h3>\r\n          <p class=\"xcard__desc\">Building and deploying predictive models, NLP pipelines, and computer vision systems using modern deep learning frameworks.<\/p>\r\n          <div class=\"xcard__tags\"><span class=\"xt xt-em\">TensorFlow<\/span><span class=\"xt xt-em\">PyTorch<\/span><span class=\"xt xt-em\">Scikit-learn<\/span><span class=\"xt xt-em\">NLP<\/span><span class=\"xt xt-em\">CV<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"xcard c-sap reveal\" style=\"transition-delay:.1s\" aria-labelledby=\"xc2\">\r\n          <div class=\"xcard__ico ico-sap\" aria-hidden=\"true\"><i class=\"fa-solid fa-chart-simple\"><\/i><\/div>\r\n          <h3 class=\"xcard__title\" id=\"xc2\">Data Analysis &amp; Visualisation<\/h3>\r\n          <p class=\"xcard__desc\">Transforming raw data into clear, actionable insights using statistical methods, interactive dashboards, and data storytelling.<\/p>\r\n          <div class=\"xcard__tags\"><span class=\"xt xt-sap\">Pandas<\/span><span class=\"xt xt-sap\">NumPy<\/span><span class=\"xt xt-sap\">Power BI<\/span><span class=\"xt xt-sap\">Tableau<\/span><span class=\"xt xt-sap\">Matplotlib<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"xcard c-amb reveal\" style=\"transition-delay:.2s\" aria-labelledby=\"xc3\">\r\n          <div class=\"xcard__ico ico-amb\" aria-hidden=\"true\"><i class=\"fa-solid fa-server\"><\/i><\/div>\r\n          <h3 class=\"xcard__title\" id=\"xc3\">Python Full Stack Dev<\/h3>\r\n          <p class=\"xcard__desc\">Designing RESTful back-end services with Django\/FastAPI and building dynamic React frontends with clean, well-tested code.<\/p>\r\n          <div class=\"xcard__tags\"><span class=\"xt xt-amb\">Django<\/span><span class=\"xt xt-amb\">FastAPI<\/span><span class=\"xt xt-amb\">React<\/span><span class=\"xt xt-amb\">PostgreSQL<\/span><span class=\"xt xt-amb\">Docker<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"xcard c-em reveal\" style=\"transition-delay:.1s\" aria-labelledby=\"xc4\">\r\n          <div class=\"xcard__ico ico-vio\" aria-hidden=\"true\"><i class=\"fa-solid fa-sitemap\"><\/i><\/div>\r\n          <h3 class=\"xcard__title\" id=\"xc4\">Data Engineering<\/h3>\r\n          <p class=\"xcard__desc\">Designing robust ETL\/ELT pipelines and data warehouse solutions that ensure clean, reliable, and scalable data flows.<\/p>\r\n          <div class=\"xcard__tags\"><span class=\"xt xt-vio\">Airflow<\/span><span class=\"xt xt-vio\">Spark<\/span><span class=\"xt xt-vio\">SQL<\/span><span class=\"xt xt-vio\">MongoDB<\/span><span class=\"xt xt-vio\">AWS S3<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"xcard c-sap reveal\" style=\"transition-delay:.2s\" aria-labelledby=\"xc5\">\r\n          <div class=\"xcard__ico ico-sap\" aria-hidden=\"true\"><i class=\"fa-brands fa-aws\"><\/i><\/div>\r\n          <h3 class=\"xcard__title\" id=\"xc5\">Cloud &amp; DevOps<\/h3>\r\n          <p class=\"xcard__desc\">Deploying applications on AWS with containerised workloads, CI\/CD pipelines, and infrastructure-as-code best practices.<\/p>\r\n          <div class=\"xcard__tags\"><span class=\"xt xt-sap\">AWS<\/span><span class=\"xt xt-sap\">Docker<\/span><span class=\"xt xt-sap\">Kubernetes<\/span><span class=\"xt xt-sap\">GitHub Actions<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"xcard c-amb reveal\" style=\"transition-delay:.3s\" aria-labelledby=\"xc6\">\r\n          <div class=\"xcard__ico ico-rose\" aria-hidden=\"true\"><i class=\"fa-solid fa-flask\"><\/i><\/div>\r\n          <h3 class=\"xcard__title\" id=\"xc6\">Research &amp; Prototyping<\/h3>\r\n          <p class=\"xcard__desc\">Rapid ML experiment prototyping, A\/B testing frameworks, and POC development to validate ideas and de-risk delivery.<\/p>\r\n          <div class=\"xcard__tags\"><span class=\"xt xt-em\">Jupyter<\/span><span class=\"xt xt-em\">MLflow<\/span><span class=\"xt xt-em\">W&amp;B<\/span><span class=\"xt xt-em\">Streamlit<\/span><\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550 CTA \/ CONTACT \u2550\u2550 -->\r\n  <section class=\"cta\" id=\"contact\" aria-labelledby=\"cta-h2\">\r\n    <div class=\"wrap\">\r\n      <div class=\"cta__box reveal\">\r\n        <div>\r\n          <p class=\"cta__flag\"><i class=\"fa-solid fa-flag\" aria-hidden=\"true\"><\/i>&nbsp; Seeking UK Opportunities<\/p>\r\n          <h2 class=\"cta__title\" id=\"cta-h2\">Let's Build Something<br\/>Great Together<\/h2>\r\n          <p class=\"cta__sub\">Actively looking for Python, ML, and full-stack engineering roles across the United Kingdom. Startup or enterprise \u2014 let's talk.<\/p>\r\n        <\/div>\r\n        <div class=\"cta__actions\">\r\n          <a href=\"mailto:hireme@ramyasree.co.uk\" class=\"btn btn-primary\">\r\n            <i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i> Email Me\r\n          <\/a>\r\n          <a href=\"https:\/\/www.linkedin.com\/in\/goalla-ramyasree\" class=\"btn btn-ghost\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <i class=\"fa-brands fa-linkedin\" aria-hidden=\"true\"><\/i> LinkedIn\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"contact-row\">\r\n    <a href=\"mailto:hireme@ramyasree.co.uk\" class=\"clink\"><i class=\"fa-solid fa-envelope\" aria-hidden=\"true\"><\/i>hireme@ramyasree.co.uk<\/a>\r\n    <a href=\"https:\/\/www.ramyasree.co.uk\" class=\"clink\"><i class=\"fa-solid fa-globe\" aria-hidden=\"true\"><\/i>www.ramyasree.co.uk<\/a>\r\n    <span class=\"clink\"><i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i>United Kingdom<\/span>\r\n    <a href=\"https:\/\/www.linkedin.com\/in\/goalla-ramyasree\" class=\"clink\" target=\"_blank\" rel=\"noopener noreferrer\"><i class=\"fa-brands fa-linkedin\" aria-hidden=\"true\"><\/i>goalla-ramyasree<\/a>\r\n  <\/div>\r\n\r\n<\/main>\r\n\r\n<script>\r\n  const ro = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('on'); ro.unobserve(e.target); } });\r\n  }, { threshold: 0.12 });\r\n  document.querySelectorAll('.reveal').forEach(el => ro.observe(el));\r\n\r\n  if (matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    document.querySelectorAll('.orb,.ring-1,.ring-2,.ftag,.marquee-track,.avatar-circle')\r\n      .forEach(el => { el.style.animation = 'none'; });\r\n  }\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Ramyasree | Python \u00b7 Data \u00b7 ML Engineer Available \u00b7 United Kingdom Hi, I&#8217;m Ramyasree Python Full Stack Developer &amp; Data \/ ML Engineer \u2014 3 years of delivering real-world impact Python Full Stack Data Analysis Machine Learning Data Engineering Get in Touch View Expertise 3+Years Exp. 15+Projects 5+Industries UKBased \/ Seeking Ramyasree Python \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-homepage.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":16,"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/ramyasree.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}