### Start Development Server

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/README.md

Starts the development server using npm or Yarn. This command typically launches a local server with features like live reloading and hot-swapping via Browsersync, allowing you to preview changes instantly.

```bash
# npm
npm run serve

# yarn
yarn serve
```

--------------------------------

### Install Gulp CLI

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/README.md

Installs the Gulp command-line interface globally. This command is essential for managing build processes and automating development tasks within the project.

```bash
npm install --global gulp-cli
```

--------------------------------

### Install Project Dependencies

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/README.md

Installs all local dependencies listed in the package.json file. It supports both npm and Yarn, with Yarn being the recommended option for dependency management.

```bash
# For npm
npm install --legacy-peer-deps

# For Yarn
yarn
```

--------------------------------

### Input Group Examples

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/forms-input-groups.html

Demonstrates various configurations of Bootstrap's input groups, including basic text addons, URL inputs, price inputs, textareas, and multiple input elements within a single group.

```html
<div class="mb-3">
  <label class="form-label" for="basic-addon-basic">Basic Input</label>
  <div class="input-group input-group-merge">
    <span class="input-group-text" id="basic-addon-basic">@</span>
    <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon-basic" />
  </div>
</div>

<div class="mb-3">
  <label class="form-label" for="basic-addon-email">Email</label>
  <div class="input-group input-group-merge">
    <input type="text" id="basic-addon-email" class="form-control" placeholder="example.com" aria-label="example.com" aria-describedby="basic-addon-email" />
    <span class="input-group-text">@example.com</span>
  </div>
</div>

<div class="mb-3">
  <label class="form-label" for="basic-url">URL</label>
  <div class="input-group input-group-merge">
    <span class="input-group-text">https://</span>
    <input type="text" id="basic-url" class="form-control" placeholder="example.com" />
  </div>
</div>

<div class="mb-3">
  <label class="form-label" for="basic-addon-price">Price</label>
  <div class="input-group input-group-merge">
    <span class="input-group-text">$</span>
    <input type="text" id="basic-addon-price" class="form-control" placeholder="0.00" />
    <span class="input-group-text">.00</span>
  </div>
</div>

<div class="mb-3">
  <label class="form-label" for="basic-addon-textarea">With textarea</label>
  <div class="input-group input-group-merge">
    <span class="input-group-text">With textarea</span>
    <textarea class="form-control" aria-label="With textarea"></textarea>
  </div>
</div>
```

--------------------------------

### Tables Navigation

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/extended-ui-text-divider.html

Outlines navigation to table examples, including basic tables and advanced DataTables. Some advanced features might be marked as 'Pro'.

```HTML
<a href="tables-basic.html">Tables</a>
<a href="https://demos.themeselection.com/sneat-bootstrap-html-admin-template/html/vertical-menu-template/tables-datatables-basic.html">Datatables</a>
```

--------------------------------

### Bootstrap Modals - Fullscreen Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-modals.html

Illustrates a Bootstrap modal that displays in fullscreen mode, initiated by a launch button. This modal includes standard input fields for Name, Email, and DOB.

```html
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalFullscreen">
  Launch modal
</button>

<div class="modal modal-fullscreen" id="modalFullscreen" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalFullscreenTitle">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col mb-3">
            <label for="modalFullscreenFirstName" class="form-label">Name</label>
            <input type="text" id="modalFullscreenFirstName" class="form-control" placeholder="Enter Name">
          </div>
        </div>
        <div class="row">
          <div class="col mb-3">
            <label for="modalFullscreenEmail" class="form-label">Email</label>
            <input type="email" id="modalFullscreenEmail" class="form-control" placeholder="Enter Email">
          </div>
        </div>
        <div class="row">
          <div class="col mb-3">
            <label for="modalFullscreenDOB" class="form-label">DOB</label>
            <input type="date" id="modalFullscreenDOB" class="form-control" placeholder="YYYY-MM-DD">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
          Close
        </button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
```

--------------------------------

### Bootstrap Carousel Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-carousel.html

Demonstrates the basic implementation of a Bootstrap carousel component with navigation controls and slide indicators. Includes HTML structure for slides and JavaScript for carousel functionality.

```html
<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="../assets/img/elements/3.png" alt="First slide">
      <div class="carousel-caption d-none d-md-block">
        <h3>First slide</h3>
        <p>Eos mutat malis maluisset et, agam ancillae quo te, in vim congue pertinacia.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="../assets/img/elements/4.png" alt="Second slide">
      <div class="carousel-caption d-none d-md-block">
        <h3>Second slide</h3>
        <p>In numquam omittam sea.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="../assets/img/elements/5.png" alt="Third slide">
      <div class="carousel-caption d-none d-md-block">
        <h3>Third slide</h3>
        <p>Lorem ipsum dolor sit amet, virtute consequat ea qui, minim graeco mel no.</p>
      </div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExample" role="button" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExample" role="button" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </a>
</div>
```

```javascript
var myCarousel = document.getElementById('carouselExample');
var carousel = new bootstrap.Carousel(myCarousel, {
  interval: 2000,
  wrap: false
});
```

--------------------------------

### Basic Form Layout Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/form-layouts-vertical.html

Demonstrates a basic form layout with standard input fields for Full Name, Company, Email, and Phone Number, along with a message textarea and a submit button.

```html
<form>
  <div class="mb-3">
    <label class="form-label" for="basic-default-fullname">Full Name</label>
    <input type="text" class="form-control" id="basic-default-fullname" placeholder="John Doe" />
  </div>
  <div class="mb-3">
    <label class="form-label" for="basic-default-company">Company</label>
    <input type="text" class="form-control" id="basic-default-company" placeholder="ACME Inc." />
  </div>
  <div class="mb-3">
    <label class="form-label" for="basic-default-email">Email</label>
    <input type="text" class="form-control" id="basic-default-email" placeholder="john.doe@example.com" />
    <small class="form-text">You can use letters, numbers & periods</small>
  </div>
  <div class="mb-3">
    <label class="form-label" for="basic-default-phone">Phone No</label>
    <input type="text" class="form-control" id="basic-default-phone" placeholder="+1 (123) 456-7890" />
  </div>
  <div class="mb-3">
    <label class="form-label" for="basic-default-textarea">Message</label>
    <textarea
      id="basic-default-textarea"
      class="form-control"
      placeholder="Hi, Do you have a moment to talk about our new admin template?"
    ></textarea>
  </div>
  <button type="submit" class="btn btn-primary">Send</button>
</form>
```

--------------------------------

### Bootstrap Modals - Default Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-modals.html

Demonstrates the default Bootstrap modal structure, including a launch button and the modal content with input fields for Name, Email, and DOB, along with Close and Save changes buttons.

```html
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalCenter">
  Launch modal
</button>

<div class="modal fade" id="modalCenter" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalCenterTitle">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col mb-3">
            <label for="modalEditUserFirstName" class="form-label">Name</label>
            <input type="text" id="modalEditUserFirstName" class="form-control" placeholder="Enter Name">
          </div>
        </div>
        <div class="row">
          <div class="col mb-3">
            <label for="modalEditUserEmail" class="form-label">Email</label>
            <input type="email" id="modalEditUserEmail" class="form-control" placeholder="Enter Email">
          </div>
        </div>
        <div class="row">
          <div class="col mb-3">
            <label for="modalEditUserDOB" class="form-label">DOB</label>
            <input type="date" id="modalEditUserDOB" class="form-control" placeholder="YYYY-MM-DD">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
          Close
        </button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
```

--------------------------------

### Bootstrap Modals - YouTube Video Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-modals.html

Shows how to embed a YouTube video within a Bootstrap modal, triggered by a launch button. This example focuses on the modal structure for media playback.

```html
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalVideo">
  Launch modal
</button>

<div class="modal fade" id="modalVideo" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="modalVideoTitle">YouTube Video</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="ratio ratio-16x9">
          <iframe width="560" height="315" src="https://www.youtube.com/embed/your_video_id" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </div>
</div>
```

--------------------------------

### Misc & Support Navigation

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/pages-account-settings-connections.html

Links to miscellaneous sections like Support and the main project Documentation.

```html
*   [ Misc ]
*   [ Support ](https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/issues)
*   [ Documentation ](https://demos.themeselection.com/sneat-bootstrap-html-admin-template/documentation/)
```

--------------------------------

### Account Settings Navigation

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/pages-account-settings-connections.html

Links to different account settings pages: Account, Notifications, and Connections.

```html
*   [ Account ](pages-account-settings-account.html)
    *   [ Notifications ](pages-account-settings-notifications.html)
    *   [ Connections ](javascript:void(0);)
```

--------------------------------

### Run Build Task

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/README.md

Generates a production-ready build of the project. This command compiles and optimizes assets for deployment. The environment can be specified using the --env flag.

```bash
# To generate a build run `npm run build`.
# Run a task with the specified environment (development/production) just execute the task with the --env={environment} option, i.e. `npm run build --env=production`.
```

--------------------------------

### Project Links

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/extended-ui-text-divider.html

Includes essential project-related links such as GitHub issues for support, official documentation, and links to the template's license and author's website.

```HTML
<a href="https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/issues">Support</a>
<a href="https://demos.themeselection.com/sneat-bootstrap-html-admin-template/documentation/">Documentation</a>
<a href="https://themeselection.com/license/">License</a>
```

--------------------------------

### Bootstrap Button Plugin: Toggle States

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-buttons.html

Demonstrates the use of Bootstrap's JavaScript plugin for creating toggleable buttons. Includes examples for single toggle buttons and checkbox/radio-style toggles.

```HTML
<button type="button" class="btn btn-primary" data-bs-toggle="button" autocomplete="off">Toggle button</button>
<button type="button" class="btn btn-primary active" data-bs-toggle="button" autocomplete="off">
  Active toggle button
</button>
<button type="button" class="btn btn-primary" disabled autocomplete="off">
  Disabled toggle button
</button>

<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked>
  <label class="form-check-label" for="inlineCheckbox1">Checkbox1 ( pre-checked )</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
  <label class="form-check-label" for="inlineCheckbox2">Checkbox2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" disabled>
  <label class="form-check-label" for="inlineCheckbox3">Checkbox3</label>
</div>

<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked>
  <label class="form-check-label" for="inlineRadio1">Radio 1</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
  <label class="form-check-label" for="inlineRadio2">Radio 2</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
  <label class="form-check-label" for="inlineRadio3">Radio 3</label>
</div>
```

--------------------------------

### Split Dropdowns

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-dropdowns.html

Showcases split dropdowns, which feature a dropdown button alongside a separate toggle button. This allows for distinct actions. Examples include color variations for the primary button.

```html
<!-- Primary Split Dropdown -->
<div class="btn-group">
  <button type="button" class="btn btn-primary">Primary Toggle Dropdown</button>
  <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li>
  </ul>
</div>

<!-- Secondary Split Dropdown -->
<div class="btn-group">
  <button type="button" class="btn btn-secondary">Secondary Toggle Dropdown</button>
  <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li>
  </ul>
</div>

<!-- Success Split Dropdown -->
<div class="btn-group">
  <button type="button" class="btn btn-success">Success Toggle Dropdown</button>
  <button type="button" class="btn btn-success dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li>
  </ul>
</div>

<!-- Danger Split Dropdown -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Danger Toggle Dropdown</button>
  <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li>
  </ul>
</div>

<!-- Warning Split Dropdown -->
<div class="btn-group">
  <button type="button" class="btn btn-warning">Warning Toggle Dropdown</button>
  <button type="button" class="btn btn-warning dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li>
  </ul>
</div>

<!-- Info Split Dropdown -->
<div class="btn-group">
  <button type="button" class="btn btn-info">Info Toggle Dropdown</button>
  <button type="button" class="btn btn-info dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
    <span class="visually-hidden">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li>
  </ul>
</div>
```

--------------------------------

### Useful Links

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/README.md

A curated list of useful links related to Vue, Bootstrap, freebies, and other resources provided by ThemeSelection.

```markdown
## Useful Links 🎁

- [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)
- [Freebies](https://themeselection.com/item/category/freebies/)
- [Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/)
- [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
- [FlyonUI](https://flyonui.com/)
- [JetShip](https://demos.themeselection.com/jetship-laravel-starter-kit/)
```

--------------------------------

### Merged Input Group Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/forms-input-groups.html

Illustrates a merged input group where elements are combined without visible spacing, typically used for a cleaner visual presentation of related input fields.

```html
<div class="mb-3">
  <label class="form-label" for="basic-addon-merged">Merged Input</label>
  <div class="input-group input-group-merge">
    <span class="input-group-text">@</span>
    <input type="text" id="basic-addon-merged" class="form-control" placeholder="example.com" />
    <span class="input-group-text">.00</span>
  </div>
</div>
```

--------------------------------

### User Profile Navigation

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/pages-account-settings-connections.html

Navigation links for user-specific actions like My Profile, Settings, Billing Plan, and Log Out.

```html
*   [ My Profile ](#)
    *   [ Settings ](#)
    *   [ Billing Plan 4 ](#)
    *   [ Log Out ](javascript:void(0);)
```

--------------------------------

### Bootstrap Crossfade Carousel Example

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/ui-carousel.html

Illustrates a Bootstrap carousel with a crossfade transition effect, suitable for showcasing content with smoother visual changes between slides. Includes HTML structure and JavaScript initialization.

```html
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="../assets/img/elements/7.png" alt="First slide">
      <div class="carousel-caption d-none d-md-block">
        <h3>First slide</h3>
        <p>Eos mutat malis maluisset et, agam ancillae quo te, in vim congue pertinacia.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="../assets/img/elements/8.png" alt="Second slide">
      <div class="carousel-caption d-none d-md-block">
        <h3>Second slide</h3>
        <p>In numquam omittam sea.</p>
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="../assets/img/elements/10.png" alt="Third slide">
      <div class="carousel-caption d-none d-md-block">
        <h3>Third slide</h3>
        <p>Lorem ipsum dolor sit amet, virtute consequat ea qui, minim graeco mel no.</p>
      </div>
    </div>
  </div>
  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
```

```javascript
var myCarouselDark = document.getElementById('carouselExampleDark');
var carouselDark = new bootstrap.Carousel(myCarouselDark, {
  interval: 3000,
  pause: 'hover',
  ride: 'carousel'
});
```

--------------------------------

### Footer Links

Source: https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/blob/main/html/pages-account-settings-connections.html

Standard footer links including copyright, developer attribution, and links to categories, license, and support.

```html
© document.write(new Date().getFullYear()), made with ❤️ by [ThemeSelection](https://themeselection.com)

[Admin Templates](https://themeselection.com/item/category/admin-templates/) [License](https://themeselection.com/license/) [Bootstrap Dashboard](https://themeselection.com/item/category/bootstrap-admin-templates/) [Documentation](https://demos.themeselection.com/sneat-bootstrap-html-admin-template/documentation/) [Support](https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/issues)

[Upgrade to Pro](https://themeselection.com/item/sneat-dashboard-pro-bootstrap/)
```