Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alsafady/bootstrap_subtheme
This Theme Work in Drupal 8 & Based on Bootstrap v3 , RTL & LTR.
https://github.com/alsafady/bootstrap_subtheme
bootstrap drupal drupal8 subtheme theme
Last synced: about 2 months ago
JSON representation
This Theme Work in Drupal 8 & Based on Bootstrap v3 , RTL & LTR.
- Host: GitHub
- URL: https://github.com/alsafady/bootstrap_subtheme
- Owner: Alsafady
- Created: 2019-02-28T11:10:50.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-02-06T20:21:57.000Z (almost 4 years ago)
- Last Synced: 2024-11-08T00:06:36.032Z (about 2 months ago)
- Topics: bootstrap, drupal, drupal8, subtheme, theme
- Language: HTML
- Homepage:
- Size: 98.6 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Drupal 8 bootstrap subtheme**
## Git Clone
In Your theme Folder
```text
git clone https://github.com/Alsafady/bootstrap_subtheme.git
```
## Features:
- RTL bootstrap full Support `bootstrap v3.3.7`.
- RTL Or LTR Custom css files `css\custom_rtl.css` + `css\custom_ltr.css`.
- CDN Arabic Fonts by google webfonts & fontface.me `css\fonts.css`
- CDN most popularity English Fonts. Also in `css\fonts.css`
- Css Custom for Common Drupal Elements & Bootstrap `css\style.css`.
- Links to chose your css Colors . in the header of `css\style.css`.
- CDN WOW js & Animate css Included.
- CDN Fontawesome Included.
- Contain views twig & views with machine name & page Display `views-view.html.twig` + `views-view--latest_news--page.html.twig`.
- Navbar Transition is ready.
- Slider region in frontpage is ready.
- Div With background Image ready.
- backtotop arrow ready.
## Used Libraries:
- https://cdn.rtlcss.com/bootstrap/3.3.7/css/bootstrap.min.css
- https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css
- https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js
- https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css
- https://use.fontawesome.com/releases/v5.7.2/css/all.css
```text
drupal8_bootstrap_subtheme
├── css/
│ ├── custom_ltr.css
│ ├── custom_rtl.css
│ ├── fonts.css
│ └── style.css
└── js/
└── custom.js
├── views-view.html.twig
├── html.html.twig
├── drupal8_bootstrap_subtheme.theme
├── drupal8_bootstrap_subtheme.libraries.yml
└── drupal8_bootstrap_subtheme.info.yml
```
All animate classes That You Can use it:
- bounce
- flash
- pulse
- rubberBand
- shake
- headShake
- swing
- tada
- wobble
- jello
- bounceIn
- bounceInDown
- bounceInLeft
- bounceInRight
- bounceInUp
- bounceOut
- bounceOutDown
- bounceOutLeft
- bounceOutRight
- bounceOutUp
- fadeIn
- fadeInDown
- fadeInDownBig
- fadeInLeft
- fadeInLeftBig
- fadeInRight
- fadeInRightBig
- fadeInUp
- fadeInUpBig
- fadeOut
- fadeOutDown
- fadeOutDownBig
- fadeOutLeft
- fadeOutLeftBig
- fadeOutRight
- fadeOutRightBig
- fadeOutUp
- fadeOutUpBig
- flipInX
- flipInY
- flipOutX
- flipOutY
- lightSpeedIn
- lightSpeedOut
- rotateIn
- rotateInDownLeft
- rotateInDownRight
- rotateInUpLeft
- rotateInUpRight
- rotateOut
- rotateOutDownLeft
- rotateOutDownRight
- rotateOutUpLeft
- rotateOutUpRight
- hinge
- jackInTheBox
- rollIn
- rollOut
- zoomIn
- zoomInDown
- zoomInLeft
- zoomInRight
- zoomInUp
- zoomOut
- zoomOutDown
- zoomOutLeft
- zoomOutRight
- zoomOutUp
- slideInDown
- slideInLeft
- slideInRight
- slideInUp
- slideOutDown
- slideOutLeft
- slideOutRight
- slideOutUp
- heartBeat
you can add also:
```css
.yourElement {
animation-duration: 3s;
animation-delay: 2s;
animation-iteration-count: infinite;
}
```
Or by
```html
```
Or added it to element in custom.js file
```js
animateCSS('.your-element', 'bounce')
// or
animateCSS('.your-element', 'bounce', function() {
// Do something after animation
})
```
Enjoy!