| Server IP : 103.243.232.44 / Your IP : 216.73.216.250 Web Server : LiteSpeed System : Linux server17213-10344.hostycare.online 5.14.0-687.38.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Aug 12 17:19:12 EDT 2026 x86_64 User : iamakash ( 1400) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/iamakash/kksrivastava.com/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery — Photos & Videos | KK Srivastava</title>
<meta name="description" content="Photographs and video highlights of K. K. Srivastava delivering workshops, keynotes and conversations on commercial excellence.">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='20' fill='%231d2e6f'/><text x='50' y='68' font-size='52' font-family='Georgia' font-weight='700' fill='white' text-anchor='middle'>KK</text></svg>">
</head>
<body>
<?php $active='gallery'; include __DIR__.'/includes/header.php'; ?>
<section class="page-hero">
<div class="wrap">
<div class="crumbs"><a href="index.html">Home</a> / <a href="publications.html">Publications</a> / Gallery</div>
<span class="eyebrow">Gallery</span>
<h1>Moments from the work.</h1>
<p>A look at KK in action — workshops, keynotes and conversations — alongside selected photographs and video highlights.</p>
</div>
</section>
<section class="section">
<div class="wrap">
<div class="section-head reveal"><span class="eyebrow">Photographs</span><h2 class="h-md">In the room</h2></div>
<div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(220px,1fr))">
<figure style="margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);aspect-ratio:4/5"><img src="assets/kk-workshop.jpg" alt="KK delivering a global workshop" loading="lazy" style="width:100%;height:100%;object-fit:cover"></figure>
<figure style="margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);aspect-ratio:4/5"><img src="assets/kk-clean.jpg" alt="K. K. Srivastava — portrait" loading="lazy" style="width:100%;height:100%;object-fit:cover"></figure>
<figure style="margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);aspect-ratio:4/5"><img src="assets/kk-card.jpg" alt="K. K. Srivastava" loading="lazy" style="width:100%;height:100%;object-fit:cover"></figure>
<figure style="margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);aspect-ratio:4/5"><img src="assets/kk-duotone.jpg" alt="K. K. Srivastava — editorial" loading="lazy" style="width:100%;height:100%;object-fit:cover"></figure>
<figure style="margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);aspect-ratio:4/5"><img src="assets/kk-bw.jpg" alt="K. K. Srivastava — black & white" loading="lazy" style="width:100%;height:100%;object-fit:cover"></figure>
<figure style="margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);aspect-ratio:4/5"><img src="assets/kk-portrait.jpg" alt="K. K. Srivastava" loading="lazy" style="width:100%;height:100%;object-fit:cover"></figure>
</div>
</div>
</section>
<section class="section section--soft">
<div class="wrap">
<div class="section-head reveal"><span class="eyebrow">Videos</span><h2 class="h-md">Watch & listen</h2></div>
<div class="grid reveal" style="grid-template-columns:repeat(auto-fill,minmax(300px,1fr))">
<div style="position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;background:linear-gradient(150deg,var(--navy-700),var(--navy-900));display:grid;place-items:center;box-shadow:var(--shadow-sm)">
<span style="width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center"><svg viewBox="0 0 24 24" width="24" height="24" fill="#fff"><path d="M8 5v14l11-7z"/></svg></span>
<span style="position:absolute;bottom:14px;left:16px;color:#cdd4ea;font-size:.85rem;font-weight:600">Workshop highlights</span>
</div>
<div style="position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;background:linear-gradient(150deg,var(--navy-700),var(--navy-900));display:grid;place-items:center;box-shadow:var(--shadow-sm)">
<span style="width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center"><svg viewBox="0 0 24 24" width="24" height="24" fill="#fff"><path d="M8 5v14l11-7z"/></svg></span>
<span style="position:absolute;bottom:14px;left:16px;color:#cdd4ea;font-size:.85rem;font-weight:600">Sales Talk with KK</span>
</div>
<div style="position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;background:linear-gradient(150deg,var(--navy-700),var(--navy-900));display:grid;place-items:center;box-shadow:var(--shadow-sm)">
<span style="width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center"><svg viewBox="0 0 24 24" width="24" height="24" fill="#fff"><path d="M8 5v14l11-7z"/></svg></span>
<span style="position:absolute;bottom:14px;left:16px;color:#cdd4ea;font-size:.85rem;font-weight:600">Keynote moments</span>
</div>
</div>
<p class="center reveal" style="margin-top:26px;color:var(--muted);font-size:.95rem">Full video library available on request. <a href="contact.html" style="color:var(--red);font-weight:600">Get in touch</a> for access.</p>
</div>
</section>
<?php include __DIR__.'/includes/footer.php'; ?>