Paragraph/body text of blog post follows here... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas. Elit duis tristique sollicitudin nibh sit. Gravida sociis natoque penatibus. Vitae auctor eu augue ut lectus arcu bibendum at varius. Amet aliquam id diam maecenas. Non sodales neque sodales ut etiam sit amet nisl purus. Sed egestas egestas fringilla phasellus. Et magnis dis parturient montes nascetur. Eleifend quam adipiscing vitae proin sagittis. In dictum non consectetur a erat nam at. Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Velit sed ullamcorper morbi tincidunt ornare. Ac ut consequat semper viverra nam libero justo laoreet sit. Mi ipsum faucibus vitae aliquet nec ullamcorper sit.
This is an H3 header
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas. Elit duis tristique sollicitudin nibh sit. Gravida sociis natoque penatibus.
This is an H6 header
Vitae auctor eu augue ut lectus arcu bibendum at varius. Amet aliquam id diam maecenas. Non sodales neque sodales ut etiam sit amet nisl purus. Sed egestas egestas fringilla phasellus. Et magnis dis parturient montes nascetur. Eleifend quam adipiscing vitae proin sagittis. In dictum non consectetur a erat nam at. Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Velit sed ullamcorper morbi tincidunt ornare. Ac ut consequat semper viverra nam libero justo laoreet sit. Mi ipsum faucibus vitae aliquet nec ullamcorper sit.
Image Styles
Full Width Image Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas. Elit duis tristique sollicitudin nibh sit. Gravida sociis natoque penatibus. Vitae auctor eu augue ut lectus arcu bibendum at varius. Amet aliquam id diam maecenas. Non sodales neque sodales ut etiam sit amet nisl purus. Sed egestas egestas fringilla phasellus. Et magnis dis parturient montes nascetur. Eleifend quam adipiscing vitae proin sagittis. In dictum non consectetur a erat nam at.
Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Velit sed ullamcorper morbi tincidunt ornare. Ac ut consequat semper viverra nam libero justo laoreet sit. Mi ipsum faucibus vitae aliquet nec ullamcorper sit. Nulla at volutpat diam ut venenatis. Odio euismod lacinia at quis. Tellus cras adipiscing enim eu. Proin fermentum leo vel orci porta non pulvinar neque laoreet. Cursus turpis massa tincidunt dui ut ornare lectus sit amet.
HTML source code format:
<p><img src="example1.png" class="img-responsive" style="display: block; margin-left: auto; margin-right: auto; width: 100%;" alt="descriptive text here" /></p>
left floated image with text wrap Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas. Elit duis tristique sollicitudin nibh sit. Gravida cum sociis natoque penatibus. Vitae auctor eu augue ut lectus arcu bibendum at varius. Amet aliquam id diam maecenas. Non sodales neque sodales ut etiam sit amet nisl purus. Sed egestas egestas fringilla phasellus. Et magnis dis parturient montes nascetur. Eleifend quam adipiscing vitae proin sagittis. In dictum non consectetur a erat nam at.
Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Velit sed ullamcorper morbi tincidunt ornare. Ac ut consequat semper viverra nam libero justo laoreet sit. Mi ipsum faucibus vitae aliquet nec ullamcorper sit. Nulla at volutpat diam ut venenatis. Odio euismod lacinia at quis. Tellus cras adipiscing enim eu. Proin fermentum leo vel orci porta non pulvinar neque laoreet. Cursus turpis massa tincidunt dui ut ornare lectus sit amet. Vulputate dignissim suspendisse in est ante. Ante in nibh mauris cursus. Aliquet enim tortor at auctor. Facilisis volutpat est velit egestas dui id ornare arcu. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Tellus integer feugiat scelerisque varius morbi enim nunc. Egestas integer eget aliquet nibh praesent tristique magna sit amet. Morbi leo urna molestie at. Enim sit amet venenatis urna cursus eget nunc.
HTML source code format:
<p><img src="example2.png" class="img-responsive" style="float: left; margin-right: 20px; width: 30%;" alt="descriptive text here" /></p>
right floated image with text wrap Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas. Elit duis tristique sollicitudin nibh sit. Gravida cum sociis natoque penatibus. Vitae auctor eu augue ut lectus arcu bibendum at varius. Amet aliquam id diam maecenas. Non sodales neque sodales ut etiam sit amet nisl purus. Sed egestas egestas fringilla phasellus. Et magnis dis parturient montes nascetur. Eleifend quam adipiscing vitae proin sagittis. In dictum non consectetur a erat nam at.
Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Velit sed ullamcorper morbi tincidunt ornare. Ac ut consequat semper viverra nam libero justo laoreet sit. Mi ipsum faucibus vitae aliquet nec ullamcorper sit. Nulla at volutpat diam ut venenatis. Odio euismod lacinia at quis. Tellus cras adipiscing enim eu. Proin fermentum leo vel orci porta non pulvinar neque laoreet. Cursus turpis massa tincidunt dui ut ornare lectus sit amet. Vulputate dignissim suspendisse in est ante. Ante in nibh mauris cursus. Aliquet enim tortor at auctor. Facilisis volutpat est velit egestas dui id ornare arcu. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Tellus integer feugiat scelerisque varius morbi enim nunc.
HTML source code format:
<p><img src="example3.png" class="img-responsive" style="float: right; margin-left: 10px; width: 30%;" alt="descriptive text here" /></p>
Other Styles
Button
Contact Us
HTML source code format:
<p class="make-buttons"><em><a href="#link">Contact Us</a></em></p>
Background Tiles
Highlight Tile - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas.
HTML source code format:
<div class="highlight-tile">Title, body text, images, etc. can go between the div tag.</div>
Grey Tile - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et odio pellentesque diam volutpat commodo sed egestas egestas.
HTML source code format:
<div class="grey-tile">Title, body text, images, etc. can go between the div tag.</div>
Blockquotes
This is a regular blockquote (no text wrap).
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id gravida mi, nec porttitor metus. Donec tincidunt hendrerit tellus, vitae posuere est posuere ut. Donec justo purus, ornare nec faucibus at, accumsan quis sapien. Donec rutrum vitae erat at lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id gravida mi, nec porttitor metus.
HTML source code format:
<blockquote><p>This is a regular blockquote (no text wrap).</p></blockquote>
This is a left-float block quote with text wrap to the right.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id gravida mi, nec porttitor metus. Donec tincidunt hendrerit tellus, vitae posuere est posuere ut. Donec justo purus, ornare nec faucibus at, accumsan quis sapien. Donec rutrum vitae erat at lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id gravida mi, nec porttitor metus.
HTML source code format:
<blockquote style="float: left; margin-right: 20px;"><p>This is a left-float block quote with text wrap to the right.</p></blockquote>
This is a right-float block quote with text wrap to the left.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id gravida mi, nec porttitor metus. Donec tincidunt hendrerit tellus, vitae posuere est posuere ut. Donec justo purus, ornare nec faucibus at, accumsan quis sapien. Donec rutrum vitae erat at lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id gravida mi, nec porttitor metus.
HTML source code format:
<blockquote style="float: right; margin-left: 0px;"><p>This is a right-float block quote with text wrap to the left.</p></blockquote>
Embed Video
From YouTube - Copy the embed code that YouTube provides and paste code inside the HTML source code on this blog post. After publishing, the javascript on this site will automatically resize the video to full-width. Example:
Note - to add padding to body text after a video clip, add <p style="padding-top: 15px;"> to the <p> tag.
Default Table
HTML source code format: N/A! This is the default table style.
Plain Table
HTML source code format:
<table class="plain-table" border="1" style="border-collapse: collapse; width: 100%;">
Note - to add padding to body text after a table, add <p style="padding-top: 15px;"> to the <p> tag.
Ready to Publish?
After you click publish, view the blog post you just created and add any relevant feed tags to ensure your post is directed to the correct place.
News & Publications page tags: "#INFRANnews" and/or "#IndustryNews"
New INFRA Blog page (title TBD) tag: "#INFRABlog"
Note: if no tags are added, the blog post will not filter on the intended page(s).