Device Mockups Shortcode

[intense_content_section]
<h2>Introduction</h2>
[intense_row padding_top="0"]
[intense_column size="7" medium_size="7" small_size="12" extra_small_size="12"]
The Device Mockup shortcode allows you to create a mobile device, tablet, or browser mockup. This shortcode is used in conjunction with the <a href="https://wordpress.org/plugins/device-mockups/" target="_blank">Device Mockups</a> WordPress plugin.

You can add within the device just about any content (ex. image, video, slider, animated image, etc.). The devices can also be stacked on top of each other. Many of the devices can be displayed in portrait or landscape mode and several have multiple color options (ex. black, white, gold).

There are several devices available including:

<ul>
<li>iPhone 6</li>
<li>iPhone 6 Plus</li>
<li>iPhone 5s</li>
<li>iPhone 5</li>
<li>iPad</li>
<li>Macbook</li>
<li>iMac</li>
<li>Gallaxy S3</li>
<li>Nexus 7</li>
<li>Surface</li>
<li>Lumia 920</li>
<li>Chrome</li>
<li>Firefox</li>
<li>Safari</li>
</ul>

[/intense_column]
[intense_column size="5" medium_size="5" small_size="12" extra_small_size="12"]
[intense_device_mockups]
[intense_device_mockup type="imac" position="center" color="black" orientation="portrait"]
[intense_image image="2180" size="medium800" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[intense_device_mockup type="nexus7" position="left" color="black" orientation="portrait"]
[intense_animated_image type="scrollup" image="3359" size="large" height="100%" speed="1500"]
[/intense_device_mockup]
[intense_device_mockup type="iphone6" position="right" color="gold" orientation="landscape"]
[intense_image image="2178" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[/intense_row]
[/intense_content_section]

[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
[intense_row padding_top="0"]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
<h2>With an Image</h2>
[intense_device_mockups]
[intense_device_mockup type="imac" position="center" color="black" orientation="portrait"][intense_image image="771" size="medium800" title="Berries" caption="Aenean quam nunc, egestas id scelerisque eu, adipiscing quis magna."][/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
<h2>With a Video</h2>
[intense_device_mockups]
[intense_device_mockup type="imac" position="center" color="black" orientation="portrait"][intense_video video_type="youtube" video_url="http://www.youtube.com/watch?v=C6c-dWhCPE0"][/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
<h2>With a Slider</h2>
[intense_device_mockups]
[intense_device_mockup type="imac" position="center" color="black" orientation="portrait"]
[intense_slider type="owl-carousel" items="1" items_desktop="1" items_desktop_small="1" items_tablet="1"]
[intense_slide]
[intense_image image="2180" size="medium800" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_slide]
[intense_slide]
[intense_image image="2178" size="medium800" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_slide]
[intense_slide]
[intense_image image="771" size="medium800" title="Berries" caption="Aenean quam nunc, egestas id scelerisque eu, adipiscing quis magna."]
[/intense_slide]
[/intense_slider]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[/intense_row]
[/intense_content_section]

[intense_content_section border_bottom="1px solid #ededed"]
<h2>Devices</h2>
[intense_row padding_top="0"]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>iPhone 6 Plus</h3>
[intense_device_mockups]
[intense_device_mockup type="iphone6-plus" position="center" color="gold" orientation="portrait"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>iPhone 6</h3>
[intense_device_mockups]
[intense_device_mockup type="iphone6" position="center" color="black" orientation="portrait"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>iPhone 5s</h3>
[intense_device_mockups]
[intense_device_mockup type="iphone5s" position="center" color="white" orientation="portrait"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>iPhone 5</h3>
[intense_device_mockups]
[intense_device_mockup type="iphone5" position="center" color="black" orientation="portrait"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[/intense_row]
[intense_row]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>iPad</h3>
[intense_device_mockups]
[intense_device_mockup type="ipad" position="center" color="black" orientation="portrait"]
[intense_animated_image type="scrollup" image="3359" size="large" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="7" medium_size="7" small_size="12" extra_small_size="12"]
<h3>Macbook Pro</h3>
[intense_device_mockups]
[intense_device_mockup type="macbook" position="center"]
[intense_image image="2178" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="2" medium_size="2" small_size="12" extra_small_size="12"]
<h3>Gallaxy S3</h3>
[intense_device_mockups]
[intense_device_mockup type="s3" position="center"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]

[/intense_row]
[intense_row]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
<h3>iMac</h3>
[intense_device_mockups]
[intense_device_mockup type="imac" position="center"]
[intense_image image="2178" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>Nexus 7</h3>
[intense_device_mockups]
[intense_device_mockup type="nexus7" position="center"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>Surface</h3>
[intense_device_mockups]
[intense_device_mockup type="surface" position="center"]
[intense_image image="2178" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[/intense_row]

[intense_row]
[intense_column size="3" medium_size="3" small_size="12" extra_small_size="12"]
<h3>Lumia 920</h3>
[intense_device_mockups]
[intense_device_mockup type="lumia920" position="center"]
[intense_animated_image type="scrollup" image="3360" height="100%" speed="1500"]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="9" medium_size="9" small_size="12" extra_small_size="12"]
<h3>Safari</h3>
[intense_device_mockups]
[intense_device_mockup type="safari" position="center"]
[intense_image image="2180" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]

[/intense_column]
[/intense_row]

[intense_row]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
<h3>Chrome</h3>
[intense_device_mockups]
[intense_device_mockup type="chrome" position="center"]
[intense_image image="2180" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
<h3>Firefox</h3>
[intense_device_mockups]
[intense_device_mockup type="firefox" position="center"]
[intense_image image="2180" size="large1024" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac, fermentum urna."]
[/intense_device_mockup]
[/intense_device_mockups]
[/intense_column]
[/intense_row]
[/intense_content_section]
[intense_content_section]

[/intense_content_section]
[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]