<section class="portfolio-filter no-hero bm-animate bm-fade-in pb-5">
<div class="container-xxl pt-md-5 pb-3">
<div class="row">
<div class="col-xxl-10 offset-xxl-1">
<div class="row">
<div class="col-lg-6">
<h2 class="text-white pb-4 pb-md-0">Portfolio</h2>
</div>
<div class="col-lg-6">
<nav class="filters">
<button class="filter-btn active" data-filter="*">All</button>
<button class="filter-btn" data-filter="tech-fund">Tech Fund</button>
<button class="filter-btn" data-filter="ventures">Ventures</button>
<select name="categories" id="categories">
<option value="*">Category</option>
<option value="ai-and-cloud-infrastructure">AI and Cloud Infrastructure</option>
<option value="ai-and-cloud-infrastructure-consumer">AI and Cloud Infrastructure, Consumer</option>
<option value="climate">Climate</option>
<option value="connectivity">Connectivity</option>
<option value="consumer">Consumer</option>
<option value="private-equity-mbo-other">Private equity MBO, other</option>
<option value="security">Security</option>
<option value="other">Other</option>
</select>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="container-xxl pt-md-5 pb-md-5">
<div class="row">
<div class="col-xxl-10 offset-xxl-1">
<p class="display-3 no-results">No results matched your criteria.</p>
<div class="portfolio-grid">
<div class="portfolio-card standard tech-fund ai-and-cloud-infrastructure bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-1">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/logo-9.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures security bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-2">
<div class="media">
<img alt="Security" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Security" src="/images/bitmap/logo-10.png" />
<h3 class="h4 text-uppercase text-white pt-5">Security</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures ai-and-cloud-infrastructure-consumer bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-3">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure, Consumer" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure, Consumer" src="/images/bitmap/logo-3.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure, Consumer</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures ai-and-cloud-infrastructure bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-4">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/logo-2.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard tech-fund security bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-5">
<div class="media">
<img alt="Security" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Security" src="/images/bitmap/logo-4.png" />
<h3 class="h4 text-uppercase text-white pt-5">Security</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard tech-fund ai-and-cloud-infrastructure bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-6">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/logo-5.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card quote bg-white radius-10">
<div class="row">
<div class="col-md-4 media">
<img alt="" src="/images/bitmap/quote-image-1.jpg" />
</div>
<div class="col-md-8">
<div class="row pt-5 pb-5 ps-4 pe-4 ps-md-0 pe-md-0">
<div class="col-lg-8 offset-lg-1">
<p class="display-3 text-black">From our first meeting, it was clear that T.Capital isn’t just another investor — they understand infrastructure scale and distribution like few others. Their backing has been instrumental in connecting us to global partners and telco-grade systems.</p>
<p class="text-black pt-5">Mati Staniszewski, Co-Founder & CTO, 11Labs</p>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-card standard ventures ai-and-cloud-infrastructure-consumer bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-7">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure, Consumer" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure, Consumer" src="/images/bitmap/logo-1.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure, Consumer</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard tech-fund climate bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-8">
<div class="media">
<img alt="Climate" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Climate" src="/images/bitmap/logo-11.png" />
<h3 class="h4 text-uppercase text-white pt-5">Climate</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard tech-fund private-equity-mbo-other bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-9">
<div class="media">
<img alt="PRIVATE EQUITY MBO, Other" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="PRIVATE EQUITY MBO, Other" src="/images/bitmap/logo-12.png" />
<h3 class="h4 text-uppercase text-white pt-5">PRIVATE EQUITY MBO, Other</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures climate bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-10">
<div class="media">
<img alt="Climate" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Climate" src="/images/bitmap/logo-13.png" />
<h3 class="h4 text-uppercase text-white pt-5">Climate</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard tech-fund consumer bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-11">
<div class="media">
<img alt="Consumer" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Consumer" src="/images/bitmap/logo-14.png" />
<h3 class="h4 text-uppercase text-white pt-5">Consumer</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures other bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-12">
<div class="media">
<img alt="Other" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Other" src="/images/bitmap/logo-15.png" />
<h3 class="h4 text-uppercase text-white pt-5">Other</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card quote bg-white radius-10">
<div class="row">
<div class="col-md-4 media">
<img alt="" src="/images/bitmap/quote-image-2.jpg" />
</div>
<div class="col-md-8">
<div class="row pt-5 pb-5 ps-4 pe-4 ps-md-0 pe-md-0">
<div class="col-lg-8 offset-lg-1">
<p class="display-3 text-black">T.Capital brings the perfect mix of deep technical insight and enterprise reach. They’ve helped us think bigger about automation at scale and how to bring it closer to the edge.</p>
<p class="text-black pt-5">Mati Staniszewski, Co-Founder & CTO, 11Labs</p>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-card standard ventures consumer bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-13">
<div class="media">
<img alt="Consumer" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Consumer" src="/images/bitmap/logo-16.png" />
<h3 class="h4 text-uppercase text-white pt-5">Consumer</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures iot bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-14">
<div class="media">
<img alt="IOT" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="IOT" src="/images/bitmap/logo-17.png" />
<h3 class="h4 text-uppercase text-white pt-5">IOT</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures connectivity bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-15">
<div class="media">
<img alt="Connectivity" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Connectivity" src="/images/bitmap/logo-18.png" />
<h3 class="h4 text-uppercase text-white pt-5">Connectivity</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures ai-and-cloud-infrastructure bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-16">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/logo-19.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures connectivity bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-17">
<div class="media">
<img alt="Connectivity" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Connectivity" src="/images/bitmap/logo-20.png" />
<h3 class="h4 text-uppercase text-white pt-5">Connectivity</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures connectivity bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-18">
<div class="media">
<img alt="Connectivity" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Connectivity" src="/images/bitmap/logo-21.png" />
<h3 class="h4 text-uppercase text-white pt-5">Connectivity</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card quote bg-white radius-10">
<div class="row">
<div class="col-md-4 media">
<img alt="" src="/images/bitmap/quote-image-3.jpg" />
</div>
<div class="col-md-8">
<div class="row pt-5 pb-5 ps-4 pe-4 ps-md-0 pe-md-0">
<div class="col-lg-8 offset-lg-1">
<p class="display-3 text-black">What stood out with T.Capital was their speed and precision — they immediately grasped how our threat intelligence platform fits into a broader telco security landscape. It feels like working with a partner, not a fund.</p>
<p class="text-black pt-5">Samuel Hassaine, Co-Founder & CEO, Filigran</p>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-card standard ventures other bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-19">
<div class="media">
<img alt="Other" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Other" src="/images/bitmap/logo-31.png" />
<h3 class="h4 text-uppercase text-white pt-5">Other</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures ai-and-cloud-infrastructure bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-20">
<div class="media">
<img alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="AI and Cloud <br/>Infrastructure" src="/images/bitmap/logo-22.png" />
<h3 class="h4 text-uppercase text-white pt-5">AI and Cloud <br />Infrastructure</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures connectivity bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-21">
<div class="media">
<img alt="Connectivity" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Connectivity" src="/images/bitmap/logo-23.png" />
<h3 class="h4 text-uppercase text-white pt-5">Connectivity</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures connectivity bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-22">
<div class="media">
<img alt="Connectivity" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Connectivity" src="/images/bitmap/logo-24.png" />
<h3 class="h4 text-uppercase text-white pt-5">Connectivity</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures security bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-23">
<div class="media">
<img alt="Security" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Security" src="/images/bitmap/logo-25.png" />
<h3 class="h4 text-uppercase text-white pt-5">Security</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures other bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-24">
<div class="media">
<img alt="Other" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Other" src="/images/bitmap/logo-26.png" />
<h3 class="h4 text-uppercase text-white pt-5">Other</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures other bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-25">
<div class="media">
<img alt="Other" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Other" src="/images/bitmap/logo-27.png" />
<h3 class="h4 text-uppercase text-white pt-5">Other</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures connectivity bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-26">
<div class="media">
<img alt="Connectivity" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Connectivity" src="/images/bitmap/logo-28.png" />
<h3 class="h4 text-uppercase text-white pt-5">Connectivity</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
<div class="portfolio-card standard ventures other bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-27">
<div class="media">
<img alt="Other" src="/images/bitmap/port-1.jpg" />
</div>
<div class="info p-5">
<img class="logo mb-5" alt="Other" src="/images/bitmap/logo-29.png" />
<h3 class="h4 text-uppercase text-white pt-5">Other</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="modal fade" id="modal-1" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">NScale</h4>
<p>European AI cloud platform enabling large-scale inferencing with full data sovereignty, reducing dependence on non-European hyperscalers.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">The T difference</h4>
<p>Decades of proven infrastructure expertise and strong foundation in digital transformation, Deutsche Telekom also extends its capabilities into the field of AI infra. DT offers access to an extensive ecosystem and opportunities for collaboration.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-2" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Mondoo</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-3" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Eleven Labs</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-4" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">N8N</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-5" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Filigran</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-6" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Decagon</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-7" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Perplexity</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-8" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Marvel Fusion</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-9" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Equativ</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-10" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Pachama</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-11" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Airalo</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-12" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Desquared</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-13" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Go Student</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-14" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Kinexon</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-15" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Mobile Edge</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-16" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Prosimo</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-17" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Helium</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-18" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Teridon</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-19" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Everphone</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-20" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Signal Wire</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-21" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Sitetracker</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-22" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">1nce</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-23" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Cynet</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-24" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Vhive</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-25" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Relayr</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-26" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Swyx</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-27" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>Series B</p>
<p class="bold p-0 m-0">Status</p>
<p>Active</p>
<p class="bold p-0 m-0">Investment team</p>
<p>Anthony Other</p>
</div>
<div class="col-lg-6">
<div class="pb-5">
<h4 class="text-black pb-5">Docusign</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat.</p>
</div>
<div class="pb-5">
<h4 class="text-pink pb-2">Lorem ipsum dolor sit amet</h4>
<p>Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="portfolio-filter no-hero bm-animate bm-fade-in pb-5">
<div class="container-xxl pt-md-5 pb-3">
<div class="row">
<div class="col-xxl-10 offset-xxl-1">
<div class="row">
<div class="col-lg-6">
<h2 class="text-white pb-4 pb-md-0">{{{ heading }}}</h2>
</div>
<div class="col-lg-6">
<nav class="filters">
<button class="filter-btn active" data-filter="*">All</button>
<button class="filter-btn" data-filter="tech-fund">Tech Fund</button>
<button class="filter-btn" data-filter="ventures">Ventures</button>
<select name="categories" id="categories">
<option value="*">Category</option>
<option value="ai-and-cloud-infrastructure">AI and Cloud Infrastructure</option>
<option value="ai-and-cloud-infrastructure-consumer">AI and Cloud Infrastructure, Consumer</option>
<option value="climate">Climate</option>
<option value="connectivity">Connectivity</option>
<option value="consumer">Consumer</option>
<option value="private-equity-mbo-other">Private equity MBO, other</option>
<option value="security">Security</option>
<option value="other">Other</option>
</select>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="container-xxl pt-md-5 pb-md-5">
<div class="row">
<div class="col-xxl-10 offset-xxl-1">
{{#if cards}}
<p class="display-3 no-results">No results matched your criteria.</p>
<div class="portfolio-grid">
{{#each cards}}
{{#if isquote}}
<div class="portfolio-card {{{ type }}} {{ classes }} bg-white radius-10">
<div class="row">
<div class="col-md-4 media">
{{#if image}}
<img alt="{{ heading }}" src="{{ image }}"/>
{{/if}}
</div>
<div class="col-md-8">
<div class="row pt-5 pb-5 ps-4 pe-4 ps-md-0 pe-md-0">
<div class="col-lg-8 offset-lg-1">
{{#if quote}}
<p class="display-3 text-black">{{{ quote }}}</p>
{{/if}}
{{#if author}}
<p class="text-black pt-5">{{{ author }}}</p>
{{/if}}
</div>
</div>
</div>
</div>
</div>
{{else}}
<div class="portfolio-card {{{ type }}} {{ classes }} bg-grey radius-10" data-bs-toggle="modal" data-bs-target="#modal-{{ id }}">
<div class="media">
{{#if thumbnail}}
<img alt="{{ heading }}" src="{{ thumbnail }}"/>
{{/if}}
</div>
<div class="info p-5">
{{#if logo}}
<img class="logo mb-5" alt="{{ heading }}" src="{{ logo }}"/>
{{/if}}
<h3 class="h4 text-uppercase text-white pt-5">{{{ heading }}}</h3>
</div>
<div class="overlay"></div>
<a class="btn btn-open" href="#"></a>
</div>
{{/if}}
{{/each}}
</div>
{{/if}}
</div>
</div>
</div>
</section>
{{!-- modals --}}
{{#if cards}}
{{#each cards}}
{{#unless isquote}}
<div class="modal fade" id="modal-{{ id }}" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl">
<div class="modal-content">
<div class="modal-body p-5" id="modal-body-1">
<button type="button" class="btn btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="inner text-black p-5">
<div class="row">
<div class="col-lg-4 pb-5 pb-lg-0">
<p class="bold p-0 m-0">Stage</p>
<p>{{{ stage }}}</p>
<p class="bold p-0 m-0">Status</p>
<p>{{{ status }}}</p>
<p class="bold p-0 m-0">Investment team</p>
<p>{{{ investment-team }}}</p>
</div>
<div class="col-lg-6">
{{#if modal-data}}
{{#each modal-data}}
<div class="pb-5">
<h4 class="{{ heading-class }}">{{ heading }}</h4>
<p>{{{ text }}}</p>
</div>
{{/each}}
{{/if}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/unless}}
{{/each}}
{{/if}}
{
"heading": "Portfolio",
"cards": [
{
"id": "1",
"isquote": "",
"type": "standard",
"classes": "tech-fund ai-and-cloud-infrastructure",
"logo": "/images/bitmap/logo-9.png",
"heading": "AI and Cloud <br/>Infrastructure",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "NScale",
"text": "European AI cloud platform enabling large-scale inferencing with full data sovereignty, reducing dependence on non-European hyperscalers."
},
{
"heading-class": "text-pink pb-2",
"heading": "The T difference",
"text": "Decades of proven infrastructure expertise and strong foundation in digital transformation, Deutsche Telekom also extends its capabilities into the field of AI infra. DT offers access to an extensive ecosystem and opportunities for collaboration."
}
]
},
{
"id": "2",
"isquote": "",
"type": "standard",
"classes": "ventures security",
"logo": "/images/bitmap/logo-10.png",
"heading": "Security",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Mondoo",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "3",
"isquote": "",
"type": "standard",
"classes": "ventures ai-and-cloud-infrastructure-consumer",
"logo": "/images/bitmap/logo-3.png",
"heading": "AI and Cloud <br/>Infrastructure, Consumer",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Eleven Labs",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "4",
"isquote": "",
"type": "standard",
"classes": "ventures ai-and-cloud-infrastructure",
"logo": "/images/bitmap/logo-2.png",
"heading": "AI and Cloud <br/>Infrastructure",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "N8N",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "5",
"isquote": "",
"type": "standard",
"classes": "tech-fund security",
"logo": "/images/bitmap/logo-4.png",
"heading": "Security",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Filigran",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "6",
"isquote": "",
"type": "standard",
"classes": "tech-fund ai-and-cloud-infrastructure",
"logo": "/images/bitmap/logo-5.png",
"heading": "AI and Cloud <br/>Infrastructure",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Decagon",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"isquote": "true",
"type": "quote",
"image": "/images/bitmap/quote-image-1.jpg",
"quote": "From our first meeting, it was clear that T.Capital isn’t just another investor — they understand infrastructure scale and distribution like few others. Their backing has been instrumental in connecting us to global partners and telco-grade systems.",
"author": "Mati Staniszewski, Co-Founder & CTO, 11Labs"
},
{
"id": "7",
"isquote": "",
"type": "standard",
"classes": "ventures ai-and-cloud-infrastructure-consumer",
"logo": "/images/bitmap/logo-1.png",
"heading": "AI and Cloud <br/>Infrastructure, Consumer",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Perplexity",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "8",
"isquote": "",
"type": "standard",
"classes": "tech-fund climate",
"logo": "/images/bitmap/logo-11.png",
"heading": "Climate",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Marvel Fusion",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "9",
"isquote": "",
"type": "standard",
"classes": "tech-fund private-equity-mbo-other",
"logo": "/images/bitmap/logo-12.png",
"heading": "PRIVATE EQUITY MBO, Other",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Equativ",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "10",
"isquote": "",
"type": "standard",
"classes": "ventures climate",
"logo": "/images/bitmap/logo-13.png",
"heading": "Climate",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Pachama",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "11",
"isquote": "",
"type": "standard",
"classes": "tech-fund consumer",
"logo": "/images/bitmap/logo-14.png",
"heading": "Consumer",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Airalo",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "12",
"isquote": "",
"type": "standard",
"classes": "ventures other",
"logo": "/images/bitmap/logo-15.png",
"heading": "Other",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Desquared",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"isquote": "true",
"type": "quote",
"image": "/images/bitmap/quote-image-2.jpg",
"quote": "T.Capital brings the perfect mix of deep technical insight and enterprise reach. They’ve helped us think bigger about automation at scale and how to bring it closer to the edge.",
"author": "Mati Staniszewski, Co-Founder & CTO, 11Labs"
},
{
"id": "13",
"isquote": "",
"type": "standard",
"classes": "ventures consumer",
"logo": "/images/bitmap/logo-16.png",
"heading": "Consumer",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Go Student",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "14",
"isquote": "",
"type": "standard",
"classes": "ventures iot",
"logo": "/images/bitmap/logo-17.png",
"heading": "IOT",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Kinexon",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "15",
"isquote": "",
"type": "standard",
"classes": "ventures connectivity",
"logo": "/images/bitmap/logo-18.png",
"heading": "Connectivity",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Mobile Edge",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "16",
"isquote": "",
"type": "standard",
"classes": "ventures ai-and-cloud-infrastructure",
"logo": "/images/bitmap/logo-19.png",
"heading": "AI and Cloud <br/>Infrastructure",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Prosimo",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "17",
"isquote": "",
"type": "standard",
"classes": "ventures connectivity",
"logo": "/images/bitmap/logo-20.png",
"heading": "Connectivity",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Helium",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "18",
"isquote": "",
"type": "standard",
"classes": "ventures connectivity",
"logo": "/images/bitmap/logo-21.png",
"heading": "Connectivity",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Teridon",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"isquote": "true",
"type": "quote",
"image": "/images/bitmap/quote-image-3.jpg",
"quote": "What stood out with T.Capital was their speed and precision — they immediately grasped how our threat intelligence platform fits into a broader telco security landscape. It feels like working with a partner, not a fund.",
"author": "Samuel Hassaine, Co-Founder & CEO, Filigran"
},
{
"id": "19",
"isquote": "",
"type": "standard",
"classes": "ventures other",
"logo": "/images/bitmap/logo-31.png",
"heading": "Other",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Everphone",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "20",
"isquote": "",
"type": "standard",
"classes": "ventures ai-and-cloud-infrastructure",
"logo": "/images/bitmap/logo-22.png",
"heading": "AI and Cloud <br/>Infrastructure",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Signal Wire",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "21",
"isquote": "",
"type": "standard",
"classes": "ventures connectivity",
"logo": "/images/bitmap/logo-23.png",
"heading": "Connectivity",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Sitetracker",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "22",
"isquote": "",
"type": "standard",
"classes": "ventures connectivity",
"logo": "/images/bitmap/logo-24.png",
"heading": "Connectivity",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "1nce",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "23",
"isquote": "",
"type": "standard",
"classes": "ventures security",
"logo": "/images/bitmap/logo-25.png",
"heading": "Security",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Cynet",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "24",
"isquote": "",
"type": "standard",
"classes": "ventures other",
"logo": "/images/bitmap/logo-26.png",
"heading": "Other",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Vhive",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "25",
"isquote": "",
"type": "standard",
"classes": "ventures other",
"logo": "/images/bitmap/logo-27.png",
"heading": "Other",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Relayr",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "26",
"isquote": "",
"type": "standard",
"classes": "ventures connectivity",
"logo": "/images/bitmap/logo-28.png",
"heading": "Connectivity",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Swyx",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
},
{
"id": "27",
"isquote": "",
"type": "standard",
"classes": "ventures other",
"logo": "/images/bitmap/logo-29.png",
"heading": "Other",
"thumbnail": "/images/bitmap/port-1.jpg",
"stage": "Series B",
"status": "Active",
"investment-team": "Anthony Other",
"linkedin": "https://getbootstrap.com/docs/5.3/utilities/flex/#direction",
"link": "https://getbootstrap.com/docs/5.3/utilities/flex/",
"modal-data": [
{
"heading-class": "text-black pb-5",
"heading": "Docusign",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada molestie volutpat. Nam porttitor arcu nulla, vel scelerisque mi facilisis et. Aenean vitae ultricies dui. Aliquam erat volutpat."
},
{
"heading-class": "text-pink pb-2",
"heading": "Lorem ipsum dolor sit amet",
"text": "Maecenas sit amet urna quis tellus convallis placerat. Morbi tempus elementum lectus, non imperdiet tellus porta a. Morbi tortor lectus, interdum nec porttitor malesuada, faucibus non nulla. Cras vel est dignissim, eleifend nulla molestie, facilisis tortor. Donec egestas fermentum lacus."
}
]
}
]
}
// portfolio
const portfolio = {
init() {
if (!document.querySelector('.portfolio-grid')) {
return;
}
let elem = document.querySelector('.portfolio-grid');
let iso = new Isotope( elem, {
itemSelector: '.portfolio-card',
layoutMode: 'masonry'
});
// filter
const runFilter = (link, select) => {
let selector = link + select;
console.log(selector);
iso.arrange({ filter: selector });
if(iso.filteredItems.length < 1){
document.querySelector('.no-results').classList.add('show');
} else{
document.querySelector('.no-results').classList.remove('show');
}
}
let selectFilter = document.getElementById('categories');
let filterBtn = document.getElementsByClassName('filter-btn');
let linkVal = '';
let selectVal = '';
// links
for (let i = 0; i < filterBtn.length; i++) {
filterBtn[i].addEventListener('click', function (e) {
e.preventDefault();
for (let i = 0; i < filterBtn.length; i++) {
filterBtn[i].classList.remove('active');
}
e.target.classList.add('active');
let val = e.currentTarget.dataset.filter.trim();
if(val == '*' || val == ''){
linkVal = '';
} else{
linkVal = '.' + e.currentTarget.dataset.filter.trim();
}
runFilter(linkVal, selectVal);
});
}
// select
selectFilter.addEventListener('change', function (e) {
let val = selectFilter.value;
if(val == '*' || val == ''){
selectVal = '';
selectFilter.options[0].innerHTML = "Category";
selectFilter.classList.remove('active');
} else{
selectVal = '.' + selectFilter.value;
selectFilter.options[0].innerHTML = "All";
selectFilter.classList.add('active');
}
runFilter(linkVal, selectVal);
});
}
};
portfolio.init();
export default portfolio;
// portfolio filter
section{
&.portfolio-filter{
.no-results{
opacity: 0;
transition: all 0.4s;
&.show{
opacity: 1;
}
}
// cards
.portfolio-grid{
margin: 0;
@include media-breakpoint-up(md){
margin: 0 -0.75rem;
}
}
.portfolio-card{
aspect-ratio: 4/3;
position: relative;
overflow: hidden;
cursor: pointer;
border: 1px solid $black;
transition: box-shadow 0.4s, border 0.4s;
width: 100%;
margin: 0 0 1.5rem 0;
@include media-breakpoint-up(md){
aspect-ratio: 4/2;
width: calc(50% - 1.5rem);
margin: 0 0.75rem 1.5rem 0.75rem;
}
.media, .overlay{
img{
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
}
.media{
z-index: 1;
}
.overlay{
z-index: 2;
background-color: rgba(0, 0, 0, 0.65);
transition: 0.4s;
}
.btn-open{
position: absolute;
top: 3rem;
right: 3rem;
z-index: 3;
pointer-events: none;
}
.info{
position: relative;
z-index: 3;
width: 100%;
height: 100%;
.logo{
width: 60%;
@include media-breakpoint-up(md){
width: 40%;
}
}
}
&.standard{
.media, .overlay{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
}
&.quote{
aspect-ratio: unset;
width: 100%;
cursor: unset;
@include media-breakpoint-up(md){
width: calc(100% - 1.5rem);
}
}
&:hover{
border: 1px solid $bordergrey;
box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.25);
.overlay{
opacity: 0;
}
}
}
}
}
No notes defined.