block by roachhd 29859d688d212760c2e4

FlatDoc template with large header image and larg button, legacy.js

Full Screen

index.html

<!doctype html>
<!--

  Instructions:

  - Save this file.
  - Replace "USER" with your GitHub username.
  - Replace "REPO" with your GitHub repo name.
  - Replace "Your Project" with your project name.
  - Upload this file (or commit to GitHub Pages).

  Customize as you see fit!

-->
<html>
<head>
  <meta charset='utf-8'>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width">

  <title>REPO NAME</title>

  <!-- Flatdoc -->
  <script src='//rstacruz.github.io/flatdoc/support/vendor/jquery.js'></script>
  <script src='//rstacruz.github.io/flatdoc/legacy.js'></script>
  <script src='//rstacruz.github.io/flatdoc/flatdoc.js?94850'></script>

  <!-- Flatdoc theme -->
  <link  href='//rstacruz.github.io/flatdoc/theme-white/style.css?94850' rel='stylesheet'>
  <script src='//rstacruz.github.io/flatdoc/theme-white/script.js?94850'></script>
  <link  href='//rstacruz.github.io/flatdoc/support/theme.css?94850' rel='stylesheet'>
  <script src='//rstacruz.github.io/flatdoc/support/theme.js?94850'></script>

  <!-- Meta -->
  <meta content="REPO NAME" property="og:title">
  <meta content="REPO DESCRIPTION." name="description">

  <!-- Initializer -->
  <script>
    Flatdoc.run({
      fetcher: Flatdoc.github('USER/REPO')
    });
  </script>
</head>
<body role='flatdoc' class='big-h3 large-brief'>

     <div class='title-area title-card' style='background-image: url(https://raw.githubusercontent.com/rstacruz/flatdoc/gh-pages/support/blur.jpg)'>
    <div class='in'>
      <div class='headline'>
        <h1>PROJECT NAME</h1>
        <p>ThIS IS WHERE THE TAG LINE GOES, BOO YA.</h5>
        <h5><span>LARGE BUTTON</span></h5>
      </div>
    </div>
  </div>


  <div class='header'>
    <div class='left'>
      <h1>PROJECT NAME </h1>
      <ul>
        <li><a href='https://github.com/USER/REPO>View on GitHub</a></li>
        <li><a href='https://github.com/USER/REPO/issues'>Issues</a></li>
      </ul>
    </div>
    <div class='right'>
      <!-- GitHub buttons: see //ghbtns.com -->
      <iframe src="//ghbtns.com/github-btn.html?user=USER&amp;repo=REPO&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
    </div>
  </div>

  <div class='content-root'>
    <div class='menubar'>
      <div class='menu section' role='flatdoc-menu'></div>
    </div>
    <div role='flatdoc-content' class='content'></div>
  </div>

</body>
</html>