<!-- begin macbook pro mockup --> <div class="md-macbook-pro md-glare"> <div class="md-lid"> <div class="md-camera"></div> <div class="md-screen"> <!-- content goes here --> <div class="tab-featured-image"> <div class="tab-content"> <div class="tab-pane in active" id="tab1"> <img src="<?php the_sub_field('fe_image'); ?>" alt="tab1" class="img img-responsive"> </div> <div class="tab-pane " id="tab2"> <img src="<?php the_sub_field('se_image'); ?>" alt="tab1" class="img img-responsive"> </div> <div class="tab-pane fade" id="tab3"> <img src="<?php the_sub_field('te_image'); ?>" alt="tab1" class="img img-responsive"> </div> <div class="tab-pane fade" id="tab4"> <img src="<?php the_sub_field('fourth_image'); ?>" alt="tab1" class="img img-responsive"> </div> <div class="tab-pane fade" id="tab5"> <img src="<?php the_sub_field('fifth_image'); ?>" alt="tab1" class="img img-responsive"> </div> <div class="tab-pane fade" id="tab6"> <img src="<?php the_sub_field('si_image'); ?>" alt="tab1" class="img img-responsive"> </div> </div> </div> </div> </div> <div class="md-base"></div> </div> <!-- end macbook pro mockup -->
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter