145 lines
8.1 KiB
HTML
145 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>MyAi.ro · AI Engineering Showcase</title>
|
|
<meta name="description" content="MyAi.ro showcases practical AI engineering demos, including a CV-to-job matcher powered by document extraction, retrieval and AI scoring." />
|
|
<meta name="author" content="Mihes Gelu" />
|
|
<meta property="og:title" content="MyAi.ro · AI Engineering Showcase" />
|
|
<meta property="og:description" content="Practical AI demos built by a veteran software developer." />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://myai.ro/" />
|
|
<meta name="theme-color" content="#071326" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="css/myai.css" />
|
|
</head>
|
|
<body>
|
|
<div class="site-shell">
|
|
<header class="header" id="top">
|
|
<div class="container nav-wrap">
|
|
<a class="brand" href="/" aria-label="MyAi.ro home">
|
|
<span class="brand-mark ai-mark">AI</span>
|
|
<span>
|
|
<span class="brand-text">MyAi.ro</span>
|
|
<small>AI engineering showcase</small>
|
|
</span>
|
|
</a>
|
|
<nav class="nav" id="mainNav" aria-label="Primary navigation">
|
|
<a href="#demos">Demos</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
<button class="menu-toggle" id="menuToggle" aria-expanded="false" aria-controls="mainNav">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero navigator-hero">
|
|
<div class="container hero-grid">
|
|
<div class="hero-copy">
|
|
<span class="eyebrow">Applied AI lab</span>
|
|
<h1>Production-minded AI demos, not generic chatbot wrappers.</h1>
|
|
<p class="hero-text">MyAi.ro is a technical showcase for practical AI systems: document understanding, retrieval, matching, automation and decision support.</p>
|
|
<div class="hero-actions">
|
|
<a class="btn btn-primary" href="/cv-matcher/">Open CV Matcher</a>
|
|
<a class="btn btn-secondary" href="#contact">Contact</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-card ai-console-card">
|
|
<div class="console-line"><span>upload</span> CV.pdf</div>
|
|
<div class="console-line"><span>extract</span> skills, projects, experience</div>
|
|
<div class="console-line"><span>retrieve</span> relevant CV context</div>
|
|
<div class="console-line"><span>score</span> job match + gaps</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="demos">
|
|
<div class="container">
|
|
<div class="section-heading">
|
|
<span class="eyebrow">Navigator</span>
|
|
<h2>Select an AI demo</h2>
|
|
<p>Start with the CV Matcher. More demos can be added here without changing the site structure.</p>
|
|
</div>
|
|
<div class="demo-grid">
|
|
<a class="demo-card active" href="/cv-matcher/">
|
|
<span class="product-tag">Available</span>
|
|
<h3>CV Matcher</h3>
|
|
<p>Upload a CV PDF, provide a job link or description, extract RAG context and generate a match score with strengths and gaps.</p>
|
|
<strong>Open demo →</strong>
|
|
</a>
|
|
<article class="demo-card muted-card">
|
|
<span class="product-tag">Next</span>
|
|
<h3>RAG Playground</h3>
|
|
<p>Experiment with chunk size, retrieval count and source context transparency.</p>
|
|
</article>
|
|
<article class="demo-card muted-card">
|
|
<span class="product-tag">Next</span>
|
|
<h3>Agent Automation</h3>
|
|
<p>Job discovery, filtering, ranking and notification workflows.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section contact" id="contact">
|
|
<div class="container contact-grid">
|
|
<div>
|
|
<span class="eyebrow">Contact</span>
|
|
<h2>Discuss an AI integration or custom software project</h2>
|
|
<p>Use the form and it will submit through the existing contact API endpoint from the template.</p>
|
|
<div class="contact-list">
|
|
<div><span>Contact person</span><strong>Mihes Gelu</strong></div>
|
|
<div><span>Phone</span><strong><a href="tel:+40722523764">+40 722-523-764</a></strong></div>
|
|
<div><span>WhatsApp</span><strong><a href="https://wa.me/40744564177" target="_blank" rel="noreferrer">+40 744-564-177</a></strong></div>
|
|
</div>
|
|
</div>
|
|
<form class="contact-form" id="contactForm">
|
|
<label><span>Name</span><input type="text" id="name" placeholder="Your name" required /></label>
|
|
<label><span>Email</span><input type="email" id="email" placeholder="name@company.com" required /></label>
|
|
<label><span>Message</span><textarea id="message" rows="6" placeholder="Tell me what you want to build." required></textarea></label>
|
|
<button id="submit" type="submit" class="btn btn-primary">Send message</button>
|
|
<strong id="msgSubmit" class="form-message"></strong>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container footer-wrap">
|
|
<p>© <span id="year"></span> MyAi.ro · All rights reserved</p>
|
|
<div class="footer-links footer-legal">
|
|
<a href="/legal/terms-en.html" target="_blank">Terms</a>
|
|
<a href="/legal/privacy-en.html" target="_blank">Privacy</a>
|
|
<a href="/legal/cookies-en.html" target="_blank">Cookies</a>
|
|
</div>
|
|
<a href="#top" class="back-to-top btn btn-dark btn-sm shadow">Back to top</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<div id="contactLoader" class="loader-overlay" style="display:none;"><div class="loader-box">Sending...</div></div>
|
|
|
|
<div id="cookieBanner" class="cookie-overlay" style="display:none;">
|
|
<div class="cookie-box">
|
|
<div class="cookie-text"><strong>Cookies</strong><br>We use necessary cookies and, with your consent, analytics through Google Tag Manager. <a href="/legal/privacy-en.html" target="_blank">Privacy policy</a>.</div>
|
|
<div class="cookie-actions">
|
|
<button id="cookieReject" class="btn btn-warning btn-sm">Reject</button>
|
|
<button id="cookieNecessary" class="btn btn-warning btn-sm">Necessary only</button>
|
|
<button id="cookieAccept" class="btn btn-primary btn-sm">Accept analytics</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="#" id="cookieManage" class="cookie-manage btn btn-dark btn-sm shadow" style="display:none;">Cookie settings</a>
|
|
|
|
<script src="js/vendor/jquery-1.12.4.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/myai.js"></script>
|
|
</body>
|
|
</html>
|