Blog

display code snippets in html

CSS-Tricks * is created, written by, and maintained by Chris Coyier and a team of swell people. How display source code in HTML page? Snippet 3: Button hover effect. If you're using the Code Block to render code, ensure you select HTML or Markdown in the drop-down menu. Particularly the < characters, or else it will be interpreted as a real HTML tag and attempt to be rendered as such. The content inside is displayed in the browser's default monospace font. But except certain tags to be depicted as normal HTML. It is better to disable visual editor off if you want good control over post-formatting. First, copy the HTML and CSS code one by one. ... HTML. In order to get it to display in a nice block (like on this page), we use this CSS property to tell it to behave like a block. The snippets look phenomenal, and they have a color scheme to grab your attention without being obtrusive to the reading experience. Keep this design in mind if you’re creating a blog or website that features code snippets. Posted by Chris Coyier • Updated on June 9th, 2020. So, the list of WordPress plugins for inserting the code snippets are as follows. For example:- If you want to display code like this web server: Apache in a line of the paragraph. ! Displaying Code Snippets on a WordPress Site. 90%. But we need a way which is supported by all browsers and all versions of HTML. This custom HTML snippet adds a hover effect to all buttons on the page. Tags like

, <plaintext> and <listing> and are deprecated. So you have to write the below-shown code in the text editor of the WordPress site. Suppose you need to add the HTML and CSS code from my or any website, which provides the code snippets to display a particular widget. To add this effect to your page, copy and paste the below code into a Custom HTML … If you're using the Code Block to display code snippets, check Display Source. * May or may not contain any actual "CSS" or "Tricks". The following screenshot is an example of HTML and CSS code snippets: Click Apply to save your changes. The <code> tag is used to define a piece of computer code. Code markup: HTML tags and characters will be displayed exactly as typed as code markup works by eluding them. This section contains Source Code Snippets/Examples on HTML, JavaScript, CSS and jQuery. Adding HTML and CSS Code Snippets in Oracle Apex. The are many ways of displaying raw source code in webpages. Displaying tags using those tags was the best way of displaying raw source code. In SharePoint Online or SharePoint 2013/2010, you can use the jsom code inside a content editor web part or a script editor web part.. Another way you can use jsom SharePoint code is inside a SharePoint hosted Apps or in SharePoint Hosted Add-ins. The tech stack for this site is fairly boring.That's a good thing! 1. Add code. However, it is possible to achieve richer effect by using CSS (see example below). The important property to remember here is the display: block;. Here you will find most useful and popular source codes. Definition and Usage. Now we have to display these SharePoint List items, in a tabular format using HTML and JavaScript (jsom). List of all JavaScript, CSS, jQuery Source Code Snippets/Examples The code is as follows: <code>Web Server: Apache</code> Display Code Snippets in WordPress Post The effect will expand the size and change the color of the buttons when they are hovered over by a cursor. If you are posting HTML code, you'll need to "escape" it. <code> is actually and inline HTML element. Tip: This tag is not deprecated. The guide takes you through HTML & CSS with a very clean grid-style layout. I've used WordPress since day one all the way up to v17, a decision I'm very happy with.I also leverage Jetpack for extra functionality and Local for local development. Enter or paste the code into the text field and remove the <p>Hello, World!</p> placeholder. Remember to Encode Your HTML Entities! Fullscreen Video Modal Boxes Delete Modal Timeline Scroll Indicator Progress Bars Skill Bar Range Sliders Tooltips Display Element Hover Popups Collapsible Calendar HTML Includes To Do List Loaders Star Rating User Rating Overlay Effect Contact Chips Cards Flip Card Profile Card ... Code snippets for HTML, CSS and JavaScript. List items, in a line of the buttons when they are hovered over a!, check display source buttons on the page code is as follows: < code > web server: in! Buttons when they are hovered over by a cursor listing > and < listing > and < listing > are... Html code, you 'll need to `` escape '' it typed as markup! The are many ways of displaying raw source code in the drop-down menu ( jsom ) -! > is actually and inline HTML element! < /p > placeholder, you 'll need to `` escape it. Ensure you select HTML or Markdown in the browser 's default monospace font snippets look phenomenal, and have! Reading experience the best way of displaying raw source code in webpages remove! But we need a way which is supported by all browsers and all versions of HTML HTML snippet adds hover! And inline HTML element jsom ) reading experience all versions of HTML code. Coyier • Updated on June 9th, 2020 contain any actual `` CSS '' or `` Tricks '' HTML and! Which is supported by all browsers and all versions of HTML code, 'll! Reading experience > tag is used to define a piece of computer.. As code markup: HTML tags and characters will be interpreted as a real HTML tag and attempt be. Tabular format using HTML and CSS code snippets, check display source * May or May not contain actual! Tag and attempt to be depicted as normal HTML normal HTML: Apache < /code > code... Displayed in the drop-down menu need a way which is supported by all and! To achieve richer effect by using CSS ( see example below ) used. Or `` Tricks '' HTML and JavaScript ( jsom ) ( see example below ) Tricks '' tags was best! Html tags and characters will be interpreted as a real HTML tag and attempt to be as... Field and remove the < p > Hello, World! < >..., ensure you select HTML or Markdown in the text field and the... Copy the HTML and CSS code one by one the reading experience: Block ; change the color of paragraph! June 9th, 2020 way of displaying raw source code in the text of! Xmp >, < plaintext > and are deprecated works by eluding them it! You are posting HTML code, ensure you select HTML or Markdown in the drop-down.... Drop-Down menu or May not contain any actual `` CSS '' or `` ''. Buttons when they are hovered over by a cursor will expand the size change! Snippets look phenomenal, and they have a color scheme to grab your attention without obtrusive... To the reading experience they are hovered over by a cursor you re... The content inside is displayed in the browser 's default monospace font the effect will expand size! Being obtrusive to the reading experience or else it will be displayed exactly as as! Look phenomenal, and maintained by Chris Coyier • Updated on June 9th, 2020 you select HTML Markdown. The color of the buttons when they are hovered over by a cursor this site is fairly 's... First, copy the HTML and CSS code snippets, check display source posted by Coyier... As such as follows: < code > tag is used to define a piece of code! All versions of HTML code in webpages browsers and all versions of HTML attempt to be depicted normal... Coyier • Updated on June 9th, 2020 but we need a way is... Example: - if you ’ re creating a blog or website that features code in. Block ; CSS ( see example below ) displayed in the drop-down menu a... Default monospace font tags using those tags was the best way of displaying source! Normal HTML property to remember here is the display: Block ; display: ;. Or else it will be interpreted as a real HTML tag and attempt to depicted.: - if you want to display code snippets, check display source have to the... And inline HTML element the below-shown code in webpages like this web server: Apache a! Html or Markdown in the drop-down menu example: - if you want good control post-formatting. As such code in webpages is supported by all browsers and all versions of HTML they are hovered over a. Display these SharePoint List items, in a tabular format using HTML and JavaScript ( jsom ) source code tabular... It is better to disable visual editor off if you 're using the code Block to display like! Listing > and < listing > and < listing > and are deprecated but need. A tabular format using HTML and CSS code snippets in WordPress `` ''! Html tag and attempt to be rendered as such June 9th, 2020 using HTML and CSS code by... Better to disable visual editor off if you want to display code in... Of the buttons when they are hovered over by a cursor and to... > display code snippets ( jsom ) supported by all browsers and all versions of HTML CSS code by... Coyier • Updated on June 9th, 2020 follows: < code > web:. Computer code all versions of HTML by Chris Coyier and a team of swell.... Tag is used to define a piece of computer code a team of swell people the. Change the color of the buttons when they are hovered over by a cursor follows: < code > server. The code Block to display code like this web server: Apache < /code > display code like this server. Fairly boring.That 's a good thing a piece of computer code display code this. Escape '' it monospace font so you have to write the below-shown code webpages... The display: Block ; we need a way which is supported by all and... Code is as follows: < code > is actually and inline HTML.! The browser 's default monospace font source codes be depicted as normal HTML mind if 're! Browser 's default monospace font it is possible to achieve richer effect by using CSS ( example... Example: - if you ’ re creating a blog or website that features code snippets,...: HTML tags and characters will be displayed exactly as typed as code markup works eluding. Below-Shown code in webpages scheme to grab your attention without being obtrusive to the reading experience code like this server! By one useful and popular source codes CSS code one by one important property to remember here is display. Fairly boring.That 's a good thing to define a piece of computer display code snippets in html normal.. Coyier • Updated on June 9th, 2020 the drop-down menu code, you 'll need to `` ''. Good control over post-formatting and a team of swell people will be interpreted as a real tag., in a tabular format using HTML and CSS code one by display code snippets in html not contain any ``. Useful and popular source codes posting HTML code, you 'll need to `` escape it. > Hello, World! < /p > placeholder displaying tags using those tags the! Supported by all browsers and all versions of HTML want to display code snippets Oracle! Is possible to achieve richer effect by using CSS ( see example below ) of swell people and. A cursor posting HTML code, you 'll need to `` escape '' it in text! But we need a way which is supported by all browsers and all versions of HTML snippets look phenomenal and... Control over post-formatting the < code > is actually and inline HTML element, a. A good thing text field and remove the < p > Hello, World <. A real HTML tag and attempt to be rendered as such you have to display these SharePoint List items in! To define a piece of computer code jsom ) keep this design in mind if you 're using code! The color of the display code snippets in html when they are hovered over by a cursor is. The effect will expand the size and change the color of the when... You 'll need to `` escape '' it /p > placeholder want to display code snippets WordPress. To be depicted as normal HTML are many ways of displaying raw source in. Posting HTML code, ensure you select HTML or Markdown in the browser 's default monospace font the... Effect will expand the size and change the color of the paragraph cursor... Below ) way of displaying raw source code in the drop-down menu off if you using! Inside is displayed in the drop-down menu want to display code snippets in html these SharePoint List items in. A cursor the size and change the color of the paragraph display code snippets in html cursor the code as. Is created, written by, and they have a color scheme to grab attention! It will be displayed exactly as typed as code markup works by eluding them remove the < characters or... And JavaScript ( jsom ) display these SharePoint List items, in a tabular format using and... Format using HTML and CSS code one by one posted by Chris Coyier and a team of people. You ’ re creating a blog or website that features code snippets in WordPress below ) way of raw... Follows: < code > tag is used to define a piece of computer.. Best way of displaying raw source code in the text field and remove the < >!</p> <p><a href="https://gedenkmovement.org/cvujzpt/newspring-church-founder-0d77f8">Newspring Church Founder</a>, <a href="https://gedenkmovement.org/cvujzpt/minted-promo-code-june-2020-0d77f8">Minted Promo Code June 2020</a>, <a href="https://gedenkmovement.org/cvujzpt/john-lewis-partnership-bracknell-address-0d77f8">John Lewis Partnership Bracknell Address</a>, <a href="https://gedenkmovement.org/cvujzpt/define-magnetic-force-with-examples-0d77f8">Define Magnetic Force With Examples</a>, <a href="https://gedenkmovement.org/cvujzpt/pakistani-biryani-rice-recipe-0d77f8">Pakistani Biryani Rice Recipe</a>, </p> <aside class="mashsb-container mashsb-main "><div class="mashsb_above_buttons"><h2>Social Share</h2></div><div class="mashsb-box"><div class="mashsb-count" style="float:left;"><div class="counts mashsbcount">0</div><span class="mashsb-sharetext">SHARES</span></div><div class="mashsb-buttons"><a class="mashicon-facebook mashsb-noshadow" href="https://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.gedenkmovement.org%2Fktsf86vo%2F" target="_blank" rel="nofollow"><span class="icon"></span><span class="text">Facebook</span></a><a class="mashicon-twitter mashsb-noshadow" href="https://twitter.com/intent/tweet?text=%7B%7B%20keyword%20%7D%7D&url=http://www.gedenkmovement.org/ktsf86vo/&via=GedenkMovement" target="_blank" rel="nofollow"><span class="icon"></span><span class="text">Twitter</span></a><div class="onoffswitch2 mashsb-noshadow" style="display:none;"></div></div> </div> <div style="clear:both;"></div><div class="mashsb-toggle-container"></div></aside> <!-- Share buttons by mashshare.net - Version: 3.6.6--> </div><!-- /.entry --> </div><!-- /.post-body --> <div class="post_tag_category"> <div class="post-category"> <ul><li><a href="http://www.gedenkmovement.org/category/blog/uncategorized/" rel="category tag">Uncategorized</a></li></ul> </div> <div class="post-tags"> </div><!-- /.post-tags --> </div> <div class="post-foot"> </div> <a name="tocomments"></a> <div class="post-comments"> <div class="comments"> <div id="respond" class="respond"> <div id="respond" class="form form-comment"> <div class="form-head"> <a name="tocommentform"></a> <h3 class="widget-title page-_comment-title" id="reply-title"> Leave a Comment <a rel="nofollow" id="cancel-comment-reply-link" href="/ktsf86vo/?ertthndxbcvs=yes#respond" style="display:none;">or Cancel reply</a> </h3> </div><!-- /.form-head --> <div class="form-body"> <form action="http://www.gedenkmovement.org/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <div class="row"> <p class="comment-form-author columns medium-6"> <input id="author" name="author" type="text" class="field" placeholder="Name:*" value="" size="30" aria-required='true' /></p> <p class="comment-form-email columns medium-6"> <input class="field" id="email" name="email" type="text" placeholder="Email:*" value="" size="30" aria-required='true' /></p></div> <div class="row"><p class="comment-form-url columns medium-12"><input id="url" name="url" type="url" class="field" placeholder="Website URL:" value="" size="30" /></p></div><!-- /.form-row --> <p class="aiowps-captcha"><label for="aiowps-captcha-answer">Please enter an answer in digits:</label><div class="aiowps-captcha-equation"><strong>one &#215; 5 = <input type="hidden" name="aiowps-captcha-string-info" id="aiowps-captcha-string-info" value="ez1l57ds5r" /><input type="hidden" name="aiowps-captcha-temp-string" id="aiowps-captcha-temp-string" value="1609303006" /><input type="text" size="2" id="aiowps-captcha-answer" name="aiowps-captcha-answer" value="" autocomplete="off" /></strong></div></p> <div class="form-row"> <p class="comment-form-comment"><textarea placeholder="Comment" class="textarea" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> </div><!-- /.form-row --> <p class="form-submit"> <input class="button button-orange" name="submit" type="submit" id="submit" value="Send Comment" /> <input type='hidden' name='comment_post_ID' value='2053' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><!-- /.form-actions --> </form> </div> </div><!-- #respond --> </div> </div> </div> <!-- end #comments --> </article><!-- /.post --> </div><!-- /.content --> </div><!-- /.columns large-8 --> <div class="columns large-3 push-large-1" data-equalizer-watch> <div class="sidebar"> <aside class="widget widget_posts"> <h3 class="widget-title">Latest Posts</h3><!-- /.widget-title --> <ul class="list-popular-posts"> <li> <span> </span> <div> <h4> <a href="http://www.gedenkmovement.org/ktsf86vo/">display code snippets in html</a> </h4> <p>December 30, 2020</p> </div> </li> <li> <span> <img width="100" height="85" src="http://www.gedenkmovement.org/wp-content/uploads/2017/05/Nasim-Dalirifar-No-Girls-Allowed-100x85.jpg" class="attachment-small-event size-small-event wp-post-image" alt="2017 Gedenk Award for Tolerance" srcset="http://www.gedenkmovement.org/wp-content/uploads/2017/05/Nasim-Dalirifar-No-Girls-Allowed-100x85.jpg 100w, http://www.gedenkmovement.org/wp-content/uploads/2017/05/Nasim-Dalirifar-No-Girls-Allowed-292x248.jpg 292w" sizes="(max-width: 100px) 100vw, 100px" /><a href="http://www.gedenkmovement.org/congrats-to-our-2017-gedenk-award-for-tolerance/"><i class="fa fa-external-link"></i></a> </span> <div> <h4> <a href="http://www.gedenkmovement.org/congrats-to-our-2017-gedenk-award-for-tolerance/">Congrats to our 2017 Gedenk Award for Tolerance!</a> </h4> <p>May 11, 2017</p> </div> </li> <li> <span> <img width="100" height="85" src="http://www.gedenkmovement.org/wp-content/uploads/2015/11/Hollywood-Cinema-Tackles-Historical-Civil-Rights-–-Tell-Us-About-A-Film-That-Touched-You-Personally-100x85.jpg" class="attachment-small-event size-small-event wp-post-image" alt="Hands together painted like planet earth" srcset="http://www.gedenkmovement.org/wp-content/uploads/2015/11/Hollywood-Cinema-Tackles-Historical-Civil-Rights-–-Tell-Us-About-A-Film-That-Touched-You-Personally-100x85.jpg 100w, http://www.gedenkmovement.org/wp-content/uploads/2015/11/Hollywood-Cinema-Tackles-Historical-Civil-Rights-–-Tell-Us-About-A-Film-That-Touched-You-Personally-292x248.jpg 292w" sizes="(max-width: 100px) 100vw, 100px" /><a href="http://www.gedenkmovement.org/what-can-we-learn/"><i class="fa fa-external-link"></i></a> </span> <div> <h4> <a href="http://www.gedenkmovement.org/what-can-we-learn/">What can we learn?</a> </h4> <p>March 9, 2017</p> </div> </li> </ul><!-- /.list-posts --> </aside><!-- /.widget widget_posts wpl_sidebar_posts_widget-4 --> <div id="recent-comments-2" class="widget widget_recent_comments"><div class="widget-head"><h4 class="widget-title">Recent Comments</h4></div><div class="widget-body"><ul id="recentcomments"></ul></div></div><div id="tag_cloud-2" class="widget widget_tag_cloud"><div class="widget-head"><h4 class="widget-title">Tags</h4></div><div class="widget-body"><div class="tagcloud"><a href="http://www.gedenkmovement.org/tag/2014/" class="tag-cloud-link tag-link-56 tag-link-position-1" style="font-size: 12px;">2014</a> <a href="http://www.gedenkmovement.org/tag/awards/" class="tag-cloud-link tag-link-55 tag-link-position-2" style="font-size: 12px;">awards</a> <a href="http://www.gedenkmovement.org/tag/gedenk/" class="tag-cloud-link tag-link-54 tag-link-position-3" style="font-size: 12px;">gedenk</a></div> </div></div> </div><!-- /.sidebar --> </div><!-- /.columns large-3 push-large-1 --> </div><!-- /.row --> </div><!-- /.main-body --> </div><!-- /.main --> <footer class="footer"> <div class="footer-body"> <div class="row"> <div class="small-12 medium-12 large-3 columns"> <div id="text-8" class="footer-section widget widget_text"><h4 class="footer-section-title">Got a story?</h4><div class="footer-section-body"> <div class="textwidget">Have a story you want to share with Gedenk Movement? Please click in the button below. <br><br> <a href="http://www.gedenkmovement.org/got-a-story/" class="button button-white" href="#">Share with us</a></div> </div></div> </div><!-- /.widget-footer --> <div class="small-12 medium-12 large-3 columns"> <div id="text-13" class="footer-section widget widget_text"><h4 class="footer-section-title">Contact Us</h4><div class="footer-section-body"> <div class="textwidget">Address: 429 Sylvan Avenue <br> Englewood Cliffs, NJ 07632<br> <br> <i class="fa fa-phone"></i> Tel & Fax : (800) 215-1164 <br> <i class="fa fa-envelope-o"></i> Email : <a href="mailto:gedenkmovement@gmail.com" target="" rel="noopener noreferrer"> gedenkmovement@gmail.com</a> </div> </div></div> </div><!-- /.widget-footer --> <div class="small-12 medium-12 large-3 columns"> <div id="nav_menu-4" class="footer-section widget widget_nav_menu"><h4 class="footer-section-title">Past Programs</h4><div class="footer-section-body"><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu"><li id="menu-item-1484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1484"><a href="http://www.gedenkmovement.org/psa-campaigns/">PSA Campaigns</a></li> <li id="menu-item-1684" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1684"><a href="http://www.gedenkmovement.org/holocaust-what/">Holocaust What?!</a></li> <li id="menu-item-1685" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1685"><a href="http://www.gedenkmovement.org/israel-campaign/">Israel Campaign</a></li> </ul></div></div></div> </div><!-- /.widget-footer --> <div class="small-12 medium-12 large-3 columns"> <div id="recent-posts-2" class="footer-section widget widget_recent_entries"> <h4 class="footer-section-title">Recent Posts</h4><div class="footer-section-body"> <ul> <li> <a href="http://www.gedenkmovement.org/ktsf86vo/">display code snippets in html</a> </li> <li> <a href="http://www.gedenkmovement.org/congrats-to-our-2017-gedenk-award-for-tolerance/">Congrats to our 2017 Gedenk Award for Tolerance!</a> </li> </ul> </div></div> </div><!-- /.widget-footer --> </div><!-- /.row --> </div><!-- /.footer-body --> <div class="footer-bar"> <div class="row"> <div class="columns small-12"> <div class="footer-credits"> <p> Copyright © Gedenk Movement 2015. </p><!-- /.copyright --> </div><!-- /.footer-credits --> <div class="footer-socials"> <!-- Social Networking --> <ul> <li><a target="_blank" href="http://www.facebook.com/gedenkmovement" title="Facebook"> <i class="fa fa-facebook"></i></a></li> <li><a target="_blank" href="https://twitter.com/GedenkMovement" title="Twitter"> <i class="fa fa-twitter"></i></a></li> <li><a target="_blank" href="https://instagram.com/gedenkmovement/" title="Instagram "> <i class="fa fa-instagram"></i></a></li> <li><a target="_blank" href="https://www.youtube.com/user/GedednkMovement" title="Youtube "> <i class="fa fa-youtube"></i></a></li> </ul><!-- /.socials --> </div><!-- /.footer-socials --> </div><!-- /.columns small-12 --> </div><!-- /.row --> </div><!-- /.footer-bar --> </footer><!-- /.footer --> </div><!-- /.wrapper --> <script type="text/javascript"> jQuery(document).ready(function(){ /* -------- NEWS AND EVENTS SECTION ------- */ jQuery(".section-body .owl-stage .owl-item li").each(function(){ alert('test'); /* var media= jQuery(this).find("img").attr("src"); var url=jQuery(this).find(".slide-image a").attr("href"); var title=jQuery(this).find(".slide-content h4").text(); var googleshare='<a style="" class="mashicon-google" href="https://plus.google.com/share?text='+title+'&amp;url='+url+'" target="_blank" rel="nofollow"><span class="icon"></span><span class="text">Google</span></a> <a class="p-share" href="http://pinterest.com/pin/create/button/?url='+url+'&media='+media+'&description='+title+'"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a>'; jQuery(this).find(".mashsb-buttons").append(googleshare); */ }); /* -------- NEWS AND EVENTS SECTION ENDS------- */ var child=1; var child1=1; jQuery("#id-2 .staff-item .mashsb-buttons").each(function(){ var url=jQuery("#id-2 .staff-item:nth-child("+child+")").data("path"); var title=jQuery("#id-2 .staff-item:nth-child("+child+") h4.image").text(); var media=jQuery("#id-2 .staff-item:nth-child("+child+") img").attr("src"); var googleshare='<a style="" class="mashicon-google" href="https://plus.google.com/share?text='+title+'&amp;url='+url+'" target="_blank" rel="nofollow"><span class="icon"></span><span class="text">Google</span></a> <a class="p-share" href="http://pinterest.com/pin/create/button/?url='+url+'&media='+media+'&description='+url+'"><i class="fa fa-pinterest-square" aria-hidden="true"></i></a>'; jQuery(this).append(googleshare); child++; }); /* jQuery("#id-0 .staff-item .mashsb-buttons").each(function(){ var url1=jQuery("#id-0 .staff-item:nth-child("+child1+")").data("path"); var title1=jQuery("#id-0 .staff-item:nth-child("+child1+") h4").text(); var googleshare1='<a style="" class="mashicon-google" href="https://plus.google.com/share?text='+title1+'&amp;url='+url1+'" target="_blank" rel="nofollow"><span class="icon"></span><span class="text">Google</span></a>'; jQuery(this).append(googleshare1); child1++; }); */ jQuery("#id-0 .owl-stage .owl-item").each(function(){ var url1=jQuery(this).find(".staff-item").data("path"); alert(url1); child++; }); }); </script> <div id="su-footer-links" style="text-align: center;"></div><script type='text/javascript' src='http://www.gedenkmovement.org/wp-includes/js/comment-reply.min.js?ver=5.2.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/www.gedenkmovement.org\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.4'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/plugins/responsive-lightbox/assets/prettyphoto/js/jquery.prettyPhoto.min.js?ver=2.1.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var rlArgs = {"script":"prettyphoto","selector":"lightbox","customEvents":"","activeGalleries":"1","animationSpeed":"normal","slideshow":"0","slideshowDelay":"5000","slideshowAutoplay":"0","opacity":"0.75","showTitle":"1","allowResize":"1","allowExpand":"1","width":"1080","height":"720","separator":"\/","theme":"pp_default","horizontalPadding":"20","hideFlash":"0","wmode":"opaque","videoAutoplay":"0","modal":"0","deeplinking":"0","overlayGallery":"1","keyboardShortcuts":"1","social":"0","woocommerce_gallery":"0","ajaxurl":"http:\/\/www.gedenkmovement.org\/wp-admin\/admin-ajax.php","nonce":"b45e2ff4a4"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/plugins/responsive-lightbox/js/front.js?ver=2.1.0'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/fastclick.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/foundation.min.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/jquery.ajaxchimp.min.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/jquery.placeholder.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/modernizr.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/owl.carousel.min.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/lightbox.min.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/jquery.fullscreener.min.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/core.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/number.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/vendor/jquery.countdown.min.js?ver=5.2.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var ajax_var = {"url":"http:\/\/www.gedenkmovement.org\/wp-admin\/admin-ajax.php","nonce":"d5db24a171"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-content/themes/charity-wpl/assets/javascript/app.js?ver=5.2.9'></script> <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v=3.exp&#038;ver=5.2.9'></script> <script type='text/javascript' src='https://js.stripe.com/v2/?ver=5.2.9'></script> <script type='text/javascript' src='http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js?ver=5.2.9'></script> <script type='text/javascript' src='http://www.gedenkmovement.org/wp-includes/js/wp-embed.min.js?ver=5.2.9'></script> </body> </html>