<!doctype html>
<html lang="fa" dir="rtl">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Alireza Khaledi — Software Developer & Project Manager | Portfolio" />
<meta name="theme-color" content="#0b0f19" />
<title>Alireza Khaledi | Portfolio</title>
<style>
:root{
--bg0:#070a12;
--bg1:#0b0f19;
--card:#0f172a;
--text:#e5e7eb;
--muted:#9aa4b2;
--border:rgba(255,255,255,.08);
--glow:rgba(56,189,248,.18);
--accent:#38bdf8;
--accent2:#a78bfa;
--ok:#34d399;
--warn:#fbbf24;
--shadow: 0 18px 50px rgba(0,0,0,.35);
--radius: 18px;
--max: 1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto;
color:var(--text);
background:
radial-gradient(800px 500px at 10% 10%, rgba(56,189,248,.18), transparent 60%),
radial-gradient(700px 480px at 90% 20%, rgba(167,139,250,.16), transparent 62%),
radial-gradient(900px 700px at 50% 100%, rgba(52,211,153,.10), transparent 60%),
linear-gradient(180deg, var(--bg0), var(--bg1) 45%, #050812);
line-height:1.85;
}
a{color:inherit; text-decoration:none}
a:hover{opacity:.92}
.wrap{max-width:var(--max); margin:0 auto; padding:24px 18px 64px}
.topbar{
position:sticky; top:0; z-index:20;
backdrop-filter: blur(10px);
background: rgba(7,10,18,.55);
border-bottom:1px solid var(--border);
}
.topbar .inner{
max-width:var(--max);
margin:0 auto;
padding:14px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
}
.brand{display:flex; align-items:center; gap:10px; font-weight:650; letter-spacing:.2px;}
.dot{
width:10px; height:10px; border-radius:999px;
background: linear-gradient(135deg, var(--accent), var(--accent2));
box-shadow: 0 0 0 6px rgba(56,189,248,.12);
}
nav{display:flex; gap:12px; align-items:center; flex-wrap:wrap}
nav a{
color:var(--muted);
padding:8px 10px;
border-radius:999px;
border:1px solid transparent;
transition: all .18s ease;
font-size:14px;
}
nav a:hover{color:var(--text); border-color:var(--border); background: rgba(255,255,255,.03);}
.hero{
padding:34px 0 22px;
display:grid;
grid-template-columns: 1.2fr .8fr;
gap:20px;
align-items:stretch;
}
@media (max-width: 900px){.hero{grid-template-columns:1fr;}}
.panel{
background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
border:1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow:hidden;
position:relative;
}
.panel::before{
content:"";
position:absolute;
inset:-2px;
background: radial-gradient(500px 250px at 20% 0%, var(--glow), transparent 55%);
pointer-events:none;
opacity:.95;
}
.panel > *{position:relative}
.hero-main{padding:26px 22px 22px}
.kicker{
display:inline-flex; gap:10px; align-items:center;
font-size:13px; color:var(--muted);
padding:7px 10px;
border:1px solid var(--border);
border-radius:999px;
background: rgba(255,255,255,.02);
}
.kicker b{color:var(--text); font-weight:650}
h1{margin:14px 0 10px; font-size:42px; line-height:1.25; letter-spacing:-.6px;}
@media (max-width: 520px){ h1{font-size:34px} }
.sub{margin:0 0 16px; color:var(--muted); font-size:16px;}
.cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.btn{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding:11px 14px;
border-radius: 12px;
border:1px solid var(--border);
background: rgba(255,255,255,.03);
color:var(--text);
font-weight:600;
font-size:14px;
transition: transform .12s ease, background .18s ease, border-color .18s ease;
user-select:none;
}
.btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.16)}
.btn.primary{border-color: rgba(56,189,248,.35); background: linear-gradient(135deg, rgba(56,189,248,.22), rgba(167,139,250,.18));}
.btn.primary:hover{background: linear-gradient(135deg, rgba(56,189,248,.28), rgba(167,139,250,.22))}
.meta{margin-top:18px; display:flex; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:13px;}
.pill{
display:inline-flex; gap:8px; align-items:center;
padding:7px 10px;
border-radius:999px;
border:1px solid var(--border);
background: rgba(255,255,255,.02);
}
.pill .t{color:var(--text); font-weight:600}
.icon{width:9px; height:9px; border-radius:3px; background: linear-gradient(135deg, var(--accent), var(--accent2)); opacity:.95;}
.hero-side{padding:20px}
.statgrid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.stat{padding:14px 14px 12px; border:1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.02);}
.stat .n{font-size:18px; font-weight:700; margin:0}
.stat .d{margin:2px 0 0; color:var(--muted); font-size:13px}
.stack{margin-top:12px; padding:14px; border:1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.02);}
.stack h3{margin:0 0 10px; font-size:14px; color:var(--muted); font-weight:600}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chip{font-size:12px; padding:7px 9px; border-radius:999px; border:1px solid var(--border); background: rgba(255,255,255,.02); color:var(--text);}
.grid{display:grid; grid-template-columns: 1fr 1fr; gap:18px; margin-top:18px;}
@media (max-width: 900px){ .grid{grid-template-columns:1fr;} }
section.block{margin-top:18px; padding:20px; border:1px solid var(--border); border-radius: var(--radius); background: rgba(255,255,255,.02);}
.block h2{margin:0 0 10px; font-size:18px; letter-spacing:-.2px;}
.muted{color:var(--muted)}
.projects{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:12px;}
@media (max-width: 900px){ .projects{grid-template-columns:1fr;} }
.proj{padding:16px; border:1px solid var(--border); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)); transition: transform .12s ease, border-color .18s ease;}
.proj:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.16)}
.proj h3{margin:0 0 6px; font-size:16px}
.proj p{margin:0 0 10px; color:var(--muted); font-size:13.5px}
.row{display:flex; gap:10px; flex-wrap:wrap; align-items:center}
.tag{font-size:12px; padding:6px 9px; border-radius:999px; border:1px solid var(--border); background: rgba(255,255,255,.02); color:var(--muted);}
.timeline{display:grid; gap:12px; margin-top:12px}
.item{padding:14px 14px 12px; border:1px solid var(--border); border-radius: 16px; background: rgba(255,255,255,.02);}
.item .top{display:flex; gap:10px; justify-content:space-between; flex-wrap:wrap}
.item .role{font-weight:700}
.item .when{color:var(--muted); font-size:13px}
.item .desc{margin:8px 0 0; color:var(--muted); font-size:13.5px}
.item ul{margin:10px 0 0; padding-right:18px; color:var(--muted); font-size:13.5px}
.item li{margin:6px 0}
.contact{display:grid; grid-template-columns: 1.1fr .9fr; gap:14px; margin-top:12px;}
@media (max-width: 900px){ .contact{grid-template-columns:1fr;} }
.contact .box{padding:16px; border:1px solid var(--border); border-radius: 16px; background: rgba(255,255,255,.02);}
footer{
margin-top:34px;
padding-top:18px;
border-top:1px solid var(--border);
color:var(--muted);
font-size:13px;
display:flex;
justify-content:space-between;
gap:10px;
flex-wrap:wrap;
}
/* Mixed language polish */
.ltr{direction:ltr; text-align:left}
.rtl{direction:rtl; text-align:right}
</style>
</head>
<body>
<div class="topbar">
<div class="inner">
<div class="brand">
<span class="dot" aria-hidden="true"></span>
<span class="ltr">Alireza Khaledi</span>
</div>
<nav>
<a href="#summary">Summary</a>
<a href="#experience">Experience</a>
<a href="#skills">Skills</a>
<a href="#education">Education</a>
<a href="#contact">Contact</a>
</nav>
</div>
</div>
<div class="wrap">
<div class="hero">
<div class="panel">
<div class="hero-main">
<div class="kicker ltr"><b>Software Developer & Project Manager</b> <span class="muted">|</span> 6+ years</div>
<h1 class="ltr">Alireza Khaledi</h1>
<p class="sub ltr">
A results-driven Software Developer & Project Manager with 6+ years of experience in software development and project management.
Proven ability to lead cross-functional teams and deliver innovative solutions that enhance business efficiency and generate measurable outcomes.
Skilled at balancing deep technical expertise with strategic leadership to ensure successful project delivery and long-term value creation.
Experienced with MS Project, Azure, and core programming skills in Python, PHP, and C#.
</p>
<div class="cta">
<a class="btn primary" href="#experience">Professional Experience</a>
<a class="btn" href="#projects">Highlighted Projects</a>
<a class="btn" href="#contact">Contact</a>
</div>
<div class="meta">
<span class="pill"><span class="icon" aria-hidden="true"></span><span class="t">Focus</span> Delivery & Execution</span>
<span class="pill"><span class="icon" aria-hidden="true"></span><span class="t">Tooling</span> MS Project · Azure</span>
<span class="pill"><span class="icon" aria-hidden="true"></span><span class="t">Core</span> Python · PHP · C#</span>
</div>
</div>
</div>
<div class="panel">
<div class="hero-side">
<div class="statgrid">
<div class="stat">
<p class="n ltr">6+ Years</p>
<p class="d ltr">Development & PM</p>
</div>
<div class="stat">
<p class="n ltr">Remote Ready</p>
<p class="d ltr">On-site to Remote</p>
</div>
<div class="stat">
<p class="n ltr">Python</p>
<p class="d ltr">Automation & Bots</p>
</div>
<div class="stat">
<p class="n ltr">C# / SQL</p>
<p class="d ltr">Desktop Apps</p>
</div>
</div>
<div class="stack" id="skills">
<h3 class="ltr">Key Skills</h3>
<div class="chips">
<span class="chip">Python</span>
<span class="chip">PHP</span>
<span class="chip">C#</span>
<span class="chip">C#.NET</span>
<span class="chip">VB (Classic/.NET)</span>
<span class="chip">HTML5</span>
<span class="chip">CSS</span>
<span class="chip">JavaScript</span>
<span class="chip">jQuery</span>
<span class="chip">WordPress</span>
<span class="chip">Bootstrap</span>
<span class="chip">MySQL</span>
<span class="chip">SQL Server</span>
<span class="chip">MS Project</span>
<span class="chip">Azure</span>
<span class="chip">Teams</span>
<span class="chip">VS Code</span>
<span class="chip">Microsoft 365</span>
</div>
</div>
<div class="stack">
<h3 class="ltr">Languages</h3>
<div class="chips">
<span class="chip">Persian (Native)</span>
<span class="chip">English (B2)</span>
<span class="chip">German (B1 – in progress)</span>
</div>
</div>
</div>
</div>
</div>
<section id="summary" class="block">
<h2 class="ltr">Professional Summary</h2>
<p class="muted ltr">
A results-driven Software Developer & Project Manager with 6+ years of experience in software development and project management.
Proven ability to lead cross-functional teams and deliver innovative solutions that enhance business efficiency and generate measurable outcomes.
Skilled at balancing deep technical expertise with strategic leadership to ensure successful project delivery and long-term value creation.
Experienced with MS Project, Azure, and core programming skills in Python, PHP, and C#.
</p>
</section>
<section id="experience" class="block">
<h2 class="ltr">Professional Experience</h2>
<div class="timeline">
<div class="item">
<div class="top">
<div class="role ltr">Diamond Industry Power</div>
<div class="when ltr">Shiraz, Iran | Jun 2017 – Present</div>
</div>
<p class="desc ltr"><b>Software Project Manager</b> — Jun 2020 – Dec 2023 (On-site) | Jan 2024 – Present (Remote)</p>
<ul class="ltr">
<li>Managed the High Volume Exchange project in Dubai using MS Project for scheduling and project planning; improved processes by developing Python scripts, ensuring on-time and on-budget delivery.</li>
<li>Developed a Python-based Crypto Trading Bot that improved trading performance by 20%.</li>
<li>Led a Hospital Medical IoT project, integrating sensors for real-time monitoring and enhancing patient care quality.</li>
<li>Provided technical consultation for the Arabian Crypto project on secure transaction practices and crypto transfer bots.</li>
</ul>
<p class="desc ltr"><b>Senior Software Developer & Project Lead</b> — Jan 2018 – Jan 2019</p>
<ul class="ltr">
<li>Led and contributed to the development of user-centric websites using PHP, HTML5, CSS, and jQuery, ensuring full cross-browser compatibility.</li>
<li>Directed and actively participated in building desktop applications with C# and SQL, improving performance and maintaining data integrity.</li>
<li>Coordinated and guided project teams while handling core development tasks, ensuring multiple projects were delivered on time and within budget.</li>
</ul>
<p class="desc ltr"><b>Senior Web Developer</b> — Jan 2018 – Jan 2019</p>
<ul class="ltr">
<li>Developed e-commerce and ticketing systems with WordPress & plugin integrations.</li>
<li>Developed, designed, and launched <span style="color:var(--text)">balutnet.ir</span> using WordPress, delivering a dynamic and interactive platform tailored to client needs.</li>
</ul>
<p class="desc ltr"><b>Junior Software Developer</b> — Jun 2017 – Dec 2017</p>
<ul class="ltr">
<li>Developed WordPress-based hospital appointment systems.</li>
<li>Built clinic management software (C#, MySQL).</li>
<li>Created VBA-based payroll solutions in MS Excel & Access.</li>
</ul>
</div>
<div class="item">
<div class="top">
<div class="role ltr">Borna Sanaat Rayan Pardazeh</div>
<div class="when ltr">Shiraz, Iran | Nov 2015 – Jun 2017</div>
</div>
<p class="desc ltr"><b>Junior Software Developer</b> — Nov 2015 – Jun 2017</p>
<ul class="ltr">
<li>Completed training in web design (Dreamweaver, VS Code) and full-stack development with PHP, CSS, and HTML5.</li>
<li>Practiced customizing client websites using WordPress and Elementor as part of small project teams.</li>
<li>Collaborated with colleagues on hosting, deployment, and project coordination tasks, gaining early experience in teamwork and cross-functional collaboration.</li>
</ul>
</div>
</div>
</section>
<section id="projects" class="block">
<h2 class="ltr">Highlighted Projects</h2>
<p class="muted ltr">A curated selection of initiatives mentioned in the experience section.</p>
<div class="projects">
<article class="proj">
<h3 class="ltr">High Volume Exchange (Dubai)</h3>
<p class="ltr">Project management with MS Project, process improvements via Python automation to deliver on time and on budget.</p>
<div class="row">
<span class="tag">MS Project</span>
<span class="tag">Python</span>
<span class="tag">Delivery</span>
</div>
</article>
<article class="proj">
<h3 class="ltr">Python Crypto Trading Bot</h3>
<p class="ltr">Python-based trading bot with reported 20% improvement in trading performance.</p>
<div class="row">
<span class="tag">Python</span>
<span class="tag">Automation</span>
<span class="tag">Trading</span>
</div>
</article>
<article class="proj">
<h3 class="ltr">Hospital Medical IoT</h3>
<p class="ltr">Sensor integration for real-time monitoring to enhance patient care quality.</p>
<div class="row">
<span class="tag">IoT</span>
<span class="tag">Sensors</span>
<span class="tag">Monitoring</span>
</div>
</article>
<article class="proj">
<h3 class="ltr">Arabian Crypto (Consulting)</h3>
<p class="ltr">Technical consultation on secure transaction practices and crypto transfer bots.</p>
<div class="row">
<span class="tag">Security</span>
<span class="tag">Crypto</span>
<span class="tag">Consulting</span>
</div>
</article>
<article class="proj">
<h3 class="ltr">balutnet.ir (WordPress)</h3>
<p class="ltr">Developed, designed, and launched a dynamic platform tailored to client needs using WordPress.</p>
<div class="row">
<span class="tag">WordPress</span>
<span class="tag">UI</span>
<span class="tag">Plugins</span>
</div>
</article>
<article class="proj">
<h3 class="ltr">Clinic Management + Payroll Tools</h3>
<p class="ltr">Clinic management software (C#, MySQL) and VBA-based payroll solutions (Excel/Access).</p>
<div class="row">
<span class="tag">C#</span>
<span class="tag">MySQL</span>
<span class="tag">VBA</span>
</div>
</article>
</div>
</section>
<section id="education" class="block">
<h2 class="ltr">Education</h2>
<div class="timeline">
<div class="item">
<div class="top">
<div class="role ltr">B.Sc. Computer Software Engineering</div>
<div class="when ltr">Azad University (IAU), Shiraz, Iran | Sep 2008 – Sep 2015</div>
</div>
<p class="desc ltr">Bachelor’s degree in Computer Software Engineering.</p>
</div>
</div>
</section>
<section id="contact" class="block">
<h2 class="ltr">Contact</h2>
<p class="muted ltr">Your Google Sites contact page uses icon links; below are clean, editable placeholders. Replace them with your real URLs.</p>
<div class="contact">
<div class="box">
<div class="timeline" style="margin-top:0">
<div class="item">
<div class="top">
<div class="role ltr">Email</div>
<div class="when ltr"><a href="mailto:you@example.com">you@example.com</a></div>
</div>
<p class="desc ltr">Primary contact channel.</p>
</div>
<div class="item">
<div class="top">
<div class="role ltr">LinkedIn</div>
<div class="when ltr"><a href="https://linkedin.com/in/your-profile" target="_blank" rel="noreferrer">linkedin.com/in/your-profile</a></div>
</div>
<p class="desc ltr">Professional profile.</p>
</div>
<div class="item">
<div class="top">
<div class="role ltr">GitHub</div>
<div class="when ltr"><a href="https://github.com/your-username" target="_blank" rel="noreferrer">github.com/your-username</a></div>
</div>
<p class="desc ltr">Code and repositories.</p>
</div>
<div class="item">
<div class="top">
<div class="role ltr">WhatsApp (optional)</div>
<div class="when ltr"><a href="#" title="Replace with your WhatsApp link">Add link</a></div>
</div>
<p class="desc ltr">Optional for quick messaging.</p>
</div>
</div>
</div>
<div class="box">
<div class="row" style="justify-content:space-between; align-items:flex-start">
<div>
<div class="ltr" style="font-weight:700; font-size:15px">Quick Note</div>
<div class="muted ltr" style="font-size:13.5px; margin-top:4px">This is a fully static site (ideal for Pages). If you want a working contact form, we can add a Cloudflare Worker endpoint.</div>
</div>
<span class="tag"><span style="color:var(--ok)">●</span> Static</span>
</div>
<div class="timeline">
<div class="item">
<div class="top">
<div class="role ltr">Hosting</div>
<div class="when ltr">Cloudflare Pages</div>
</div>
<p class="desc ltr">Connect your custom domain in Pages → Custom Domains.</p>
</div>
<div class="item">
<div class="top">
<div class="role ltr">Next enhancement</div>
<div class="when ltr">Contact Form (Worker)</div>
</div>
<p class="desc ltr">Optional: serverless form submit + spam protection.</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="ltr">© <span id="year"></span> Alireza Khaledi</div>
<div class="ltr">Deployed on Cloudflare Pages</div>
</footer>
</div>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>