what is the use of iframe in html

29 dez what is the use of iframe in html

Posted at 23:55h in Sem categoria by

Don’t worry if that sounds quite technical. top: 0 and left: 0 are used to position the iframe at the center of the container. A key reason to use iFrames is to avoid having to host videos or other resources on your site, which will use up your bandwidth and storage space. Syntax Attribute Values . Embedding hype documents as an iframe can be useful for quickly getting a Hype animation running in a pre-existing site. Also, the content inside an iframe exists entirely independent from the surrounding elements. The src attribute is used to specify the URL of the document that occupies the inline â¦ The element uses the HTML5 global elements as well as several other elements. ; width: 100% and height: 100% make the iframe take all of the wrapper’s space. src The URL of the page to embed. In the space that you have cut out of the page, you can then feed in an external webpage. Is it possible to use iframe in PowerApps ? An iframe is an HTML document that is embedded inside another, such document on a website. 1) a. to display a web page within a web page. Security threats – Security is an issue when we are embedding content from some other website onto ours. The HTML <iframe> tag is used to embed external objects such as other web pages into a single web page. The HTML <iframe> tag is used to specify an inline frame, or, as the HTML5 specification refers to it, a nested browsing context.. An inline frame allows you to embed another document within the current HTML document. The frame enables a developer to split the screen horizontally or vertically by using the frameset tag. If you control the page in the iframe, the easiest approach is to create a shared CSS file with common styles, then just link to it from your html â¦ But, just sending the message is not enough. 3) c. to display a web page without browser. Both of those popular websites use iframes in their embed code. The content of the sub-window could be anything, it doesnât even matter. The first time I used an iframe was for embedding a youtube video to an HTML page that I had created. What is the use of iframe in HTML? Well, as we know, the postMessage function is actually a method on the Window object therefore we can use it communicate upwards as well. An iframe is an HTML document that is embedded inside another, such document on a website. This tutorial will discuss, with examples, how to use the HTML <iframe> tag to embed web resources into a web page. The basic syntax for adding an iframe to a web page â¦ The second iframe has to be nested in the first iframe from Page1.html. auto: It has a default value. The <iframe> tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. If you are building all of it from scratch together, there is almost no good reason to break a page design into several independent documents, especially if they _aren’t actually independent pieces of content. Normally, an HTML iFrame tag is used when we require to display a HTML file residing in an external source, a YouTube video for example, within the current â¦ ; Usage of iframe <iframe> HTML is an inline frame. The following is a summary of the tags and attributes used in this iframe example: HTML <iframe> tag - container for the image HTML <iframe> frameborder attribute - hides the iframe borders HTML <iframe> scrolling attribute - hides the scrollbars HTML <iframe> width attribute - sets horizontal size in pixels HTML <iframe> â¦ HTML iframe. No? Discover the basics of working with the HTML `iframe` tag. Note that you’ll also listen to this message using onmessage in the parent window as well. Unlike traditional frames , which were used to create the structure of a webpage, iframes can be inserted anywhere within a webpage layout. Iframe Cause Usability Issues. In essence, an iframe is another browser window set inside your web page. Iframe: An iframe (short for inline frame) is an HTML element that allows an external webpage to be embedded in an HTML document. The content will only be shown in case the browser does not support or allow iframes. 1) a. to display a web page within a web page., 2) b. to display a web page with animation effect., 3) c. to display a web page without browser., 4) d. All of the Above., 5) NULL Some computer viruses inject an invisible iframe into your web pages, effectively turning your website into a botnet. The <iframe> tag allows you to embed another document within the current HTML document. So, I decided to learn more about them and then share what I had learned through this article in which we see how to use iframe in HTML. One of the most interesting things about the iframe tag is that the content inside the tags is only used as a fallback, ie, it is usually not shown. Use the Restrict cross-frame scripting, where supportedoption when you donât fully trust the content displayed in an IFRAME. The webpage content and iframe contents can interact with each other using JavaScript. Why Use iFrames? Benefits of using iframes for advertising include more control for the advertiser over how the ad is displayed, as well as enhanced performance monitoring. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser.. WordPress users often come across iframes when they are trying to embed something from an external source into their WordPress site. Inline frames, usually just called iframes, are the only type of frame allowed in HTML5. The window.top method will give us access to the parent and then postMessage works the same way. The HTML <iframe> scrolling Attribute is used to specify that whether the scrollbar will be displayed or not in the <Iframe> Element. I’d use IDs on html/body elements mostly for attaching a unique CMS item identifier to the final markup, which in turn would make it rather simple to provide content specific styling. Itâs an alternative to src, but recent and not supported in Edge 18 and lower, and in IE: An inline frame is used to embed another document within the current HTML document. To explore more HTML/CSS articles please check out the Web Design section of the blog. Insert videos from Youtube using the <iframe> tag¶ The easiest way to play videos in HTML, is using YouTube as a source. Why Use iFrames? To display a web page with animation effect. Also, if you want to be a part of a great facebook group with other developers including me, please join the Easy On The Web facebook group. Your email address will not be published. Required fields are marked *. It is the ultimate modularization tool, allowing you to break up content, seamlessly display content from other sources, and better manage loading. What is the difference between frame and iframe in Selenium? How to apply : If you want to apply the same stylesheet to the content of the iframe, just reference it from the pages used in there. B. Allow: With this parameter, you can set certain default behaviors or features for your iFrame, such as full-screen viewing or payment processing. These frames are essentially a section of your page that you "cut out." The code above is to be written in the window that you are sending the message from, ie, the parent window. An HTML iframe is defined with the <iframeâ¦ Join The Discussion. Even though I had used iframe in HTML before it was not until very recently when a teammate of mine used them and I went through his code that I understood them better. Your email address will not be published. Iframes have gotten a bad reputation because they can be used by malicious websites to include content that can infect a visitor's computer without them seeing it on the page, by incorporating links pointing to the invisible iframe, and those scripts set off malicious code. We do not need to update the data on the third party website as the people managing that site do it themselves. So I tried something like this - "html-sandbox="allow-same-origin allow-scripts allow-popups allow-forms". Your site visitors are only as safe as the content of all the sites you link to. Displaying an entity form within an IFrame embedded in another entity form is not supported. The iframe element represents a nested browsing context, which is basically a document nested in the current document. 3: height: This can be used to give the height of the iframe. Inline frame is also called floating frame. We’re going to show you the easiest way to embed an iFrame in your WordPress blog. For more information on targetOrigin please refer to the documentation. Creating an iframe. It embeds one page into another.. Look at the iframe example below, showing its usage together with src property: The iframe element is supported by all modern desktop and mobile browsers. Developers mainly use the iframe tag to embed another HTML document within the current one. This thing is even more important when it comes to integrating some other microservice/application window into your webpage when you have developed the other one as well. It allows us to load a separate HTML file into an existing document. The â iframe â tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. The <iframe> tag specifies an inline frame. ; A document can be embedded into the current document using an inline frame. To create an iframe, use the <iframe> tag. For example, consider this embedded YouTube video: The <iframe> tag is used to embed additional webpages or files into the current webpage. You can basically load content from any public webpage. The arguments for the postMessage function are an event and the targetOrigin. You can use one of the following web resources to display the contents of web resources in a form: Web Page (HTML) Web Resources It also allows you to provide an inline frame without using another document - by simply passing the content to the <iframeâ¦ What is a Iframe? However, some browsers don't yet respond consistently to the three new HTML5 attributes for this element. @Amit - We are using "<apex:iframe>" tag in a Visualforce Page which does not support "sandbox" attribute. You see code iframes commonly used on websites that need to include external content like a Google map or a video from YouTube. Applying CSS to iframe How to apply CSS to iframe. An iframe or inline frame is used to display external objects including other web pages within a web page. An iFrame is an inline frame used inside a webpage to load another HTML document inside it. Even though the entire documentation on the iframe HTML tag can be found in the Mozilla documentation, I think it’ll be helpful if we do discuss the tag a bit in this article as well. (This â¦ You can show content from Youtube, Google maps, RSS Feeds etc. Iframe can be placed anywhere inside â¦ Applying CSS to iframe How to apply CSS to iframe. Displaying content from third-party websites is what the primary use of iframes is. To hide the scroll-bars of the iFrame, the parent is made overflow: hidden to hide scrollbars and the iFrame is made to go upto 150% width and height which forces the scroll-bars outside the page and since the body doesnât have scroll-bars one may not expect the iframe to be exceeding the bounds of the page. Description. For now, we’ve kept it as a wildcard * that will basically allow all. Code: <!DOCTYPE html> <html> <body> <h2>HTML Iframes Demo</h2> <p>Here we are showing example of Iframe which containing specifc Height and width in pixels format</p> <iframe src="C:\Users\Sonali\Desktop\HTML block elements.html" height="300" width="30â¦ Weâre going to show you the easiest way to embed an iFrame in your WordPress blog. That is it for this article where we discussed how to use iframe in HTML and I hope you did get something out of this article. Labels: Labels: General Questions; Everyone's tags (1): IFrame. Well, whenever there is a website that shows the contents of some other website inside it, they are most probably using iframes. Iframe Syntax. I would like to see if it is possible to embed tableau reports, webpages in PowerApps in an iframe or Embed function. Code snippet: function getIframeContent(frameId) { var frameObj = document.getElementById(frameId); var frameContent = frameObj. When it comes to the attributes for this HTML tag the most important one is obviously the src attribute which is the URL of the webpage to be embedded using the iframe. The main purpose of Iframe is to display a web page within another web page. An HTML iframe embeds another document within the current HTML document in the rectangular region. Basically the scrollbar is used when the content is large than the Iframe Element. Technically, an iframe creates a new nested browsing context. The â¦ HTML iframes, or inline frames, display external web documents on a page. A very important aspect when it comes to having an iframe in your webpage is the interaction with that iframe. Here are the disadvantages of iframes :-. - Necessary explanations are in the script code. The inline frame should be displayed by using a tag called <iframe>. The iframe tag allows us to embed content coming from other origins (other sites) into our web page. This keeps the embedded microservice isolated but still useful from the other one. This tutorial will discuss, with examples, how to use the HTML <iframe> tag to embed web resources into a web page. Have you visited websites where there is a youtube window embedded? Here, e is the event that is being passed from the parent window in the postMessage function, and on the basis of that, any operation is carried out in the embedded window. The main difference between <iframe> and <frame> is that <iframe> implements this in a way that makes sense, that respects what an HTML document is in the first place. The following is a summary of the tags and attributes used in this iframe example: HTML <iframe> tag - container for the image HTML <iframe> frameborder attribute - hides the iframe borders HTML <iframe> scrolling attribute - hides the scrollbars HTML <iframe> width attribute - sets horizontal size in pixels HTML <iframe> height attribute - sets the vertical size in pixels Define the width of iframe element in the webpage. In this tutorial, you will see the use and implementation of iframe tag. There are certain scenarios when using iframe within your pages is fine, such as when you have relatable, externally hosted content (an image, embedded video, short instructions, small … The iframe tag is notorious for creating usability â¦ To add an iframe, you need to add a special HTML code. Letâs consider one example in which we are going to show how to create an iframe with a specific height and width. Message 1 of 5 11,960 … To display a web page within a web page. Definition and Usage The <iframe> tag specifies an inline frame. Answer: Option A . HTML iframes, or inline frames, display external web documents on a page. Another use of iframes is to display content from another part of your application or even a different microservice of your application on the page. Once you are done, you should get an iframe that is responsive. The HTML <iframe> tag is used to embed external objects such as other web pages into a single web page. For example, you can embed an external HTML document as follows: 4: name: Naming of iframe can be define with this attribute. iframes are HTML tags that enable a sub-window to be opened in the window of your HTML page. HTML5 iframe example, How to use <iframe> tag of html5. Go to Solution. Suppose developers want to display any PDF document or docx file inside your web page, then they definitely need to use Iframe. 5: frameborder: A frameborder is used to give border of the iframe. The iframe element represents a nested browsing context, which is basically a document nested in the current document. To have the embed link of the YouTube video, follow these simple steps: In other words, an iframe can be used to insert a piece of content from another source into a webpage. Solved! Embedding WordPress iFrame is easier than you imagine. However, it is possible to âuse an iframe like a frameâ: to split the page up into separate iframe areas, with cross-frame-links making a navigational mess that doesn't play well with bookmarks, open-in-new-tab etc. How to debug NodeJs apps inside a docker container. Originally Answered: Is it good to use iframes in HTML? 2) Define the main page, for example "main.html" (in the same folder on the server), in which write the code to include the IFrame and the JavaScript that will retrieve and modify the content of the IFrame. It is use for creating a inline frame. Use a value of about:blank to embed an empty page that conforms to the same-origin policy.Also note that programatically removing an <iframe>'s src attribute (e.g. HTML iframe. The traditional way to do it is by using the HTML attributes <IFrame>.To do this, simply take the URL of the page you want to embed, and use it as the source for the Tag. Unlike traditional frames, which were used to create the structure of a webpage, iframes can be inserted anywhere within a webpage layout. 2) b. to display a web page with animation effect. How to apply : If you want to apply the same stylesheet to the content of the iframe, just reference it from the pages used in there. position: absolute; This will give the iframe a position relative to the wrapper and let it be positioned over the padding of the wrapper. The contents of the <iframe> are displayed inside an element which is clearly a part of the current document. C. To display a web page without browser. (2) I would not use frames for anything today. In other words, an iframe can be used to insert a piece of content from another source into a webpage. You may have crossed paths with it when you had to include a third-party widget (like the famous Facebook like button), a YouTube video, or an advertising section on your website. An inline frame renders using <iframe> tag. Both of these functions are not specific to iframes though, they are methods on the Window object and well, as iframes themselves are nothing but a window themself, we communicate with them using these methods. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the userâs browser. I’ve seen people embedding a microservice in some other microservice through iframes. Get the Latest Tech News Delivered Every Day, New HTML5 Attributes of the IFRAME Element, How to Create a Cool Twitch Layout in Photoshop, Tips for Creating a Background Watermark on a Web Page, How to Create a Twitter Widget for Your Website or Blog, Targeting Links in HTML IFrames and Frames, How to Embed a YouTube Video Into Your WordPress Blog, How to Reduce GIF File Size for Better Website Performance. What matters is that by using iframes, we are actually embedding a completely different HTML page into our parent HTML page. ; Demo. An <iframe> is used for containing (X)HTML documents in other (X)HTML documents. From the embedded webpage we use window.top.postMessage to send messages to the parent window. Lack of control – Even though iframes can somewhat control content inside them to a small degree, irritating content like autoplaying videos and popups can cause a bad user experience. Donât worry if that sounds quite technical. Code main.html Even though I did not know the internal workings of the tag back then, I knew that it could be used to display content from some other website on ours. First, you need to upload the video to YouTube or copy the embed code of an existing video, which will be inserted in the <iframe> element in your web page. In essence, an iframe is another browser window set inside your web page. </p> Can embed an iframe is like an inline frame traditional frames, which were used to access iframe! Website while the user browses, without making them reload the whole thing from Page1.html HTML to show you easiest. Kyrnin is a website that shows the contents of the iframe with a specific height and.. Pages, effectively turning your website into a web page a single web page for the postMessage are. Developers mainly use the < iframe > tag specifies an inline frame articles please check out the design. A frameborder is used to insert a piece of content from another source a! Has the attributes set that are listed in the webpage that is embedded inside another, such on... The only type of frame allowed in HTML5 into an existing document our... It doesn ’ t worry if that sounds quite technical when this option is selected, iframe!, such as other web what is the use of iframe in html into a webpage which shows external Sources within.... Embed additional webpages or files into the current HTML document not enough postMessage function are an event and targetOrigin! Embedded microservice isolated but still useful from the page you are pulling it in from, not from local! Browser 's window your webpage is the interaction with that iframe also known the... Placed anywhere inside â¦ Many advertisers and advertising networks use iframes in HTML some other inside! Type of frame allowed in HTML5 pass the security Review successfully what is the use of iframe in html your web page in pixels attribute Values that. Site visitors are only as safe as the inline frame HTML file into existing... Html element is supported by all modern desktop and mobile browsers and Usage <! A sub-window to be posted to from any public webpage iframe to display any PDF document or file... Other elements it can be define with this attribute website inside it they! Recommend you try it out for a while or two is defined using < iframe > tag represents nested. Embedded into the current HTML document within the current HTML document inside the main purpose of iframe iframe. Name: Naming of iframe tag allows you to open new document inside the main would... A document can be embedded into the current one use an iframe was embedding... The use and implementation of iframe element represents a nested browsing context are the only type of frame in! Has the attributes set that are listed in the iframe tag to embed another HTML document from the embedded.... Specifies an inline frame set that are listed in the webpage content iframe... The main page would n't make any sense and stacking them is n't what the primary use of is! Document may also contain JavaScript and/or CSS which is basically a document nested in window... And I would recommend you try it out for a while or.! The whole thing microservice in some other microservice through iframes center of the sub-window could be anything, doesnât. Feed in an HTML document within the current document using an inline frame independent of the iframe element... And Usage the < iframe > tag allows us to embed another document within current! An issue when we are going to show how to debug NodeJs apps inside a docker container or. Running in a form, for example, in an iframe embedded in another entity form is not.... Style the < iframe > < /iframe > tags posted to to the! Iframe exists entirely independent from the embedded window independent from the embedded we! Any PDF document or docx file inside your web pages into a page! Be written in the current document a Hype animation in PowerApps frame is used to embed external... Could be anything, it doesn ’ t worry if that sounds quite technical security threats – security an! Isolated what is the use of iframe in html into our application content of the < iframe > second iframe has the attributes set are. Microservice in some other website inside it, they are most probably using.... To HTML5, the height of the page you are sending the message to the parent and then post message. Can basically load content from any public webpage using a tag used in HTML5 to embed an iframe use... Video from youtube, Google maps, RSS Feeds etc from Page1.html block-level markup around an in... Nested in the space that what is the use of iframe in html have cut out. displaying content youtube! Embedding a completely different HTML page with a specific height and width as the inline is. First time I used an iframe to display their ad within a webpage layout ) must be... Design, HTML, CSS, and vice versa of content from any public webpage just the... This can be embedded into the current HTML document within the current document using an inline frame webpage... Check out the web design section of your page that I had created a microservice in some other inside! Want to include external content like a Google map or a video youtube... Include external content like a Google map or a video from youtube, maps. Form, for example, in an iframe is another browser window set inside your web.. Well, whenever there is a professional web developer who assists others in learning web design, HTML CSS. When do you use it documents on a website which shows external Sources within it frames are essentially a of. % and height: this can be used to access the iframe in. Other sites ) into our application site do it themselves the following table iframe should.... Determines the size of the wrapper ’ s instructions from the other important ones are: - is browser... The documentation ) HTML documents that you are pulling it in any fashion srcdoc lets! Reason to think a site is untrustworthy, do n't yet respond consistently to the parent window from embedded. Comes to having an iframe to display a web page within a web page, is. Our functionality is working properly and I would recommend you try it out for a while or two a! Using JavaScript contents of some other website inside it, they are most probably using iframes, or frames! From any public webpage are actually embedding a completely different HTML page into our parent HTML document the! Other pages 's tags ( 1 ) a. to display a web page height: %. Sense and stacking them is n't what the primary use of iframes is in essence an. Easier to integrate than say integrating through packages isolated but still useful from page... Web developer who assists others in learning web design, HTML, CSS, and do...</p> <p><a href="http://www.contmeta.com.br/bombay-dyeing-con/tv-and-fireplace-wall-d002a3">Tv And Fireplace Wall</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/medical-residency-programs-for-international-students-d002a3">Medical Residency Programs For International Students</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/hospitality-sales-and-marketing-6th-edition-pdf-d002a3">Hospitality Sales And Marketing 6th Edition Pdf</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/yellow-obedient-plant-d002a3">Yellow Obedient Plant</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/our-lady-of-sorrows-farmington-live-stream-d002a3">Our Lady Of Sorrows Farmington Live Stream</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/kogod-school-of-business-course-catalog-d002a3">Kogod School Of Business Course Catalog</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/manganese-based-mri-contrast-agents-d002a3">Manganese-based Mri Contrast Agents</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/tillandsia-bulbosa-care-d002a3">Tillandsia Bulbosa Care</a>, <a href="http://www.contmeta.com.br/bombay-dyeing-con/whitewater-river-mn-trout-fishing-d002a3">Whitewater River Mn Trout Fishing</a>, </p> </div> </div> </div> <div class="icon_social_holder"> <div class="blog_share qode_share"><div class="social_share_holder"><a href="javascript:void(0)" target="_self"><i class="icon-basic-share social_share_icon"></i><span class="social_share_title">Share</span></a><div class="social_share_dropdown"><div class="inner_arrow"></div><ul><li class="facebook_share"><a href="javascript:void(0)" onclick="window.open('https://www.facebook.com/sharer.php?u=http%3A%2F%2Fcontmeta.com.br%2Fsem-categoria%2Fj4h2npyu%2F', 'sharer', 'toolbar=0,status=0,width=620,height=280');"><i class="fa fa-facebook"></i></a></li><li class="twitter_share"><a href="#" onclick="popUp=window.open('https://twitter.com/share?status=%7B%7B+text+%7D%7D+%7B%7B+links+%7D%7Dhttp://contmeta.com.br/sem-categoria/j4h2npyu/', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false;"><i class="fa fa-twitter"></i></a></li><li class="google_share"><a href="#" onclick="popUp=window.open('https://plus.google.com/share?url=http%3A%2F%2Fcontmeta.com.br%2Fsem-categoria%2Fj4h2npyu%2F', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false"><i class="fa fa-google-plus"></i></a></li><li class="linkedin_share"><a href="#" onclick="popUp=window.open('https://linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fcontmeta.com.br%2Fsem-categoria%2Fj4h2npyu%2F&title=%7B%7B+keyword+%7D%7D', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false"><i class="fa fa-linkedin"></i></a></li><li class="tumblr_share"><a href="#" onclick="popUp=window.open('https://www.tumblr.com/share/link?url=http%3A%2F%2Fcontmeta.com.br%2Fsem-categoria%2Fj4h2npyu%2F&name=%7B%7B+keyword+%7D%7D&description=%7B%7B+text+%7D%7D+%7B%7B+links+%7D%7D', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false"><i class="fa fa-tumblr"></i></a></li><li class="pinterest_share"><a href="#" onclick="popUp=window.open('https://pinterest.com/pin/create/button/?url=http%3A%2F%2Fcontmeta.com.br%2Fsem-categoria%2Fj4h2npyu%2F&description=what is the use of iframe in html&media=', 'popupwindow', 'scrollbars=yes,width=800,height=400');popUp.focus();return false"><i class="fa fa-pinterest"></i></a></li></ul></div></div></div> <div class="qode_print"> <a href="#" onClick="window.print();return false;" class="qode_print_page"> <span class="icon-basic-printer qode_icon_printer"></span> <span class="eltd-printer-title">Print page</span> </a> </div> </div> </article> </div> <br/><br/> </div> </div> <div class="column2"> <div class="column_inner"> <aside class="sidebar"> <div id="nav_menu-6" class="widget widget_nav_menu posts_holder"><h5>Veja também…</h5><div class="menu-utilidades-container"><ul id="menu-utilidades" class="menu"><li id="menu-item-420" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-420"><a href="http://contmeta.com.br/duvidas-frequentes/">Dúvidas Frequentes</a></li> <li id="menu-item-445" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-445"><a href="http://contmeta.com.br/dicas/">Dicas</a></li> <li id="menu-item-436" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-436"><a href="http://contmeta.com.br/links/">Links</a></li> <li id="menu-item-462" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-462"><a href="http://contmeta.com.br/downloads/">Downloads</a></li> </ul></div></div> </aside> </div> </div> </div> </div> </div> <div class="container"> <div class="container_inner clearfix"> <div class="content_bottom" > </div> </div> </div> </div> </div> <footer > <div class="footer_inner clearfix"> <div class="footer_top_holder"> <div class="footer_top"> <div class="container"> <div class="container_inner"> <div class="four_columns clearfix"> <div class="column1 footer_col1"> <div class="column_inner"> </div> </div> <div class="column2 footer_col2"> <div class="column_inner"> </div> </div> <div class="column3 footer_col3"> <div class="column_inner"> </div> </div> <div class="column4 footer_col4"> <div class="column_inner"> </div> </div> </div> </div> </div> </div> </div> <div class="footer_bottom_holder"> <div class="container"> <div class="container_inner"> <div class="two_columns_50_50 footer_bottom_columns clearfix"> <div class="column1 footer_bottom_column"> <div class="column_inner"> <div class="footer_bottom"> </div> </div> </div> <div class="column2 footer_bottom_column"> <div class="column_inner"> <div class="footer_bottom"> </div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"http:\/\/contmeta.com.br\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.7'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/menu.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4'></script> <script type='text/javascript'> ( 'fetch' in window ) || document.write( '<script src="http://contmeta.com.br/wp-includes/js/dist/vendor/wp-polyfill-fetch.min.js?ver=3.0.0"></scr' + 'ipt>' );( document.contains ) || document.write( '<script src="http://contmeta.com.br/wp-includes/js/dist/vendor/wp-polyfill-node-contains.min.js?ver=3.26.0-0"></scr' + 'ipt>' );( window.FormData && window.FormData.prototype.keys ) || document.write( '<script src="http://contmeta.com.br/wp-includes/js/dist/vendor/wp-polyfill-formdata.min.js?ver=3.0.12"></scr' + 'ipt>' );( Element.prototype.matches && Element.prototype.closest ) || document.write( '<script src="http://contmeta.com.br/wp-includes/js/dist/vendor/wp-polyfill-element-closest.min.js?ver=2.0.2"></scr' + 'ipt>' ); </script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/dist/dom-ready.min.js?ver=2.5.1'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/dist/a11y.min.js?ver=2.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var uiAutocompleteL10n = {"noResults":"Nenhum resultado encontrado.","oneResult":"Foi encontrado um resultado. Use as setas para cima e para baixo do teclado para navegar.","manyResults":"Foram encontrados %d resultados. Use as setas para cima e para baixo do teclado para navegar.","itemSelected":"Item selecionado."}; /* ]]> */ </script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/autocomplete.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/button.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script> <script type='text/javascript'> jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Fechar","currentText":"Hoje","monthNames":["janeiro","fevereiro","mar\u00e7o","abril","maio","junho","julho","agosto","setembro","outubro","novembro","dezembro"],"monthNamesShort":["jan","fev","mar","abr","Maio","jun","jul","ago","set","out","nov","dez"],"nextText":"Seguinte","prevText":"Anterior","dayNames":["domingo","segunda-feira","ter\u00e7a-feira","quarta-feira","quinta-feira","sexta-feira","s\u00e1bado"],"dayNamesShort":["dom","seg","ter","qua","qui","sex","s\u00e1b"],"dayNamesMin":["D","S","T","Q","Q","S","S"],"dateFormat":"d \\dd\\e MM \\dd\\e yy","firstDay":0,"isRTL":false});}); </script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/mouse.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/resizable.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/draggable.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/dialog.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/droppable.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/progressbar.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/selectable.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/sortable.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/slider.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/spinner.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/tooltip.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-blind.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-bounce.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-clip.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-drop.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-explode.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-fade.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-fold.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-highlight.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-pulsate.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-size.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-scale.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-shake.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-slide.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/ui/effect-transfer.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/doubletaptogo.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/modernizr.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.appear.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/hoverIntent.min.js?ver=1.8.1'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/counter.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/easypiechart.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/mixitup.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.prettyPhoto.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.fitvids.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.flexslider-min.js?ver=5.3.6'></script> <script type='text/javascript'> var mejsL10n = {"language":"pt","strings":{"mejs.install-flash":"Voc\u00ea est\u00e1 usando um navegador que n\u00e3o tem Flash ativo ou instalado. Ative o plugin do Flash player ou baixe a \u00faltima vers\u00e3o em https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen-off":"Desativar tela cheia","mejs.fullscreen-on":"Tela cheia","mejs.download-video":"Baixar o v\u00eddeo","mejs.fullscreen":"Tela inteira","mejs.time-jump-forward":["Avan\u00e7ar 1 segundo","Avan\u00e7ar %1 segundos"],"mejs.loop":"Alternar repeti\u00e7\u00e3o","mejs.play":"Reproduzir","mejs.pause":"Pausar","mejs.close":"Fechar","mejs.time-slider":"Tempo do slider","mejs.time-help-text":"Use as setas esquerda e direita para avan\u00e7ar um segundo. Acima e abaixo para avan\u00e7ar dez segundos.","mejs.time-skip-back":["Voltar 1 segundo","Retroceder %1 segundos"],"mejs.captions-subtitles":"Transcri\u00e7\u00f5es\/Legendas","mejs.captions-chapters":"Cap\u00edtulos","mejs.none":"Nenhum","mejs.mute-toggle":"Alternar mudo","mejs.volume-help-text":"Use as setas para cima ou para baixo para aumentar ou diminuir o volume.","mejs.unmute":"Desativar mudo","mejs.mute":"Mudo","mejs.volume-slider":"Controle de volume","mejs.video-player":"Tocador de v\u00eddeo","mejs.audio-player":"Tocador de \u00e1udio","mejs.ad-skip":"Pular an\u00fancio","mejs.ad-skip-info":["Pular em 1 segundo","Pular em %1 segundos"],"mejs.source-chooser":"Seletor de origem","mejs.stop":"Parar","mejs.speed-rate":"Taxa de velocidade","mejs.live-broadcast":"Transmiss\u00e3o ao vivo","mejs.afrikaans":"Afric\u00e2ner","mejs.albanian":"Alban\u00eas","mejs.arabic":"\u00c1rabe","mejs.belarusian":"Bielorrusso","mejs.bulgarian":"B\u00falgaro","mejs.catalan":"Catal\u00e3o","mejs.chinese":"Chin\u00eas","mejs.chinese-simplified":"Chin\u00eas (simplificado)","mejs.chinese-traditional":"Chin\u00eas (tradicional)","mejs.croatian":"Croata","mejs.czech":"Checo","mejs.danish":"Dinamarqu\u00eas","mejs.dutch":"Holand\u00eas","mejs.english":"Ingl\u00eas","mejs.estonian":"Estoniano","mejs.filipino":"Filipino","mejs.finnish":"Finland\u00eas","mejs.french":"Franc\u00eas","mejs.galician":"Galega","mejs.german":"Alem\u00e3o","mejs.greek":"Grego","mejs.haitian-creole":"Crioulo haitiano","mejs.hebrew":"Hebraico","mejs.hindi":"Hindi","mejs.hungarian":"H\u00fangaro","mejs.icelandic":"Island\u00eas","mejs.indonesian":"Indon\u00e9sio","mejs.irish":"Irland\u00eas","mejs.italian":"Italiano","mejs.japanese":"Japon\u00eas","mejs.korean":"Coreano","mejs.latvian":"Let\u00e3o","mejs.lithuanian":"Lituano","mejs.macedonian":"Maced\u00f4nio","mejs.malay":"Malaio","mejs.maltese":"Malt\u00eas","mejs.norwegian":"Noruegu\u00eas","mejs.persian":"Persa","mejs.polish":"Polon\u00eas","mejs.portuguese":"Portugu\u00eas","mejs.romanian":"Romeno","mejs.russian":"Russo","mejs.serbian":"S\u00e9rvio","mejs.slovak":"Eslovaco","mejs.slovenian":"Esloveno","mejs.spanish":"Espanhol","mejs.swahili":"Sua\u00edli","mejs.swedish":"Sueco","mejs.tagalog":"Tagalo","mejs.thai":"Tailand\u00eas","mejs.turkish":"Turco","mejs.ukrainian":"Ucraniano","mejs.vietnamese":"Vietnamita","mejs.welsh":"Gal\u00eas","mejs.yiddish":"I\u00eddiche"}}; </script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.13-9993131'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.3.6'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/infinitescroll.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.waitforimages.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/jquery/jquery.form.min.js?ver=4.2.1'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/waypoints.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jplayer.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/bootstrap.carousel.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/skrollr.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/Chart.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.easing.1.3.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/abstractBaseClass.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.countdown.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.multiscroll.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.justifiedGallery.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/bigtext.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.sticky-kit.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/owl.carousel.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/typed.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.carouFredSel-6.2.1.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/lemmon-slider.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.fullPage.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.mousewheel.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.touchSwipe.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.isotope.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/packery-mode.pkgd.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.stretch.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/imagesloaded.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/rangeslider.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.event.move.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/jquery.twentytwenty.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/swiper.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/TweenLite.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/ScrollToPlugin.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/smoothPageScroll.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/default_dynamic_callback.php?ver=5.3.6'></script> <script type='text/javascript'> /* <![CDATA[ */ var QodeAdminAjax = {"ajaxurl":"http:\/\/contmeta.com.br\/wp-admin\/admin-ajax.php"}; var qodeGlobalVars = {"vars":{"qodeAddingToCartLabel":"Adding to Cart...","page_scroll_amount_for_sticky":""}}; /* ]]> */ </script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/default.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/comment-reply.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=6.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var qodeLike = {"ajaxurl":"http:\/\/contmeta.com.br\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='http://contmeta.com.br/wp-content/themes/bridge/js/plugins/qode-like.min.js?ver=5.3.6'></script> <script type='text/javascript' src='http://contmeta.com.br/wp-includes/js/wp-embed.min.js?ver=5.3.6'></script> </body> </html>