v1: full rebuild as Paprika (13 pages from build note v2)
This commit is contained in:
seven
226
v1/resources.html
Normal file
226
v1/resources.html
Normal file
@@ -0,0 +1,226 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Resources — Paprika</title>
|
||||
<meta name="description" content="Guides, criteria explainers, and FAQs for O-1 talent. Educational content from Paprika.">
|
||||
<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=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
.hero h1 em { font-style: italic; color: var(--paprika); }
|
||||
|
||||
.res-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20px;
|
||||
}
|
||||
.res-card {
|
||||
background: var(--paper);
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 14px;
|
||||
padding: 32px 30px;
|
||||
transition: all 0.15s;
|
||||
display: flex; flex-direction: column;
|
||||
}
|
||||
.res-card:hover {
|
||||
border-color: var(--paprika);
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 12px 28px rgba(192,57,43,0.08);
|
||||
}
|
||||
.res-card .res-tag {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: var(--paprika);
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.res-card h3 {
|
||||
font-size: 20px;
|
||||
line-height: 1.2;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
.res-card p {
|
||||
font-size: 14px;
|
||||
color: var(--mute);
|
||||
margin: 0 0 18px;
|
||||
line-height: 1.6;
|
||||
flex: 1;
|
||||
}
|
||||
.res-card .link {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
.res-card:hover .link { color: var(--paprika); }
|
||||
|
||||
.upcoming-list {
|
||||
background: var(--paprika-light);
|
||||
border-radius: 14px;
|
||||
padding: 36px 40px;
|
||||
}
|
||||
.upcoming-list h3 {
|
||||
font-size: 20px;
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
.upcoming-list .lead {
|
||||
font-size: 14px; color: var(--mute);
|
||||
margin: 0 0 22px;
|
||||
}
|
||||
.upcoming-list ul {
|
||||
list-style: none; padding: 0; margin: 0;
|
||||
columns: 2; column-gap: 32px;
|
||||
}
|
||||
.upcoming-list li {
|
||||
padding: 8px 0 8px 22px;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
color: var(--body);
|
||||
break-inside: avoid;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.upcoming-list li::before {
|
||||
content: "→";
|
||||
position: absolute; left: 0;
|
||||
color: var(--paprika);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (max-width: 880px) {
|
||||
.res-grid { grid-template-columns: 1fr; }
|
||||
.upcoming-list ul { columns: 1; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav>
|
||||
<div class="container">
|
||||
<a class="brand" href="index.html">
|
||||
<span class="brand-name">Paprika</span>
|
||||
<span class="brand-tagline">Attorney-Curated Press & Evidence for O-1 Talent</span>
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<a href="press.html">Press</a>
|
||||
<a href="judging.html">Judging</a>
|
||||
<a href="scholarly.html">Scholarly Articles</a>
|
||||
<a href="services.html">Services</a>
|
||||
<a href="why-paprika.html">Why Paprika</a>
|
||||
<a href="resources.html" class="active">Resources</a>
|
||||
</div>
|
||||
<a href="start-here.html" class="nav-cta">Start Here</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="hero centered">
|
||||
<div class="container">
|
||||
<div class="eyebrow">Resources</div>
|
||||
<h1>Educational content for <em>O-1 talent.</em></h1>
|
||||
<p class="lead">Criteria explainers, evidence-strategy guides, and answers to the questions every candidate ends up Googling.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section alt">
|
||||
<div class="container">
|
||||
<div class="section-head">
|
||||
<h2>Start here.</h2>
|
||||
<p>Three foundational reads for anyone exploring O-1 evidence-building.</p>
|
||||
</div>
|
||||
|
||||
<div class="res-grid">
|
||||
<a class="res-card" href="faq.html">
|
||||
<div class="res-tag">FAQ</div>
|
||||
<h3>Frequently asked questions</h3>
|
||||
<p>What Paprika is, what we don't do, when to start, how pricing works, what attorney-curated means.</p>
|
||||
<span class="link">Read FAQ →</span>
|
||||
</a>
|
||||
|
||||
<a class="res-card" href="press.html">
|
||||
<div class="res-tag">Press 101</div>
|
||||
<h3>Editorial vs. contributor content</h3>
|
||||
<p>Why an article on the same major outlet can be powerful evidence — or essentially useless. The label tells the story.</p>
|
||||
<span class="link">Read on the Press page →</span>
|
||||
</a>
|
||||
|
||||
<a class="res-card" href="why-paprika.html">
|
||||
<div class="res-tag">Our Standard</div>
|
||||
<h3>The questions our review asks</h3>
|
||||
<p>The seven evaluative questions Paprika asks before recommending any opportunity. The attorney-caliber lens.</p>
|
||||
<span class="link">See Our Standard →</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="upcoming-list">
|
||||
<h3>Articles in development</h3>
|
||||
<p class="lead">Our editorial pipeline. Subscribe via the intake form if you'd like to be notified when these go live.</p>
|
||||
<ul>
|
||||
<li>The O-1A criteria, decoded by what USCIS actually credits</li>
|
||||
<li>How long should an O-1A press timeline actually be?</li>
|
||||
<li>Why "contributor content" labels matter (with screenshots)</li>
|
||||
<li>Picking judging opportunities that count: a field-by-field map</li>
|
||||
<li>The Dhanasar test in plain English (EB-2 NIW)</li>
|
||||
<li>What makes a recommendation letter strong vs. generic</li>
|
||||
<li>Press strategy for founders vs. researchers vs. creators</li>
|
||||
<li>When to use Paprika alongside your existing attorney</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="cta-band">
|
||||
<h2>Want a profile-specific answer?</h2>
|
||||
<p>Generic guides only go so far. Send your LinkedIn or CV and we'll tell you what matters for your case.</p>
|
||||
<a href="start-here.html" class="btn btn-primary">Send Us Your Profile</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div>
|
||||
<div class="brand-name" style="margin-bottom:6px;">Paprika</div>
|
||||
<div style="font-size:12px; max-width:280px; line-height:1.55;">Attorney-Curated Press & Evidence for O-1 Talent.</div>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Services</h4>
|
||||
<a href="press.html">Press</a>
|
||||
<a href="judging.html">Judging</a>
|
||||
<a href="scholarly.html">Scholarly Articles</a>
|
||||
<a href="services.html">Packages</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>About</h4>
|
||||
<a href="why-paprika.html">Why Paprika</a>
|
||||
<a href="resources.html">Resources</a>
|
||||
<a href="faq.html">FAQ</a>
|
||||
<a href="about.html">About</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Legal</h4>
|
||||
<a href="terms.html">Terms of Service</a>
|
||||
<a href="privacy.html">Privacy</a>
|
||||
<a href="disclaimer.html">Disclaimer</a>
|
||||
<a href="start-here.html">Start Here</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="disclaimer">
|
||||
Paprika is not a law firm and does not provide legal advice or immigration representation. Use of our services does not create an attorney-client relationship.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user