diff options
Diffstat (limited to 'exampleSite/public/index.html')
-rw-r--r-- | exampleSite/public/index.html | 197 |
1 files changed, 197 insertions, 0 deletions
diff --git a/exampleSite/public/index.html b/exampleSite/public/index.html new file mode 100644 index 0000000..6d61468 --- /dev/null +++ b/exampleSite/public/index.html @@ -0,0 +1,197 @@ +<!doctype html> +<html lang="en-us"> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="description" content="A port of the Grayscale theme to Hugo"> + <meta name="author" content="RunningStream"> + + <title>Hugo Grayscale Theme</title> + <link rel="icon" href="/favicon.ico"> + + + <meta name="robots" content="index,follow"> + <meta name="referrer" content="origin-when-cross-origin"> + + + + + <meta name="generator" content="Hugo 0.47.1"> + + + <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> + + + <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> + <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css"> + <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'> + + + <link href="/css/grayscale.min.css" rel="stylesheet"> +<body id="page-top"> + + + + + + + + + + + + + + + + + + + + + + + <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav"> + <div class="container"> + <a class="navbar-brand js-scroll-trigger improve-contrast-box" href="#page-top">Hugo Grayscale Theme</a> + <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> + Menu + <i class="fa fa-bars"></i> + </button> + <div class="collapse navbar-collapse" id="navbarResponsive"> + <ul class="navbar-nav ml-auto"> + + + <li class="nav-item"> + <a class="nav-link js-scroll-trigger improve-contrast-box" href="#about ">about</a> + </li> + + + + <li class="nav-item"> + <a class="nav-link js-scroll-trigger improve-contrast-box" href="#Links ">Links</a> + </li> + + + + <li class="nav-item"> + <a class="nav-link js-scroll-trigger improve-contrast-box" href="#contact ">contact</a> + </li> + + + + + <li class="nav-item"> + <a class="nav-link js-scroll-trigger improve-contrast-box" href="http://startbootstrap.com/template-overviews/grayscale/ ">Original</a> + </li> + + + </ul> + </div> + </div> + </nav> + + + + <header class="masthead"> + <div class="intro-body"> + <div class="container"> + <div class="row"> + <div class="col-lg-8 mx-auto"> + <div class="improve-contrast-box"> + <h1 class="brand-heading">Grayscale</h1> + <p class="intro-text">A free, responsive, one page Hugo/Bootstrap theme originally created by Start Bootstrap.</p> + </div> + <a href="#about" class="btn btn-circle js-scroll-trigger"> + <i class="fa fa-angle-double-down animated"></i> + </a> + </div> + </div> + </div> + </div> + </header> + + + + + <section id="about" class="content-section text-center"> + <div class="container"> + <div class="row"> + <div class="col-lg-8 mx-auto"> + <h2>About Grayscale</h2> + <p><p>Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.</p> <p>This theme was also adapted from a Jekyll version, brought to you by <a href="https://github.com/jeromelachaud">Jerome Lachaud</a></p> <p>This theme features stock photos by <a href="http://gratisography.com/">Gratisography</a> along with a custom Google Maps skin courtesy of <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p> <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with SASS and LESS files for easy customization!</p></p> + </div> + </div> + </div> + </section> + + + + + <section id="Links" class="download-section content-section text-center"> + <div class="container"> + <div class="col-lg-8 mx-auto"> + <div class="improve-contrast-box"> + <h2>Download Grayscale</h2> + <p><p>You can download Grayscale for free on the preview page at Start Bootstrap.</p><a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a></p> + </div> + </div> + </div> + </section> + + + + + <section id="contact" class="content-section text-center"> + <div class="container"> + <div class="row"> + <div class="col-lg-8 mx-auto"> + <h2>Contact Start Bootstrap</h2> + <p><p>Feel free to leave us a comment on the <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale template overview page</a> on Start Bootstrap to give some feedback about this theme!</p></p> + + <ul class="list-inline banner-social-buttons"> + + <li class="list-inline-item"> + <a href="https://twitter.com/stream_running" class="btn btn-default btn-lg"> + <i class="fa fa-twitter fa-fw"></i> + <span class="network-name">Twitter</span> + </a> + </li> + + + <li class="list-inline-item"> + <a href="https://github.com/runningstream" class="btn btn-default btn-lg"> + <i class="fa fa-github fa-fw"></i> + <span class="network-name">Github</span> + </a> + </li> + + + </ul> + + </div> + </div> + </div> + </section> + + + + + + <footer> + <div class="container text-center"> + <p>Copyright © Your Website </p> + </div> + </footer> + + + <script src="/vendor/jquery/jquery.min.js"></script> + <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> + + + <script src="/vendor/jquery-easing/jquery.easing.min.js"></script> + + + + + <script src="/js/grayscale.min.js"></script> +</body> +</html> |