Getting started

To get started with QuickstartCSS you need to install NodeJS, to be able to use the npm command, if you haven't already. When you have NodeJS installed, you can simply run the following command in the terminal of your IDE (how to open the terminal in VS Code, JetBrains IDEs):

npm i quickstartcss

While reading this documentation you may notice that some styles need JavaScript to work. If so include jQuery by adding:

<script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>

to your html <head>, followed by the same tag with the quickstart.js file as src attribute.

Headings

Heading 1

This is a test paragraph.

Heading 2

This is a test paragraph.

Heading 3

This is a test paragraph.

Heading 4

This is a test paragraph.

Heading 5

This is a test paragraph.

Heading 6

This is a test paragraph.

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Lists

  • List item 1
  • List item 2
  • List item 3
  1. List item 1
  2. List item 2
  3. List item 3

Tables

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5

Images

Placeholder image

Forms

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam. Et netus et malesuada fames ac turpis egestas maecenas. Sit amet cursus sit amet.