1.0InMotion Hosting Support Centerhttps://www.inmotionhosting.com/supportInMotion Hosting Contributorhttps://www.inmotionhosting.com/support/author/jamesr/Step 1: Adding HTML to the Responsive Template | InMotion Hostingrich600338<blockquote class="wp-embedded-content" data-secret="786Wcry2HH"><a href="https://www.inmotionhosting.com/support/website/adding-html-web-design/">Step 1: Adding HTML to the Responsive Template</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.inmotionhosting.com/support/website/adding-html-web-design/embed/#?secret=786Wcry2HH" width="600" height="338" title="“Step 1: Adding HTML to the Responsive Template” — InMotion Hosting Support Center" data-secret="786Wcry2HH" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script>
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
//# sourceURL=https://www.inmotionhosting.com/support/wp-includes/js/wp-embed.min.js
</script>
The first step to getting your responsive template created is to add the HTML code for the site. This tutorial will show you what to put in your Responsive Website template.https://www.inmotionhosting.com/support/wp-content/uploads/2013/06/edu_website-design_206_introduction-responsive-templates_withoutstyles.png