Project2024
/
cms-system


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631
							<!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>Single - 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 -->
  <header id="header" class="bsb-tpl-bg-50 sticky-top bsb-spacer-top-3 bsb-spacer-top-md-5 bsb-spacer-top-xl-6 bsb-tpl-header-sticky bsb-tpl-header-sticky-animation">

    <div class="container">
      <div class="row">
        <div class="col-12">
          <!-- Navbar 1 - Bootstrap Brain Component -->
          <nav class="navbar navbar-expand-lg bsb-navbar bsb-navbar-hover bsb-navbar-caret bsb-tpl-navbar-sticky bg-white border border-dark px-xl-3" data-bsb-sticky-target="#header">
            <div class="container">
              <a class="navbar-brand" href="index.html">
                <img src="./assets/img/branding/presta-logo.svg" class="bsb-tpl-logo" alt="">
              </a>
              <button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
                  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
                </svg>
              </button>
              <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
                <div class="offcanvas-header">
                  <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5>
                  <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                  <ul class="navbar-nav justify-content-end flex-grow-1">
                    <li class="nav-item">
                      <a class="nav-link" aria-current="page" href="index.html">Home</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="service.html">Service</a>
                    </li>
                    <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle active" href="#!" id="blogDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
                      <ul class="dropdown-menu border-0 shadow bsb-zoomIn" aria-labelledby="blogDropdown">
                        <li><a class="dropdown-item" href="blog.html">News</a></li>
                        <li><a class="dropdown-item active" href="single.html">Single Post</a></li>
                        <li><a class="dropdown-item" href="page.html">Single Page</a></li>
                      </ul>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="shop.html">Shop</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="about.html">About</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="contact.html">Contact</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </div>

  </header>

  <!-- 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">
                  <div class="entry-header mb-3">
                    <ul class="entry-meta list-unstyled d-flex mb-3 justify-content-center">
                      <li>
                        <a class="d-inline-flex px-2 py-1 link-accent text-accent-emphasis bg-accent-subtle border border-accent-subtle rounded-2 text-decoration-none fs-7" href="#!">Fitness Tips</a>
                      </li>
                    </ul>
                    <h2 class="display-3 text-center fw-bold mb-3 mb-xl-4">Weight Loss: A Cycle Buying Guide for the Beginners</h2>
                  </div>
                  <div class="entry-footer">
                    <ul class="entry-meta list-unstyled d-flex align-items-center justify-content-center m-0">
                      <li>
                        <a class="fs-7 link-secondary text-decoration-none d-flex align-items-center" href="#!">
                          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-calendar3" viewBox="0 0 16 16">
                            <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z" />
                            <path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                          </svg>
                          <span class="ms-2 fs-7">14 Aug 2024</span>
                        </a>
                      </li>
                      <li>
                        <span class="px-3">&bull;</span>
                      </li>
                      <li>
                        <a class="link-secondary text-decoration-none d-flex align-items-center" href="#!">
                          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-chat-dots" viewBox="0 0 16 16">
                            <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
                            <path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
                          </svg>
                          <span class="ms-2 fs-7">59</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Main -->
  <main id="main">

    <!-- Entry Content Bootstrap Brain Component -->
    <section class="py-3 py-md-5 py-xl-8 bg-white">
      <div class="container">
        <div class="row justify-content-md-center gy-3 gy-xl-4">
          <div class="col-12 col-md-11 col-lg-8 col-xl-7 col-xxl-6 gy-3 gy-xl-4 bsb-entry-content">
            <p class="lead fw-bold">Embarking on a weight loss journey can be both exciting and overwhelming, especially for beginners. With countless products and tools available in the market, it's crucial to make informed decisions to ensure a successful and sustainable journey towards your health goals.</p>
            <p>In this comprehensive guide, we'll walk you through the essential items you need to consider when starting your <a href="#!">weight loss</a> journey.</p>
          </div>

          <div class="col-12 text-center">
            <img class="img-fluid my-4 rounded" loading="lazy" src="./assets/img/single/single-img-1.jpg" alt="">
          </div>

          <div class="col-12 col-md-11 col-lg-8 col-xl-7 col-xxl-6 gy-3 gy-xl-4 bsb-entry-content">
            <h2>Understanding Your Goals</h2>
            <p>Before diving into purchasing any weight loss products, take some time to define your goals. Are you aiming for fat loss, muscle gain, or overall improved fitness? Understanding your objectives will help you choose the right products and create a tailored plan for success.</p>
            <figure class="text-accent-emphasis bg-accent-subtle border-start border-5 border-accent rounded-2 p-3">
              <blockquote class="blockquote mb-3">
                <p class="m-0">A balanced diet is key to achieving sustainable weight loss. Invest in high-quality, nutrient-dense foods such as lean proteins, fruits, vegetables, whole grains, and healthy fats. Consider purchasing kitchen essentials like a food scale, measuring cups, and meal prep containers to help you portion and plan your meals effectively.</p>
              </blockquote>
              <figcaption class="blockquote-footer m-0">
                Fitness Expert <cite title="company">company</cite>
              </figcaption>
            </figure>
            <ul>
              <li>Incorporating regular exercise into your routine.</li>
              <li>Consider investing in equipment such as dumbbells.</li>
              <li>Explore gym memberships or fitness classes.</li>
              <li>Staying hydrated is crucial for overall health and weight loss.</li>
              <li>Invest in a reusable water bottle to keep track of your daily water intake.</li>
              <li>Consider incorporating supplements such as protein powder.</li>
            </ul>
            <p>Monitoring your progress is essential for staying motivated and accountable. Invest in tools like a fitness tracker, bodyweight scale, or journal to track your workouts, food intake, and progress over time. Apps and online platforms can also be valuable resources for setting goals and tracking your journey.</p>
            <h2>Rest and Recovery</h2>
            <img class="img-fluid mt-3 mb-5 rounded" loading="lazy" src="./assets/img/single/single-img-2.jpg" alt="">
            <p>Prioritize adequate rest and recovery to support your body's natural processes and prevent burnout. Invest in quality sleep essentials such as a comfortable mattress, pillows, and blackout curtains to optimize your sleep environment.</p>
            <p>Incorporate relaxation techniques such as meditation, stretching, or foam rolling to reduce stress and promote recovery.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Entry Meta -->
    <div class="pb-3 pb-md-5 pb-xl-8 bg-white">
      <div class="container">
        <div class="row justify-content-md-center">
          <div class="col-12 col-md-11 col-lg-8 col-xl-7 col-xxl-6">
            <span class="me-1 fw-bold">Tags:</span>
            <ul class="entry-meta list-unstyled d-inline-flex align-items-center justify-content-center gap-2">
              <li>
                <a class="link-secondary text-decoration-none" href="#!">Health</a><span class="pe-2x text-secondary">,</span>
              </li>
              <li>
                <a class="link-secondary text-decoration-none" href="#!">Fitness</a><span class="pe-2x text-secondary">,</span>
              </li>
              <li>
                <a class="link-secondary text-decoration-none" href="#!">Tips</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Post Pagination 2 - Bootstrap Brain Component -->
    <section class="bsb-post-pagination-2 bg-light pb-3 pb-md-5 pb-xl-8 bg-white">
      <div class="container overflow-hidden">
        <div class="row justify-content-lg-center">
          <div class="col-12 col-lg-10 col-xl-8 col-xxl-7">
            <div class="bg-white p-4 p-md-5 border border-dark border-bottom-0">
              <div class="row gy-3 gy-md-0 align-items-md-center">
                <div class="col-12 col-md-2">
                  <a href="#!">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" />
                    </svg>
                  </a>
                </div>
                <div class="col-12 col-md-8">
                  <a href="#!" class="d-block px-md-3 text-decoration-none">
                    <h5 class="link-secondary fw-bold fs-6 mb-3">Previous Post</h5>
                    <h2 class="link-dark fs-5">How do Mountain Bike Brands Select the Nuts and Bolts</h2>
                  </a>
                </div>
                <div class="col-12 col-md-2">
                  <a href="#!" class="bsb-hover-image d-block overflow-hidden rounded">
                    <img class="img-fluid author-avatar bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/single/post-pagination-img-2.jpg" alt="">
                  </a>
                </div>
              </div>
            </div>
            <div class="bg-white p-4 p-md-5 border border-dark">
              <div class="row gy-3 align-items-md-center">
                <div class="col-12 col-md-2">
                  <a href="#!" class="bsb-hover-image d-block overflow-hidden rounded">
                    <img class="img-fluid author-avatar bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/single/post-pagination-img-1.jpg" alt="">
                  </a>
                </div>
                <div class="col-12 col-md-8 text-end">
                  <a href="#!" class="d-block px-md-3 text-decoration-none">
                    <h5 class="link-secondary fw-bold fs-6 mb-3">Next Post</h5>
                    <h2 class="link-dark fs-5">Which Brand of Front or Rear Bike Seat is the Most Durable</h2>
                  </a>
                </div>
                <div class="col-12 col-md-2 text-end">
                  <a href="#!">
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                    </svg>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Author 2 - Bootstrap Brain Component -->
    <section class="bsb-author-2 py-3 py-md-5 py-xl-8">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-12 col-lg-10 col-xl-8 col-xxl-7">
            <div class="card border-dark p-4">
              <div class="row gy-3 align-items-center">
                <div class="col-md-4">
                  <a href="#!" class="bsb-hover-image d-block rounded overflow-hidden">
                    <img class="img-fluid author-avatar bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/single/author-img-1.jpg" alt="">
                  </a>
                </div>
                <div class="col-md-8">
                  <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-body-secondary">Article written by</h6>
                    <h3 class="card-title mb-2">
                      <a class="card-link link-dark text-decoration-none" href="#!">Iris Henry</a>
                    </h3>
                    <p class="card-text mb-3">Iris Henry has spent over two decades studying the intricate connections between diet, exercise, and overall well-being.</p>
                    <ul class="list-unstyled m-0 p-0 d-flex">
                      <li class="me-3">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                            <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                          </svg>
                        </a>
                      </li>
                      <li class="me-3">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
                            <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
                          </svg>
                        </a>
                      </li>
                      <li class="me-3">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                            <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                          </svg>
                        </a>
                      </li>
                      <li class="">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                            <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                          </svg>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Blog 6 - Bootstrap Brain Component -->
    <div class="py-3 py-md-5 py-xl-8 bg-white">
      <div class="container overflow-hidden">
        <div class="row gy-4 gy-xxl-5">
          <div class="col-12 col-md-6 col-xl-3 d-flex">
            <article class="d-flex">
              <div class="card border border-dark" style="--bs-card-border-radius: 0; --bs-card-inner-border-radius: 0;">
                <figure class="card-img-top m-0 overflow-hidden bsb-overlay-hover">
                  <a href="#!">
                    <img class="img-fluid bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/blog/blog-image-1.jpg" alt="Spokes">
                  </a>
                  <figcaption>
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-eye text-white bsb-hover-fadeInLeft" viewBox="0 0 16 16">
                      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
                      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
                    </svg>
                    <h4 class="h6 text-white bsb-hover-fadeInRight mt-2">Read More</h4>
                  </figcaption>
                </figure>
                <div class="card-body border-0 bg-white p-4">
                  <div class="entry-header mb-3">
                    <ul class="entry-meta list-unstyled d-flex mb-2">
                      <li>
                        <a class="link-dark link-opacity-75 link-opacity-100-hover text-decoration-none" href="#!">
                          <span class="fs-7">25 Dec 2024</span>
                        </a>
                      </li>
                    </ul>
                    <h2 class="card-title entry-title h4 mb-0">
                      <a class="link-dark link-opacity-100 link-opacity-75-hover text-decoration-none" href="#!">The Most Widespread Items in the Best Bike Spokes</a>
                    </h2>
                  </div>
                  <p class="card-text entry-summary text-secondary m-0 p-0">
                    Good spokes will give the entire wheelset more tension, accuracy, and rigidity, allowing the rider to accelerate satisfactorily.
                  </p>
                </div>
              </div>
            </article>
          </div>
          <div class="col-12 col-md-6 col-xl-3 d-flex">
            <article class="d-flex">
              <div class="card border border-dark" style="--bs-card-border-radius: 0; --bs-card-inner-border-radius: 0;">
                <figure class="card-img-top m-0 overflow-hidden bsb-overlay-hover">
                  <a href="#!">
                    <img class="img-fluid bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/blog/blog-image-2.jpg" alt="Chain">
                  </a>
                  <figcaption>
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-eye text-white bsb-hover-fadeInDown" viewBox="0 0 16 16">
                      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
                      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
                    </svg>
                    <h4 class="h6 text-white bsb-hover-fadeInUp mt-2">Read More</h4>
                  </figcaption>
                </figure>
                <div class="card-body border-0 bg-white p-4">
                  <div class="entry-header mb-3">
                    <ul class="entry-meta list-unstyled d-flex mb-2">
                      <li>
                        <a class="link-dark link-opacity-75 link-opacity-100-hover text-decoration-none" href="#!">
                          <span class="fs-7">11 Nov 2024</span>
                        </a>
                      </li>
                    </ul>
                    <h2 class="card-title entry-title h4 mb-0">
                      <a class="link-dark link-opacity-100 link-opacity-75-hover text-decoration-none" href="#!">How to Choose a Best Replacement Bike Chain</a>
                    </h2>
                  </div>
                  <p class="card-text entry-summary text-secondary m-0 p-0">
                    Replacing worn chains with the same model from the same brand is easy, but even this is fraught with complications.
                  </p>
                </div>
              </div>
            </article>
          </div>
          <div class="col-12 col-md-6 col-xl-3 d-flex">
            <article class="d-flex">
              <div class="card border border-dark" style="--bs-card-border-radius: 0; --bs-card-inner-border-radius: 0;">
                <figure class="card-img-top m-0 overflow-hidden bsb-overlay-hover">
                  <a href="#!">
                    <img class="img-fluid bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/blog/blog-image-3.jpg" alt="Saddles">
                  </a>
                  <figcaption>
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-eye text-white bsb-hover-fadeInRight" viewBox="0 0 16 16">
                      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
                      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
                    </svg>
                    <h4 class="h6 text-white bsb-hover-fadeInLeft mt-2">Read More</h4>
                  </figcaption>
                </figure>
                <div class="card-body border-0 bg-white p-4">
                  <div class="entry-header mb-3">
                    <ul class="entry-meta list-unstyled d-flex mb-2">
                      <li>
                        <a class="link-dark link-opacity-75 link-opacity-100-hover text-decoration-none" href="#!">
                          <span class="fs-7">5 Oct 2024</span>
                        </a>
                      </li>
                    </ul>
                    <h2 class="card-title entry-title h4 mb-0">
                      <a class="link-dark link-opacity-100 link-opacity-75-hover text-decoration-none" href="#!">The Best Bike Saddles for More Comfortable Miles</a>
                    </h2>
                  </div>
                  <p class="card-text entry-summary text-secondary m-0 p-0">
                    Different riding styles call for purpose-built bike seats. These expert-approved saddles earned our recommendation.
                  </p>
                </div>
              </div>
            </article>
          </div>
          <div class="col-12 col-md-6 col-xl-3 d-flex">
            <article class="d-flex">
              <div class="card border border-dark" style="--bs-card-border-radius: 0; --bs-card-inner-border-radius: 0;">
                <figure class="card-img-top m-0 overflow-hidden bsb-overlay-hover">
                  <a href="#!">
                    <img class="img-fluid bsb-scale bsb-hover-scale-up" loading="lazy" src="./assets/img/blog/blog-image-4.jpg" alt="Rear Bike Seat">
                  </a>
                  <figcaption>
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-eye text-white bsb-hover-fadeInLeft" viewBox="0 0 16 16">
                      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
                      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
                    </svg>
                    <h4 class="h6 text-white bsb-hover-fadeInRight mt-2">Read More</h4>
                  </figcaption>
                </figure>
                <div class="card-body border-0 bg-white p-4">
                  <div class="entry-header mb-3">
                    <ul class="entry-meta list-unstyled d-flex mb-2">
                      <li>
                        <a class="link-dark link-opacity-75 link-opacity-100-hover text-decoration-none" href="#!">
                          <span class="fs-7">29 Sep 2024</span>
                        </a>
                      </li>
                    </ul>
                    <h2 class="card-title entry-title h4 mb-0">
                      <a class="link-dark link-opacity-100 link-opacity-75-hover text-decoration-none" href="#!">Which Brand of Front or Rear Bike Seat is the Most Durable</a>
                    </h2>
                  </div>
                  <p class="card-text entry-summary text-secondary m-0 p-0">
                    As summer approaches, so do family outings. The warmth, sunshine and long days are perfect for exploring on two wheels.
                  </p>
                </div>
              </div>
            </article>
          </div>
        </div>
      </div>
    </div>

  </main>

  <!-- Footer 1 Pro - Bootstrap Brain Component -->
  <footer class="footer pt-3 pt-md-5 pt-xl-6">

    <!-- Widgets - Bootstrap Brain Component -->
    <section class="py-4 py-md-5">
      <div class="container overflow-hidden">
        <div class="row">
          <div class="col-12">
            <div class="container-fluid">
              <div class="row">
                <div class="col-xs-12 col-lg-4 border border-dark">
                  <div class="widget p-3 p-md-4 p-xxl-5">
                    <h4 class="widget-title mb-4">Get in Touch</h4>
                    <address class="mb-4">8014 Edith Blvd NE, Albuquerque, New York, United States</address>
                    <p class="mb-1">
                      <a class="link-dark link-offset-1 link-opacity-75 link-opacity-100-hover link-underline-opacity-0 link-underline-opacity-100-hover" href="tel:+15057922430">(505) 792-2430</a>
                    </p>
                    <p class="mb-0">
                      <a class="link-dark link-offset-1 link-opacity-75 link-opacity-100-hover link-underline-opacity-0 link-underline-opacity-100-hover" href="#">admin@domain.com</a>
                    </p>
                  </div>
                </div>

                <div class="col-xs-12 col-lg-4 border border-dark border-top-0 border-start-lg-0 border-top-lg border-lg-dark">
                  <div class="widget p-3 p-md-4 p-xxl-5">
                    <h4 class="widget-title mb-4">Services</h4>
                    <ul class="list-unstyled m-0 p-0">
                      <li class="mb-2">
                        <a href="#!" class="link-dark link-offset-1 link-opacity-75-hover link-underline-opacity-0 link-underline-opacity-100-hover">Brake Repair</a>
                      </li>
                      <li class="mb-2">
                        <a href="#!" class="link-dark link-offset-1 link-opacity-75-hover link-underline-opacity-0 link-underline-opacity-100-hover">Tire Balance</a>
                      </li>
                      <li class="mb-2">
                        <a href="#!" class="link-dark link-offset-1 link-opacity-75-hover link-underline-opacity-0 link-underline-opacity-100-hover">Oil Change</a>
                      </li>
                      <li class="mb-2">
                        <a href="#!" class="link-dark link-offset-1 link-opacity-75-hover link-underline-opacity-0 link-underline-opacity-100-hover">Car Wash</a>
                      </li>
                      <li class="mb-0">
                        <a href="#!" class="link-dark link-offset-1 link-opacity-75-hover link-underline-opacity-0 link-underline-opacity-100-hover">Engine Repair</a>
                      </li>
                    </ul>
                  </div>
                </div>

                <div class="col-xs-12 col-lg-4 border border-dark border-top-0 border-start-lg-0 border-top-lg border-lg-dark">
                  <div class="widget p-3 p-md-4 p-xxl-5">
                    <h4 class="widget-title mb-4">Opening Hours</h4>
                    <p class="mb-4">We always aim to provide a welcoming environment to deliver exceptional service.</p>
                    <div>
                      <div class="row mb-1">
                        <div class="col-5 col-xl-4">
                          <span class="fw-bold">Mon - Fri:</span>
                        </div>
                        <div class="col-7 col-xl-8">
                          <span class="text-secondary">9am - 5pm</span>
                        </div>
                      </div>
                      <div class="row mb-1">
                        <div class="col-5 col-xl-4">
                          <span class="fw-bold">Sat:</span>
                        </div>
                        <div class="col-7 col-xl-8">
                          <span class="text-secondary">9am - 2pm</span>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-5 col-xl-4">
                          <span class="fw-bold">Sun:</span>
                        </div>
                        <div class="col-7 col-xl-8">
                          <span class="text-secondary">We're Closed</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Colophon - Bootstrap Brain Component -->
    <div class="pb-4 pb-md-5">
      <div class="container overflow-hidden">
        <div class="row">
          <div class="col">
            <div class="container-fluid border border-dark">
              <div class="row gy-4 gy-lg-0 p-3 p-md-4 p-xxl-5 align-items-md-center">
                <div class="col-xs-12 col-sm-6 col-lg-4 order-0 order-lg-0">
                  <div class="footer-logo-wrapper text-center text-sm-start">
                    <a href="#!">
                      <img src="./assets/img/branding/presta-logo.svg" alt="Presta Logo" class="bsb-tpl-logo-footer">
                    </a>
                  </div>
                </div>

                <div class="col-xs-12 col-lg-4 order-2 order-lg-1">
                  <div class="colophon-wrapper">
                    <div class="footer-copyright-wrapper text-center">
                      &copy; All Rights Reserved.
                    </div>
                    <div class="credits text-secondary text-center mt-2 fs-8">
                      <a target="_blank" href="http://www.mobanwang.com/" title="网页模板" class="link-secondary text-decoration-none">网页模板</a>
                    </div>
                  </div>
                </div>

                <div class="col-xs-12 col-sm-6 col-lg-4 order-1 order-lg-2">
                  <div class="social-media-wrapper">
                    <ul class="list-unstyled m-0 p-0 d-flex justify-content-center justify-content-sm-end">
                      <li class="me-3">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                            <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
                          </svg>
                        </a>
                      </li>
                      <li class="me-3">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
                            <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
                          </svg>
                        </a>
                      </li>
                      <li class="me-3">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                            <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
                          </svg>
                        </a>
                      </li>
                      <li class="">
                        <a href="#!" class="link-dark link-opacity-75-hover">
                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                            <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
                          </svg>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </footer>

  <!-- 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:'88a37530bbe7948d',t:'MTcxNjc4NjE5OS4yOTAwMDA='};_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>