An open API service indexing awesome lists of open source software.

https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio

GypsyShards : Series of Free Bootstrap 5.3.3 Responsive Themes of Link in Bio Templates. You like the Repo? Don't forget to 🌟, 👁️, 🔱 and ❤️!
https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio

bootstrap bootstrap-template bootstrap-theme bootstrap5 css gypsyshards html html-css-javascript javascript link-in-bio link-in-bio-template linkinbio linkinbio-alternative linkinbio-template responsive-design responsive-template responsive-website template thenocturnaldevgypsy thenocturnaldevgypsy-io

Last synced: about 1 month ago
JSON representation

GypsyShards : Series of Free Bootstrap 5.3.3 Responsive Themes of Link in Bio Templates. You like the Repo? Don't forget to 🌟, 👁️, 🔱 and ❤️!

Awesome Lists containing this project

README

        

GypsyShards


Series of Free Bootstrap 5.3.3 Themes of Link in Bio Templates


You like the Repo? Don't forget to 🌟, 👁️, 🔱 and ❤️!



Purpose-PLAYGROUND
Version 2.1.5
Lang-HTML|CSS|JavaScript
Framework-Bootstrap 5.3.3
Database-None
Contribute-OPEN
License MIT
Last Update 12.03.2025
Support me via Ko-Fi
Sponsor me at GitHub

## ![SECTION About this Repository](https://custom-icon-badges.demolab.com/badge/-About%20this%20Repository-2471AE?logo=repo&logoColor=white&labelColor=2471AE)

`GypsyShards` is one of my active personal project for refreshing my skills with the latest Bootstrap's release (5.3.3), focusing with creating several Responsive (`mobile`, `tablet` and `desktop`) Themes of Link in Bio Templates.

![SUBSECTION Live URLs](https://custom-icon-badges.demolab.com/badge/-Live%20URLs-24292e?logo=globe&logoColor=white&labelColor=00416a)

- Via Vercel : https://gypsyshards.vercel.app/

## ![SECTION Build With ❤️ and ...](https://custom-icon-badges.demolab.com/badge/-Build%20With%20❤️%20and%20...-2471AE?logo=tools&logoColor=white&labelColor=2471AE)

**IDE and OS**
```
Version: 1.93.1 (user setup)
Commit: 38c31bc77e0dd6ae88a4e9cc93428cc27a56ba40
Date: 2024-09-11T17:20:05.685Z
Electron: 30.4.0
ElectronBuildId: 10073054
Chromium: 124.0.6367.243
Node.js: 20.15.1
V8: 12.4.254.20-electron.0
OS: Windows_NT x64 10.0.19045
```
**Web Server and Database**
```
MAMP by MAMP GmbH
Version: 5.0.6 (7029)
x64 binaries release

PHP version: 8.3.1
Database client version: libmysql - mysqlnd 8.3.1
phpMyAdmin Version information: 5.1.2
```
**Framework and Tools**
```
- CSS Framework: Bootstrap 5.3.3
- Icons: Bootstrap Icons 1.11.3 and Lineicons 4.0 (Basic, Free)
- Font: Ubuntu from Google Fonts
```

## ![SECTION Folders and Files Structure](https://custom-icon-badges.demolab.com/badge/-Folders%20and%20Files%20Structure-2471AE?logo=file-submodule&logoColor=white&labelColor=2471AE)

At the moment, the repository contains the following structure, where:
```
project-root/
├─ assets/ # assets folder for images, css, js and other libraries
│ ├─ img/ # main directory for storing image files
│ │ └─ favicons/ # favicons for the app
│ ├─ css/ # main directory for storing css files
│ ├─ js/ # main directory for storing js files
│ └─ vendor/ # main directory for the libraries used from vendors
├─ md_assets/ # assets folder for markdown files (documentation)
├─ .gitignore # files ignored by Git
├─ THEME-001.md # THEME 001 documentation
├─ THEME-002.md # THEME 002 documentation
├─ CONTRIBUTING.md # contribution protocol documentation
├─ CHANGELOG.md # project changelog documentation
├─ index.html # Main page to browse the templates with screenshots
├─ README.md # project documentation
└─ LICENSE # license file
```
Filename format for each themes:
| Details | Filename Format |
| ------------- | ------------- |
| theme page filename format | `theme-xxx(theme_number)-yyy(variant)-zzz(page_number).html` |
| theme page filename format | `theme-xxx(theme_number).md` |
| theme "base" page's screenshot filename format | `md_assets/theme-xxx(theme_number).jpg` |
| theme page's screenshot filename format | `assets/img/src-xxx(theme_number)-yyy(variant).jpg` |
| main CSS for the theme page filename format | `assets/css/style-xxx(theme_number)-yyy(variant).css` |
| main JS for the theme page filename format | `assets/js/core-xxx(theme_number)-yyy(variant).css` |

## ![SECTION Contents and Breakdown](https://custom-icon-badges.demolab.com/badge/-Contents%20and%20Breakdown-2471AE?logo=book&logoColor=white&labelColor=2471AE)
| Theme | # of Variants | Description |
| ------------- | ------------- | ------------- |
| [002](theme-002.md) | 005 | Body Background, Half-Image/Half-Solid Color Container Background, Circle Profile Picture, H1 Header, P Description and Footer, 4 Quick Social Media Links, 4 Link Buttons (1 Shakes every 6 seconds) with H2 Title, SPAN Description and Border Lines on Mouse Hover. |
| [001](theme-001.md) | 006 | Body Background, Container Background, Circle Profile Picture, H1 Header, P Description and Footer, 4 Quick Social Media Links, 4 Link Buttons (1 Shakes every 6 seconds). |
| index.html | 001 | Main Page/Home Page of the Project, allows users to browse the available templates. |

## ![SECTION Roadmap](https://custom-icon-badges.demolab.com/badge/-Roadmap-2471AE?logo=tasklist&logoColor=white&labelColor=2471AE)
See the [open issues](https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio/issues) and [backlog](https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio/milestones) for the list of proposed features (and known issues).

## ![SECTION Changelog](https://custom-icon-badges.demolab.com/badge/-Changelog-2471AE?logo=log&logoColor=white&labelColor=2471AE)

Below is the latest updates, go to the [Changelog Listing](CHANGELOG.md) for the complete information.

| Version | Date | Commit/Issue/PR | Type | Description |
| ------------- | ------------- | ------------- | ------------- | ------------- |
| 2.1.5 | 12.03.2025 | [I#7](https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio/issues/7), [PR#8](https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio/pull/8) | chore, docs. refactor | - Updated the labels and milestones in this repo, reassigned labels to previous and current issues and PRs
- Updated MD files dead/404 URLs |

## ![SECTION Contribute](https://custom-icon-badges.demolab.com/badge/-Contribute-2471AE?logo=code-of-conduct&logoColor=white&labelColor=2471AE)
Want to contribute? Great! Contributions welcome, but please read the [contribution guidelines](CONTRIBUTING.md) first on how to contribute to the project, including pull request guidelines and community contributions.

## ![SECTION Forking the Repo](https://custom-icon-badges.demolab.com/badge/-Forking%20the%20Repo-2471AE?logo=repo-forked&logoColor=white&labelColor=2471AE)

If you'd like to use this repo for your own project, I would like to ask a favor from you:
- Please do 🌟 and 👁️ this repo (or, maybe ❤️ by buying me a ☕ at **Ko-Fi** or sponsoring me here at **GitHub**? :smiling_face_with_tear:).
- Click `Fork` at the top of this page.
- Please be mindful of the [LICENSE](LICENSE.md) applicable

## ![SECTION License](https://custom-icon-badges.demolab.com/badge/-License-2471AE?logo=file-badge&logoColor=white&labelColor=2471AE)
Distributed under the MIT License by [Abegail Torrendon / thenocturnaldevgypsy](https://github.com/thenocturnaldevgypsy).
- You can freely modify and reuse.
- The original [LICENSE](LICENSE.md) must be included with copies of this software.
- Please link back (if you can fork, the better) to this repo.

## ![SECTION Get in Touch](https://custom-icon-badges.demolab.com/badge/-Get%20in%20Touch-2471AE?logo=pencil&logoColor=white&labelColor=2471AE)
I'd love to hear your thoughts on the project and get your suggestions. Feel free to [create new issue](https://github.com/thenocturnaldevgypsy/gypsyshards-bootstrap-template-linkinbio/issues/new) on this repo or you can also contact me by [creating a new discussion](https://github.com/thenocturnaldevgypsy/thenocturnaldevgypsy/discussions/new?category=ask-me-anything-ama-and-q-a) at **💬 Ask Me Anything! (AMA and Q&A)** category under my GitHub Profile Repo's Discussions.