template for testing and live reloading html files

this is a template that i use while testing flat html files, if you add it to a server it will live reload. this does seem to cause issues depending on the site that is is used on, like reloading all the time if used on an aspx site (don't use aspx! :)

Demo

HTML

<!-- testing -->
<script type="text/javascript" src="http://livejs.com/live.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css" integrity="sha256-zmfNZmXoNWBMemUOo1XUGFfc0ihGGLYdgtJS3KCr/l0=" crossorigin="anonymous" />
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.css" integrity="sha256-Ed7kL1p/BVuHCwGSEpUib2v9K7JtkCQlX4CweQEimJo=" crossorigin="anonymous" />-->
<!--<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">-->
<style>
  /*
  * {
    font-family: "Open Sans", sans-serif;
  }
  */
  * {
    box-sizing: border-box;
    transition: all 0.2s;
    scroll-behavior: smooth;
  }
  .mb-3 {
    margin-bottom: 3rem;
  }
.grid-bottom-line {
  border-bottom:1px solid #EEE;
  padding-bottom:10px;
  margin-bottom:10px;
}
</style>
<!-- testing -->

Working Result

Page Views

This page has been viewed 121 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹