• CodeView
  • WebView
  • EMBED
  • About
  • <!DOCTYPE html>
    <html amp>
    <head>
    	<!-- Global site tag (gtag.js) - Google Analytics -->
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
      <title>Example Page - HTML Save</title>
    <meta name="description" content="Check the example page of htmlsave.com to see how the rendered link will look in a browser.">
    <meta name="keywords" content="host,example page,example,sample,paste,htmlsave,html,save,pastebin,javascript,js,css,free,hosting,html converter, html onle, file save, html code online,host html online,text to html converter,paste html">
    <link rel="icon" href="../html%20save%20online%20logo.png" type="image/x-icon" />
    <link rel="shortcut icon" href="../html%20save%20online%20logo.png" type="image/x-icon" />
      
    <link rel="canonical" href="https://example.htmlsave.com/">
     <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <link href="https://fonts.googleapis.com/css?family=Neucha:400" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Forum:400" rel="stylesheet">
     
     <style amp-custom>div,h1,h2,a{font: inherit;}*{box-sizing: border-box;outline: none;}*:focus{outline: none;}body{position: relative;font-style: normal;line-height: 1.5;color: #000000;}section{background-color: #ffffff;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;overflow: hidden;padding: 30px 0;}section,.container{position: relative;word-wrap: break-word;}h1,h2{margin: 0;padding: 0;}a{cursor: pointer;}a,a:hover{text-decoration: none;}h1,h2,.display-1,.display-2,.display-7{word-break: break-word;word-wrap: break-word;}strong{font-weight: bold;}body{height: auto;min-height: 100vh;}.mbr-section-title{margin: 0;padding: 0;font-style: normal;line-height: 1.2;width: 100%;}.mbr-section-subtitle{line-height: 1.3;width: 100%;}.btn{text-align: center;position: relative;margin: .4rem .8rem;font-weight: 700;border-width: 2px;border-style: solid;font-style: normal;white-space: normal;transition: all .2s ease-in-out,box-shadow 2s ease-in-out;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;line-height: 1.5;letter-spacing: 1px;}.gallery-img-wrap amp-img{height: 100%;}amp-image-lightbox a.control{position: absolute;width: 32px;height: 32px;right: 48px;top: 32px;z-index: 1000;}amp-image-lightbox a.control .close{position: relative;}amp-image-lightbox a.control .close:before,amp-image-lightbox a.control .close:after{position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #fff;}amp-image-lightbox a.control .close:before{transform: rotate(45deg);}amp-image-lightbox a.control .close:after{transform: rotate(-45deg);}.align-center{text-align: center;}@media (max-width: 767px){.align-center{text-align: center;}}.mbr-bold{font-weight: 700;}.mbr-section-btn{margin-left: -.8rem;margin-right: -.8rem;font-size: 0;}.mbr-fullscreen .mbr-overlay{min-height: 100vh;}.mbr-fullscreen{display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;align-items: center;-webkit-align-items: center;min-height: 100vh;padding-top: 3rem;padding-bottom: 3rem;}.mbr-overlay{bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 0;}@media (max-width: 767px){.navbar-logo amp-img{max-height: 55px;max-width: 55px;}}.ampstart-btn.hamburger{position: absolute;top: 25px;right: 15px;margin-left: auto;width: 30px;height: 20px;background: none;border: none;cursor: pointer;z-index: 1000;}@media (min-width: 992px){.ampstart-btn,amp-sidebar{display: none;}}amp-img{width: 100%;}amp-img img{max-height: 100%;max-width: 100%;}.is-builder amp-img > a + img[async],.is-builder amp-img > a + img[decoding="async"]{display: none;}html:not(.is-builder) amp-img > a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}.is-builder .temp-amp-sizer{position: absolute;}.is-builder amp-youtube .temp-amp-sizer,.is-builder amp-vimeo .temp-amp-sizer{position: static;}.is-builder section.horizontal-menu .ampstart-btn{display: none;}.placeholder-loader .amp-active > div{display: none;}.container{padding-right: 1rem;padding-left: 1rem;width: 100%;margin-right: auto;margin-left: auto;}@media (max-width: 767px){.container{max-width: 540px;}}@media (min-width: 768px){.container{max-width: 720px;}}@media (min-width: 992px){.container{max-width: 960px;}}@media (min-width: 1200px){.container{max-width: 1140px;}}.mbr-row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -1rem;margin-left: -1rem;}@media (max-width: 767px){.mbr-col-sm-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 1rem;padding-left: 1rem;}}@media (min-width: 768px){.mbr-col-md-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 1rem;padding-left: 1rem;}}@media (min-width: 992px){.mbr-col-lg-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 1rem;padding-left: 1rem;}}.mbr-pt-3{padding-top: 1.5rem;}.mbr-pt-4{padding-top: 2rem;}amp-img{height: 100%;width: 100%;}amp-sidebar{background: transparent;}.amp-carousel-button{outline: none;border-radius: 50%;border: 10px transparent solid;transform: scale(1.5) translateY(-50%);height: 45px;width: 45px;transition: 0.4s;cursor: pointer;}.amp-carousel-button:hover{opacity: 1;}.amp-carousel-button-next{background-position: 75% 50%;}.amp-carousel-button-prev{background-position: 25% 50%;}.amp-iconfont{vertical-align: middle;width: 1.5rem;height: 100%;font-size: 1.5rem;}body{font-family: Didact Gothic;}.display-1{font-family: 'Neucha',handwriting;font-size: 5rem;line-height: 1.2;}.display-2{font-family: 'Forum',display;font-size: 2.875rem;line-height: 1.2;}.display-7{font-family: 'Forum',display;font-size: 1.4rem;line-height: 1.6;}@media (max-width: 768px){.display-1{font-size: 4rem;font-size: calc( 2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20))));}.display-2{font-size: 2.3rem;font-size: calc( 1.65625rem + (2.875 - 1.65625) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.65625rem + (2.875 - 1.65625) * ((100vw - 20rem) / (48 - 20))));}.display-7{font-size: 1.12rem;font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));}}.btn{padding: 10px 30px;border-radius: 0px;}.btn-primary,.btn-primary:active{background-color: #faab9f;border-color: #faab9f;color: #ffffff;}.btn-primary:hover,.btn-primary:focus{background-color: #f5563e;border-color: #f5563e;color: #ffffff;}.btn-primary:disabled{color: #ffffff;background-color: #f5563e;border-color: #f5563e;}.amp-iconfont{transition: 0.2s ease-in-out;}.amp-iconfont{color: #faab9f;}amp-carousel{overflow: hidden;}.cid-rvs2odQ2LV{background-image: url("https://app.8b.io/app/themes/webamp/components/header1/presets/backgrounds/04.jpg");align-items: center;display: flex;}.cid-rvs2odQ2LV .mbr-overlay{background: #ffffff;opacity: 0.8;}.cid-rvs2odQ2LV .mbr-section-title{color: #000000;}.cid-rvs2odQ2LV .mbr-section-subtitle{color: #000000;}.cid-rvs2odQ2LV .mbr-section-subtitle,.cid-rvs2odQ2LV .mbr-section-btn{color: #000000;}</style>
     
      <script async  src="https://cdn.ampproject.org/v0.js"></script>
      <script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
     
      
    </head>
    <body>
      <section class="header1 cid-rvs2odQ2LV mbr-fullscreen" id="header1-1t">
        
        <div class="mbr-overlay"></div>
        <div class="container">
            <div class="mbr-row align-center">
                <div class="title-block mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12">
                    <h1 class="mbr-section-title mbr-fonts-style mbr-bold display-1">An example Page</h1>
                    <h2 class="mbr-section-subtitle mbr-fonts-style mbr-pt-3 display-2">This is an example file hosted on <strong>HtmlSave.com</strong></h2>
                    
                    <div class="mbr-section-btn mbr-pt-4"><a href="https://url.htmlsave.com/example.html" target="_blank" class="btn-primary btn display-7 btn-secondary rounded-5">Share Link of this Page</a></div>
                </div>
            </div>
        </div>
    </section>
     
    </body>
    </html>

    Embed example on your WebSite

    You can also embed the code in your website easily using

    <script src="https://api.htmlsave.com/embed/example.js"></script>


    Note: Please use this code, only if you have the permission from the Code Holder.

    About this Page

    User-made code example has been loaded to this page

    The code will not run until you click the "WebView" button in the Tab.

    By clicking the "WebView" button, or "View without Iframe", you agree to our terms and conditions.


    Visit htmlsave.com for hosting similar.