Skip to content

Commit a52f55a

Browse files
dianaprajescustefanneculai
authored andcommitted
Froala Design Blocks start.
0 parents  commit a52f55a

File tree

184 files changed

+15278
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

184 files changed

+15278
-0
lines changed

.gitignore

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# Folders to ignore
2+
node_modules/*
3+
.gulp-scss-cache/*
4+
.sass-cache/*
5+
6+
# OS or Editor folders
7+
._*
8+
.cache
9+
.DS_Store
10+
.idea
11+
.project
12+
.settings
13+
.tmproj
14+
*.esproj
15+
*.sublime-project
16+
*.sublime-workspace
17+
nbproject
18+
Thumbs.db
19+
20+
21+
# Files
22+
package-lock.json

LICENSE

Lines changed: 504 additions & 0 deletions
Large diffs are not rendered by default.

README.md

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
<h3 align="center">Froala Design Blocks</h1>
2+
3+
<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.
4+
<p align="center"><a href="https://www.froala.com/design-blocks#playground">Explore Design Blocks »</a></p>
5+
<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>
6+
7+
## 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)]()
8+
9+
- [Quick start](https://github.com/froala/design-blocks#quick-start)
10+
- [What's included?](https://github.com/froala/design-blocks#whats-included)
11+
- [Bugs and feature requests](https://github.com/froala/design-blocks#bugs-and-feature-requests)
12+
- [Dependencies](https://github.com/froala/design-blocks#dependencies)
13+
- [Categories](https://github.com/froala/design-blocks#categories)
14+
- [Browser support](https://github.com/froala/design-blocks#browser-support)
15+
- [Community](https://github.com/froala/design-blocks#community)
16+
- [Development](https://github.com/froala/design-blocks#development)
17+
- [Contributors](https://github.com/froala/design-blocks#contributors)
18+
- [Copyright and license](https://github.com/froala/design-blocks#copyright-and-license)
19+
20+
21+
## Quick start
22+
23+
Several quick start options are available:
24+
25+
- [Download the latest release.](https://github.com/froala/design-blocks/archive/1.0.0-beta.zip)
26+
- Clone the repo: `git clone https://github.com/froala/design-blocks.git`
27+
- Install with [npm](https://www.npmjs.com/): `npm install froala-design-blocks`
28+
29+
30+
31+
## What's included
32+
33+
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:
34+
35+
```
36+
design-blocks/
37+
├── dist/
38+
│ ├── css/
39+
│ │ ├── froala_blocks.css
40+
│ │ └── froala_blocks.min.css
41+
│ └── imgs/
42+
│ │── call_to_action.html
43+
│ │── contacts.html
44+
│ │── contents.html
45+
│ │── features.html
46+
│ │── footers.html
47+
│ │── forms.html
48+
│ │── headers.html
49+
│ │── index.html
50+
│ │── pricings.html
51+
│ │── teams.html
52+
│ └── testimonials.html
53+
├── psds/
54+
├── screenshots/
55+
└── src/
56+
```
57+
58+
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.
59+
60+
## Bugs and feature requests
61+
62+
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).
63+
64+
## Dependencies
65+
66+
- **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.
67+
68+
- **Font Awesome**. We're using the amazing Font Awesome library for the social network icons.
69+
70+
- **Google Fonts**. By default, the Design Blocks toolkit is built using the Roboto font, however that can easily be changed to other fonts.
71+
72+
73+
## Categories
74+
75+
- Call to action - https://github.com/froala/design-blocks/blob/master/dist/call_to_action.html
76+
- Contacts - https://github.com/froala/design-blocks/blob/master/dist/contacts.html
77+
- Contents - https://github.com/froala/design-blocks/blob/master/dist/contents.html
78+
- Features - https://github.com/froala/design-blocks/blob/master/dist/features.html
79+
- Footers - https://github.com/froala/design-blocks/blob/master/dist/footers.html
80+
- Forms - https://github.com/froala/design-blocks/blob/master/dist/forms.html
81+
- Headers - https://github.com/froala/design-blocks/blob/master/dist/headers.html
82+
- Pricings - https://github.com/froala/design-blocks/blob/master/dist/pricings.html
83+
- Teams - https://github.com/froala/design-blocks/blob/master/dist/teams.html
84+
- Testimonials - https://github.com/froala/design-blocks/blob/master/dist/testimonials.html
85+
86+
87+
88+
## Browser Support
89+
90+
At present, we officially aim to support the last two versions of the following browsers:
91+
92+
- Chrome
93+
- Edge
94+
- Firefox
95+
- Safari
96+
- Opera
97+
- Internet Explorer 10+
98+
- Safari iOS
99+
- Chrome, Firefox and Default Browser Android
100+
101+
102+
## Community
103+
104+
Get updates on Froala Design Blocks' development and chat with the project maintainers and community members.
105+
106+
- Follow [@froala on Twitter](https://twitter.com/froala).
107+
- Read and subscribe to [The Official Froala Blog](https://www.froala.com/blog).
108+
- Check the [Official Website](https://www.froala.com/design-blocks).
109+
110+
111+
## Development
112+
113+
#### Get code
114+
115+
```bash
116+
git clone [email protected]:froala/design-blocks.git
117+
cd design-blocks
118+
```
119+
120+
121+
122+
#### Install dependencies and run project
123+
124+
```bash
125+
npm install
126+
gulp
127+
```
128+
129+
## Contributors
130+
131+
Special thanks to everyone who contributed to getting the Froala Design Blocks to the current state.
132+
133+
- [ Shourav Chowdhury](https://dribbble.com/shourav_chy01) - source of inspiration for images
134+
135+
136+
137+
## Copyright and license
138+
139+
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).

0 commit comments

Comments
 (0)