https://github.com/yaserdemet/carousel-bs-project
https://github.com/yaserdemet/carousel-bs-project
bootstrap bootstrap-theme carousel-slider
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/yaserdemet/carousel-bs-project
- Owner: yaserdemet
- Created: 2022-06-02T21:32:48.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-16T12:12:23.000Z (almost 4 years ago)
- Last Synced: 2025-01-30T14:40:52.369Z (over 1 year ago)
- Topics: bootstrap, bootstrap-theme, carousel-slider
- Language: HTML
- Homepage:
- Size: 4.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[👉check page here](https://yaserdemet.github.io/carousel-bs-project/)
## Description
Project aims to create website within bootstrap .
## Project Skeleton
```
carousel-bs-project (folder)
|
|----css
|----app.css
|----img
|----thumbnail
|----lib/fslightbox-basic-3.3.1
|----README.md
|----LICENSE
|----package.json
|----fslightbox.js
|----index.html
```
### At the end of the project, following topics are to be covered;
- Bootstrap inputs
- Bootstrap form elements
- Bootstrap carousel effect
- Map inside website
- Using a library in project
### At the end of the project, i will be able to;
- improve coding skills within HTML & CSS & CSS PROCESSORS WHICH IS BOOTSTRAP
- use git commands (push, pull, commit, add etc.) and Github as Version Control System.
- deploy with netlify.
# Fullscreen Lightbox Basic
## Description
Modern and easy plugin for displaying images and videos in clean overlaying box.
Display single source or create beautiful gallery with powerful lightbox.
Website: https://fslightbox.com
### No jQuery and other dependencies.
## Basic usage
### Installation
```
npm install fslightbox
```
### Example
In your application .js file:
```javascript
require('fslightbox');
```
In HTML file
```html
Open first slide (image)
Open second slide (YouTube)
Open third slide (HTML video)
Open fourth slide (custom source)
```
## Demo
Available at: https://fslightbox.com/javascript
## Documentation
Available at: https://fslightbox.com/javascript/documentation
## Browser Compatibility
| Browser | Works? |
| --- | --- |
| Chrome | Yes |
| Firefox | Yes |
| Opera | Yes |
| Safari | Yes |
| Edge | Yes |
| IE 11 | Yes |
