Project2024
/
cms-system


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!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>