Skip to content

Instantly share code, notes, and snippets.

@gsusmonzon

gsusmonzon/html5-template.html

Last active May 29, 2021 16:48
Download ZIP

Revisions

  1. gsusmonzon revised this gist May 29, 2021. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions html5-template.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,6 +5,8 @@
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your Website</title>
    <meta name="description" content="HTML5 template">
    <meta name="author" content="unknown">
    <!-- <link rel="stylesheet" href="css/styles.css?v=1.0"> -->
    </head>

  2. gsusmonzon created this gist May 29, 2021.
    53 changes: 53 additions & 0 deletions html5-template.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,53 @@
    <!doctype html>

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your Website</title>
    <!-- <link rel="stylesheet" href="css/styles.css?v=1.0"> -->
    </head>

    <body>

    <header>
    <nav>
    <ul>
    <li>Your menu</li>
    </ul>
    </nav>
    </header>

    <section>

    <article>
    <header>
    <h2>Article title</h2>
    <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
    </header>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </article>

    <article>
    <header>
    <h2>Article title</h2>
    <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
    </header>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </article>

    </section>

    <aside>
    <h2>About section</h2>
    <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
    </aside>

    <footer>
    <p>Copyright 1970 Your name</p>
    </footer>

    <!-- <script src="js/scripts.js"></script> -->
    </body>

    </html>