<!doctype html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title, Description, and Author -->
<title>Page - Presta - Free Bootstrap Bike Repair Template</title>
<meta name="description" content="Presta is a Free Bootstrap Bike Repair Template.">
<!-- Favicon and Touch Icons -->
<link rel="icon" type="image/png" sizes="512x512" href="{dreamer-cms:template /}assets/favicon/favicon-512x512.png">
<!-- Google Fonts Files -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="{dreamer-cms:template /}assets/css/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
<!-- CSS Files -->
<link rel="stylesheet" href="{dreamer-cms:template /}assets/css/presta-pro-bsb.css">
<!-- BSB Head -->
</head>
<body class="bsb-tpl-bg-50 py-3 py-md-5 py-xl-6">
<!-- Header -->
{dreamer-cms:include file='header.html'/}
<!-- Page Header - Bootstrap Brain Component -->
<!-- <section class="py-4 py-md-5 py-xl-8">
<div class="container">
<div class="row">
<div class="col-12">
<div class="container-fluid border border-dark bsb-tpl-bg-gradient-1x">
<div class="row justify-content-md-center align-items-center">
<div class="col-12 col-md-11 col-xl-10">
<div class="page-header-wrapper py-3 py-md-5 py-xl-8">
<h2 class="display-3 text-center fw-bold mb-3 mb-xl-4">Bootstrap</h2>
<p class="lead text-center m-0 d-flex justify-content-sm-center">
<span class="col-12 col-sm-11 col-lg-8 col-xl-7 col-xxl-6">Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- Main -->
<main id="main">
<section class="py-4 py-md-5 py-xl-8">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-12 col-md-10 col-lg-8 col-xl-7 col-xxl-6">
<!-- <h2 class="mb-4 display-5 text-center">Our Products</h2> -->
<!-- <p class="text-secondary mb-5 text-center lead fs-4">Our catalog boasts a diverse array of top-quality
components meticulously curated to meet the needs of cyclists of all levels, from beginners to seasoned
pros.</p> -->
<!-- <hr class="w-50 mx-auto mb-5 mb-xl-9 border-dark-subtle"> -->
</div>
</div>
</div>
<div class="container overflow-hidden pt-3 pt-md-5 pt-xl-6">
<div class="row gy-4 gy-xxl-5">
{dreamer-cms:list typeid="r1dl60bu" pagenum="0" pagesize="3" flag="p" formkey="1c0em696"}
<div class="col-12 col-md-6 col-lg-4 col-xxl-3">
<div class="card text-center border-dark overflow-hidden">
<a href="[field:arcurl/]">
<img src="[field:litpic /]" alt="[field:title /]" style="width: 100%">
</a>
</div>
</div>
{/dreamer-cms:list}
{dreamer-cms:list typeid="r1dl60bu" pagenum="0" pagesize="3" flag="p" formkey="1c0em696"}
<div class="col-12 col-md-6 col-lg-4 col-xxl-3">
<div class="card text-center border-dark overflow-hidden">
<img src="[field:litpic /]" alt="[field:title /]" style="width: 100%">
</div>
</div>
{/dreamer-cms:list}
{dreamer-cms:list typeid="r1dl60bu" pagenum="0" pagesize="3" flag="p" formkey="1c0em696"}
<div class="col-12 col-md-6 col-lg-4 col-xxl-3">
<div class="card text-center border-dark overflow-hidden">
<img src="[field:litpic /]" alt="[field:title /]" style="width: 100%">
</div>
</div>
{/dreamer-cms:list}
{dreamer-cms:list typeid="r1dl60bu" pagenum="0" pagesize="3" flag="p" formkey="1c0em696"}
<div class="col-12 col-md-6 col-lg-4 col-xxl-3">
<div class="card text-center border-dark overflow-hidden">
<img src="[field:litpic /]" alt="[field:title /]" style="width: 100%">
</div>
</div>
{/dreamer-cms:list}
</div>
</div>
</section>
</main>
<!-- Footer 1 Pro - Bootstrap Brain Component -->
{dreamer-cms:include file='footer.html'/}
<!-- Javascript Files: Vendors -->
<script src="{dreamer-cms:template /}assets/controller/bootstrap.bundle.min.js"></script>
<!-- Javascript Files: Controllers -->
<script src="{dreamer-cms:template /}assets/controller/presta-pro-bsb.js"></script>
<!-- BSB Body End -->
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'88a37541f882948d',t:'MTcxNjc4NjIwMi4wNDQwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
</html>