-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit a52f55a
Showing
184 changed files
with
15,278 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
# Folders to ignore | ||
node_modules/* | ||
.gulp-scss-cache/* | ||
.sass-cache/* | ||
|
||
# OS or Editor folders | ||
._* | ||
.cache | ||
.DS_Store | ||
.idea | ||
.project | ||
.settings | ||
.tmproj | ||
*.esproj | ||
*.sublime-project | ||
*.sublime-workspace | ||
nbproject | ||
Thumbs.db | ||
|
||
|
||
# Files | ||
package-lock.json |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,139 @@ | ||
<h3 align="center">Froala Design Blocks</h1> | ||
|
||
<p align="center">Over 170 popular design blocks ready to be used in your next project to create beautiful modern websites. All blocks are based on Bootstrap Library and they adapt based on the screen size. | ||
<p align="center"><a href="https://www.froala.com/design-blocks#playground">Explore Design Blocks »</a></p> | ||
<p align="center"><a href="https://www.froala.com/wysiwyg-editor">WYSIWYG HTML Editor</a> · <a href="https://www.froala.com/pages">Pages</a> · <a href="https://www.froala.com/blog">Blog</a> · <a href="https://github.com/froala/design-blocks/archive/master.zip">Download</a></p> | ||
|
||
## Table of contents [![npm](https://img.shields.io/npm/v/froala-design-blocks.svg)](https://www.npmjs.com/package/froala-design-blocks) [![License: LGPL v2.1](https://img.shields.io/badge/License-LGPL%20v2.1-blue.svg)](https://www.gnu.org/licenses/lgpl-2.1) [![CDNJS](https://img.shields.io/cdnjs/v/froala-design-blocks.svg)](https://cdnjs.com/libraries/froala-design-blocks) [![GitHub tag](https://img.shields.io/github/tag/froala/design-blocks.svg)]() | ||
|
||
- [Quick start](https://github.com/froala/design-blocks#quick-start) | ||
- [What's included?](https://github.com/froala/design-blocks#whats-included) | ||
- [Bugs and feature requests](https://github.com/froala/design-blocks#bugs-and-feature-requests) | ||
- [Dependencies](https://github.com/froala/design-blocks#dependencies) | ||
- [Categories](https://github.com/froala/design-blocks#categories) | ||
- [Browser support](https://github.com/froala/design-blocks#browser-support) | ||
- [Community](https://github.com/froala/design-blocks#community) | ||
- [Development](https://github.com/froala/design-blocks#development) | ||
- [Contributors](https://github.com/froala/design-blocks#contributors) | ||
- [Copyright and license](https://github.com/froala/design-blocks#copyright-and-license) | ||
|
||
|
||
## Quick start | ||
|
||
Several quick start options are available: | ||
|
||
- [Download the latest release.](https://github.com/froala/design-blocks/archive/1.0.0-beta.zip) | ||
- Clone the repo: `git clone https://github.com/froala/design-blocks.git` | ||
- Install with [npm](https://www.npmjs.com/): `npm install froala-design-blocks` | ||
|
||
|
||
|
||
## What's included | ||
|
||
Within the download archive you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this: | ||
|
||
``` | ||
design-blocks/ | ||
├── dist/ | ||
│ ├── css/ | ||
│ │ ├── froala_blocks.css | ||
│ │ └── froala_blocks.min.css | ||
│ └── imgs/ | ||
│ │── call_to_action.html | ||
│ │── contacts.html | ||
│ │── contents.html | ||
│ │── features.html | ||
│ │── footers.html | ||
│ │── forms.html | ||
│ │── headers.html | ||
│ │── index.html | ||
│ │── pricings.html | ||
│ │── teams.html | ||
│ └── testimonials.html | ||
├── psds/ | ||
├── screenshots/ | ||
└── src/ | ||
``` | ||
|
||
We provide compiled CSS (`froala_blocks.css`), as well as compiled and minified CSS (`froala_blocks.min.css`). Also, in the downloaded archive you will find useful images and PSD files that you can use to create new backgrounds. In the `screenhots` folder, there are the screenshots of all design blocks. | ||
|
||
## Bugs and feature requests | ||
|
||
Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/froala/design-blocks/issues/new). | ||
|
||
## Dependencies | ||
|
||
- **Bootstrap**. Froala Design Blocks is built on Bootstrap 4 library and fully supports it. It uses the Javascript files only for the header design blocks, so if you don't need them, we recommend not to include the Bootstrap JS files in order to reduce your bundle size. | ||
|
||
- **Font Awesome**. We're using the amazing Font Awesome library for the social network icons. | ||
|
||
- **Google Fonts**. By default, the Design Blocks toolkit is built using the Roboto font, however that can easily be changed to other fonts. | ||
|
||
|
||
## Categories | ||
|
||
- Call to action - https://github.com/froala/design-blocks/blob/master/dist/call_to_action.html | ||
- Contacts - https://github.com/froala/design-blocks/blob/master/dist/contacts.html | ||
- Contents - https://github.com/froala/design-blocks/blob/master/dist/contents.html | ||
- Features - https://github.com/froala/design-blocks/blob/master/dist/features.html | ||
- Footers - https://github.com/froala/design-blocks/blob/master/dist/footers.html | ||
- Forms - https://github.com/froala/design-blocks/blob/master/dist/forms.html | ||
- Headers - https://github.com/froala/design-blocks/blob/master/dist/headers.html | ||
- Pricings - https://github.com/froala/design-blocks/blob/master/dist/pricings.html | ||
- Teams - https://github.com/froala/design-blocks/blob/master/dist/teams.html | ||
- Testimonials - https://github.com/froala/design-blocks/blob/master/dist/testimonials.html | ||
|
||
|
||
|
||
## Browser Support | ||
|
||
At present, we officially aim to support the last two versions of the following browsers: | ||
|
||
- Chrome | ||
- Edge | ||
- Firefox | ||
- Safari | ||
- Opera | ||
- Internet Explorer 10+ | ||
- Safari iOS | ||
- Chrome, Firefox and Default Browser Android | ||
|
||
|
||
## Community | ||
|
||
Get updates on Froala Design Blocks' development and chat with the project maintainers and community members. | ||
|
||
- Follow [@froala on Twitter](https://twitter.com/froala). | ||
- Read and subscribe to [The Official Froala Blog](https://www.froala.com/blog). | ||
- Check the [Official Website](https://www.froala.com/design-blocks). | ||
|
||
|
||
## Development | ||
|
||
#### Get code | ||
|
||
```bash | ||
git clone [email protected]:froala/design-blocks.git | ||
cd design-blocks | ||
``` | ||
|
||
|
||
|
||
#### Install dependencies and run project | ||
|
||
```bash | ||
npm install | ||
gulp | ||
``` | ||
|
||
## Contributors | ||
|
||
Special thanks to everyone who contributed to getting the Froala Design Blocks to the current state. | ||
|
||
- [ Shourav Chowdhury](https://dribbble.com/shourav_chy01) - source of inspiration for images | ||
|
||
|
||
|
||
## Copyright and license | ||
|
||
Code and documentation copyright 2017 [Froala Labs](https://www.froala.com/). Code released under the [LGPL-2.1 License](https://github.com/froala/design-blocks/blob/master/LICENSE). |
Oops, something went wrong.