This component was bootstrapped with Direflow.

Quote Box

Enrich your home page with your daily-quote box! Give a boost of motivation to your audience and make their day brighter.

<quote-box></quote-box>

What it is?

The main purpose of this component is to deliver a powerful quote and source of motivation whenever someone enters your website.

The quote-box is a customisable, stylish block of HTML that contains the following info:

• the QuoteBox title
• the Quote itself
• the Quote author
• a button that allows a randomised change of the shown quote, while also changing the color of the box

Properties

The property parameters that are allowed to change are the following:

• QuoteBox title - can be changed to whatever the user wishes

<quote-box quoteTitle="Your daily quote!"></quote-box>

• Quote and Author to be shown

<quote-box quote="In a healthy body stays a healthy mind." author="Socrates"></quote-box>

• Custom width and height of the box

<quote-box qheight=250 qwidth=400></quote-box>

• Disable/Enable new quote button(IMPORTANT! enclose values with "")

<quote-box disableRandom="true"></quote-box>
<quote-box disableRandom="false"></quote-box>

• Change background color on new quote(IMPORTANT! enclose values with "")

<quote-box change_color="true"></quote-box>
<quote-box change_color="false"></quote-box>