itbruno / Incontent
Licence: mit
Image content with description building with CSS3 and SASS/LESS.
Stars: ✭ 58
Labels
Projects that are alternatives of or similar to Incontent
Jekyll Uno Timeline
A Jekyll Theme, based on the Uno-Theme with some adjustments.
Stars: ✭ 51 (-12.07%)
Mutual labels: scss
React Frontend Dev Portfolio
Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
Stars: ✭ 55 (-5.17%)
Mutual labels: scss
Guide 3ds
A complete guide to 3DS custom firmware, from stock to boot9strap.
Stars: ✭ 1,055 (+1718.97%)
Mutual labels: scss
Genesis Starter Theme
This repo is no longer maintained. The starter theme can now be found at:
Stars: ✭ 57 (-1.72%)
Mutual labels: scss
Root Bootstrap 4 Admin Template With Angularjs Angular 2 Support
Root is Boostrap 4 Admin Template with Angular 2 and AngularJS support
Stars: ✭ 54 (-6.9%)
Mutual labels: scss
Jekyll Yamt
YAMT is a minimal Jekyll theme focused on simplicity and ease-of-use.
Stars: ✭ 55 (-5.17%)
Mutual labels: scss
Xp.css
A CSS framework for building faithful recreations of operating system GUIs.
Stars: ✭ 1,061 (+1729.31%)
Mutual labels: scss
Sassyfication
💅Library with sass mixins to speed up your css workflow.
Stars: ✭ 51 (-12.07%)
Mutual labels: scss
Zeva
a modern and minimalist ui framework for building responsive and modern frontends
Stars: ✭ 57 (-1.72%)
Mutual labels: scss
Minimal Mistakes
📐 Jekyll theme for building a personal site, blog, project documentation, or portfolio.
Stars: ✭ 8,967 (+15360.34%)
Mutual labels: scss
Openshift Origin Design
Design repository for all things OpenShift
Stars: ✭ 58 (+0%)
Mutual labels: scss
Covalent Code Editor Nightly
Nightly builds of https://github.com/teradata/covalent code-editor module
Stars: ✭ 57 (-1.72%)
Mutual labels: scss
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: ✭ 54 (-6.9%)
Mutual labels: scss
InContent
How To Use
In your HTML document, put the follow code for call the LESS/SASS Compiled:
For SASS compiled:<link rel="stylesheet" href="css/sass-compiled.css" type="text/css" />For LESS compiled:
<link rel="stylesheet" href="css/less-compiled.css" type="text/css" />
Put the code below in your HTML document:
<div class="pic"> <img src="img/01.jpg" class="pic-image" alt="Pic"/> <span class="pic-caption bottom-to-top"> <h1 class="pic-title">Pic Title</h1> <p>Some description or text.</p> </span> </div>
The .bottom-to-top is the class of effect that your choice.
See demo here.
Here is the list of classes and effect that you can use:
| Class | Description |
| .pic-title | Title of the image content |
| .bottom-to-top | Effect bottom to top |
| .top-to-bottom | Effect top to bottom |
| .left-to-right | Effect left to right |
| .right-to-left | Effect right to left |
| .rotate-in | Effect rotate in |
| .rotate-out | Effect rotate out |
| .open-up | Effect open up |
| .open-down | Effect open down |
| .open-left | Effect open left |
| .open-right | Effect open right |
| .come-left | Effect come to left |
| .come-right | Effect come to right |
License
InContent is released under MIT License.Test in your Mobile Device
Use some app for read the QR code and test in your mobile. If you dont have, what do you waiting?! =D
Take a look, its Free - QR Reader: iPhone, Android and Windows Phone.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].