[vc_container]
[section_with_title title=”Callout Boxes”][/vc_container]
[section_with_title title=”Flat and Outline Buttons”]
[button style=”style1″ size=”sm” title=”Small Button” href=”#” class=”box”]Small Button[/button][button style=”style1″ size=”md” href=”#” class=”box”]Medium Button[/button][button style=”style1″ size=”lg” href=”#” class=”box”]Large Button[/button][button style=”style1″ size=”xl” href=”#” class=”box”]Extra Large Button[/button]
[button style=”style2″ size=”sm” title=”Small Button” href=”#” class=”box”]Small Button[/button][button style=”style2″ size=”md” href=”#” class=”box”]Medium Button[/button][button style=”style2″ size=”lg” href=”#” class=”box”]Large Button[/button][button style=”style2″ size=”xl” href=”#” class=”box”]Extra Large Button[/button]
[button style=”style3″ size=”sm” title=”Small Button” href=”#” class=”box”]Small Button[/button][button style=”style3″ size=”md” href=”#” class=”box”]Medium Button[/button][button style=”style3″ size=”lg” href=”#” class=”box”]Large Button[/button][button style=”style3″ size=”xl” href=”#” class=”box”]Extra Large Button[/button]
[button style=”style4″ size=”sm” title=”Small Button” href=”#” class=”box”]Small Button[/button][button style=”style4″ size=”md” href=”#” class=”box”]Medium Button[/button][button style=”style4″ size=”lg” href=”#” class=”box”]Large Button[/button][button style=”style4″ size=”xl” href=”#” class=”box”]Extra Large Button[/button]
[section_with_title title=”Message Boxes”]
[alert type=”general”]This is General Message Box. ivamus condimentum augue sed vehicula suscipit Suspendisse dignissim ornare est a pulvinar velit aliquam non. Praesent neque leo commodo ac adipiscing sit amet.[/alert][alert type=”notice”]This is Notice Message Box. ivamus condimentum augue sed vehicula suscipit Suspendisse dignissim ornare est a pulvinar velit aliquam non. Praesent neque leo commodo ac adipiscing sit amet.[/alert][alert type=”success”]This is Success Message Box. ivamus condimentum augue sed vehicula suscipit Suspendisse dignissim ornare est a pulvinar velit aliquam non. Praesent neque leo commodo ac adipiscing sit amet.[/alert][alert type=”error”]This is Error Message Box. ivamus condimentum augue sed vehicula suscipit Suspendisse dignissim ornare est a pulvinar velit aliquam non. Praesent neque leo commodo ac adipiscing sit amet.[/alert][alert type=”help”]This is Help Message Box. ivamus condimentum augue sed vehicula suscipit Suspendisse dignissim ornare est a pulvinar velit aliquam non. Praesent neque leo commodo ac adipiscing sit amet.[/alert]
[section_with_title title=”Table Styles”]
| Table Heading 1 | Table Heading 2 | Table Heading 3 |
|---|---|---|
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Heading 1 | Table Heading 2 | Table Heading 3 |
|---|---|---|
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
| Table Data 1 | Table Data 2 | Table Data 3 |
[section_with_title title=”Sticky Notes”]
[note style=”style1″]Est sed molestie quis augue pulvinar Phasellus vehicula justo eget diam posuere sollicitu eu tincid curabitur eleifend magna scelerisque placerat vele phasellus just conden eleifend.[/note]
[note style=”style2″]Est sed molestie quis augue pulvinar Phasellus vehicula justo eget diam posuere sollicitu eu tincid curabitur eleifend magna scelerisque placerat vele phasellus just conden eleifend.[/note]
[note style=”style3″]Est sed molestie quis augue pulvinar Phasellus vehicula justo eget diam posuere sollicitu eu tincid curabitur eleifend magna scelerisque placerat vele phasellus just conden eleifend.[/note]
[note style=”style4″]Est sed molestie quis augue pulvinar Phasellus vehicula justo eget diam posuere sollicitu eu tincid curabitur eleifend magna scelerisque placerat vele phasellus just conden eleifend.[/note]
[image_parallax src=”http://www.soaptheme.net/html/miracle/images/shortcode/button/callout1_bg.jpg” ratio=”0.5″][callout_box style=”style1″ image_position=”left” img_animation_delay=”0″ content_animation_delay=”0″ title=”When you need more than a website theme” button1_text=”Know More” button1_href=”#” button2_text=”Purchase” button2_href=”#” img_id=”81″ src=”“http://www.soaptheme.net/html/miracle/images/logo-white.png“” alt=”““” width=”“18“” height=”“18“” message=”miracale is designed with passion and love using latest web design technologies and only thing it can’t do is dissappoint you!”][/callout_box][/image_parallax]
[callout_box style=”style2″ image_position=”left” img_animation_delay=”0″ content_animation_delay=”0″ title=”Miracle is premium hand-crafted, pixel perfect and responsive wordpress theme” button1_text=”Purchase” button1_href=”#”][/callout_box]
[callout_box style=”style3″ image_position=”left” img_animation_delay=”0″ content_animation_delay=”0″ title=”Miracle will make you fall in love again!” button1_text=”Purchase” button1_href=”#”][/callout_box]