gcom_frame 1-over-2 shortcode

Usage:

[gcom_frame type=”1-over-2″ text-columns=”1″ layout=”right” image1=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKCollageTall3.jpg” image2=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKCollageShort3.png” image3=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKShortCollage.png”]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: “1-over-2”, meaning one big image over two smaller ones. Overall intended height around 1000px.
  • layout (optional, default is right): “right” or “left”, meaning whether the images are to the right of the text block or to the left. You don’t have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • image1: The tall image on top.
  • image2: The small image on the left.
  • image3: The small image on the right.

This content frame is intended for cases where you have a fairly lengthy block of text; though the images will always scale to fit the height of the text block, the layout doesn’t look as good with just a few lines of copy.

Maecenas pulvinar ut velit vel tristique. Phasellus lacinia felis neque, sed bibendum felis lacinia nec. Suspendisse consequat lorem nisi, lacinia tincidunt eros efficitur eu. Etiam vel diam lectus. Nullam nec turpis in justo faucibus pellentesque in non sem. Pellentesque urna enim, hendrerit sed varius non, volutpat sed leo. Morbi aliquam velit at quam bibendum iaculis vel et purus. Nulla placerat nibh turpis, a maximus libero ullamcorper fermentum. Vivamus ut venenatis mauris. Nam lacinia eleifend dui vitae varius. Suspendisse gravida urna quis elit aliquet aliquam. Nulla pellentesque odio in urna egestas tempor. Donec ut semper lacus, a sagittis tellus.

Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Cras lacinia sapien quis orci malesuada aliquam. Vivamus non magna fringilla, elementum risus nec, ullamcorper ipsum. Phasellus purus lectus, mollis id pulvinar sit amet, rutrum sed nibh. Quisque sed felis finibus, finibus mi ac, consequat augue. Suspendisse potenti. Nulla dignissim, magna sed vulputate tincidunt, leo tellus vulputate enim, auctor cursus ex nunc sit amet tellus. Praesent ornare tellus sit amet est aliquam vestibulum.

Duis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor. Maecenas ultricies eros sapien, dictum convallis quam consectetur sit amet. Pellentesque lacus velit, ullamcorper quis lectus eu, aliquam cursus purus. Donec pharetra sem lorem, ac luctus nulla eleifend non.


gcom_frame 1-over-2-short shortcode

Usage:

[gcom_frame type=”1-over-2-short” text-columns=”1″ layout=”right” image1=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKCollageTall3.jpg” image2=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKCollageShort3.png” image3=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKShortCollage.png”]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: “1-over-2-short”, meaning one wide image over two narrower ones, but they are all the same height. Intended overall height: 670px.
  • layout (optional, default is right): “right” or “left”, meaning whether the images are to the right of the text block or to the left. You don’t have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • image1: The tall image on top.
  • image2: The small image on the left.
  • image3: The small image on the right.

This content frame is intended for cases where you have a relatively short block of text; though the images will always scale to fit the height of the text block, the layout doesn’t look as good with lots of lines of copy.

Lorem ipsum uis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor.


gcom_frame 1-big shortcode

Usage:

[gcom_frame type=”1-big” text-columns=”2″ layout=”right” image1=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKCollageTall3.jpg”]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: “1-big”, one big image the same height as the text column. Intended overall height: 670px.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • layout (optional, default is right): “right” or “left”, meaning whether the images are to the right of the text block or to the left. You don’t have to change anything else in the layout, just this one value, to move the photo block from one side to the other.
  • image1: The one big image, which will scale to be the height of the text column.

This content frame is intended for cases where you have a relatively short block of text with one big image to the side.

Lorem ipsum uis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor.


gcom_frame 1-big-banner shortcode

Usage:

[gcom_frame type=”1-big-banner” text-columns=”2″ image1=”https://rownyc-new.dev/wp-content/uploads/2017/05/CKCollageTall3.jpg”]Put in your content as usual in here, including any shortcodes or formatting tags you want.[/gcom_frame]

Parameters:

  • type: “1-big-banner”, one big image the same height as the text column. Banner height is hard-set to 450px.
  • text-columns (optional, default is 1): How many columns you want to break the text into.
  • layout The layout parameter is ignored for this content frame — the banner image only goes at the top.
  • image1: The one big image, 100% width and 450px high.

This content frame is intended for cases where you have a fairly lengthy block of text, usually with 2 columns, and a single large featured image that’s full width. With just a short block of copy, the image will overwhelm the layout. Any H1 line in the copy will be styled in white over the top banner image.

Maecenas pulvinar ut velit vel tristique. Phasellus lacinia felis neque, sed bibendum felis lacinia nec. Suspendisse consequat lorem nisi, lacinia tincidunt eros efficitur eu. Etiam vel diam lectus. Nullam nec turpis in justo faucibus pellentesque in non sem. Pellentesque urna enim, hendrerit sed varius non, volutpat sed leo. Morbi aliquam velit at quam bibendum iaculis vel et purus. Nulla placerat nibh turpis, a maximus libero ullamcorper fermentum. Vivamus ut venenatis mauris. Nam lacinia eleifend dui vitae varius. Suspendisse gravida urna quis elit aliquet aliquam. Nulla pellentesque odio in urna egestas tempor. Donec ut semper lacus, a sagittis tellus.

Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Cras lacinia sapien quis orci malesuada aliquam. Vivamus non magna fringilla, elementum risus nec, ullamcorper ipsum. Phasellus purus lectus, mollis id pulvinar sit amet, rutrum sed nibh. Quisque sed felis finibus, finibus mi ac, consequat augue. Suspendisse potenti. Nulla dignissim, magna sed vulputate tincidunt, leo tellus vulputate enim, auctor cursus ex nunc sit amet tellus. Praesent ornare tellus sit amet est aliquam vestibulum.

Duis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor. Maecenas ultricies eros sapien, dictum convallis quam consectetur sit amet. Pellentesque lacus velit, ullamcorper quis lectus eu, aliquam cursus purus. Donec pharetra sem lorem, ac luctus nulla eleifend non.


Content Header

Content Section Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo lectus at vulputate dapibus. Sed at nisl nunc. Curabitur sed est finibus, fermentum erat nec, malesuada leo. Proin egestas, lectus quis faucibus commodo, sapien lorem sollicitudin neque, non tincidunt diam neque eget justo. Morbi ultricies interdum mauris. Nunc dictum tempor elit, eget eleifend magna tristique quis. In sodales nulla non consequat lobortis. Pellentesque pellentesque, augue ac congue mattis, nisl ligula lacinia lacus, id ornare arcu neque ut ex.

Aliquam molestie odio ac pretium convallis. In quis turpis convallis, condimentum dolor sed, bibendum leo. Etiam pharetra, urna vitae scelerisque commodo, sapien elit placerat nulla, eu feugiat magna justo in sapien. Ut cursus aliquam fermentum. Maecenas ut lacinia erat. Aliquam pellentesque massa sed tincidunt ultrices. Phasellus et justo non mi malesuada viverra a id sem.

Cras sagittis, magna eu faucibus venenatis, turpis libero auctor enim, et condimentum leo eros ut est. Quisque tincidunt, nisi in tincidunt efficitur, sem ante pharetra nulla, a venenatis nibh eros ac neque. Phasellus sed hendrerit massa. Morbi egestas metus ante, a pretium lorem molestie lacinia. Nam ut egestas sem. Proin tortor magna, tristique vitae nibh nec, posuere accumsan sem. Mauris dignissim venenatis neque vel elementum. In egestas laoreet ultricies. Duis non purus sit amet dui aliquet pulvinar in ac libero.

In in mi commodo, consectetur arcu non, dignissim ex. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam at lobortis ipsum. Integer at lorem a elit eleifend laoreet et non erat. Aliquam erat volutpat. In euismod eros lacinia sapien congue sollicitudin. Vestibulum tempus dictum odio, rutrum efficitur nulla dignissim non. Ut lobortis accumsan tellus eget finibus. Etiam mattis laoreet maximus. Morbi varius molestie dui, id vehicula tellus ultricies id. Praesent nisi ante, dictum quis urna ac, maximus rutrum odio. Nunc semper vulputate tristique. Sed a est fringilla, consequat lorem et, gravida nibh. Phasellus malesuada sed nisi suscipit varius.

Pellentesque mattis aliquam vestibulum. Nulla facilisi. Pellentesque sed egestas dolor. Maecenas et metus in diam luctus pulvinar. Donec sapien sem, molestie at lorem eu, luctus bibendum velit. Phasellus tellus nisl, molestie sit amet aliquet ac, volutpat non ligula. Aliquam malesuada ipsum nec urna gravida, ut dictum nulla molestie. Aliquam nisi tellus, fermentum in urna at, maximus dignissim ante. Sed et tristique arcu, et lobortis nisi. Vivamus quis tincidunt leo. Aenean id arcu a eros luctus sollicitudin.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Button styled with the “class” attribute of bg_c1_opacity_hover bg_c1: Button

Button styled with the “class” attribute of bg_c2_opacity_hover bg_c2: Button

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.

Bold Italics Bold-Italics

  • Bulleted list 1
  • Bulleted list 2
  • Bulleted list 3
  1. Numbered list 1
  2. Numbered list 2
  3. Numbered list 3

This is a block quote.

And an HR:


Some links, and here.

Testing Shortcodes:

First column (6/6/12)
Second column (6/6/12)
Accordion Title

This is the content that goes in Tab 1.
Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Info Columns Section Headline

Computer monitor screen icon

Column 1 Headline

Column 1 Content
Learn More
Generic info graphic icon

Column 2 Headline

Column 2 Content
Column 2 CTA Text
Pie chart icon

Column 3 Headline

Column 3 Text that varies in length as text tends to do.
CTA Text for Column 3