1<!doctype html>
 2<html lang="en">
 3
 4<head>
 5  <!-- Required meta tags -->
 6  <meta charset="utf-8">
 7  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8
 9  <!-- Bootstrap CSS -->
10  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
11
12  <style>
13    body {
14      word-wrap: break-word;
15    }
16    footer {
17      width:100%;
18      background: #38414f;
19      color: #bec0c4;
20      margin-top: 80px;
21      padding: 20px;
22    }
23    a:link {
24      color: #008ae6;
25    }
26    a:visited {
27      color: #008ae6;
28    }
29    a:hover {
30      color: #33adff;
31    }
32  </style>
33
34  <title>padArchiver</title>
35</head>
36
37<body>
38  <nav class="navbar navbar-expand-lg navbar-light bg-light">
39    <a class="navbar-brand" href="/">
40      <img src="https://seeklogo.com/images/G/go-logo-046185B647-seeklogo.com.png" height="30" class="d-inline-block align-top" alt="">
41      padArchiver
42    </a>
43    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
44    <span class="navbar-toggler-icon"></span>
45  </button>
46
47    <div class="collapse navbar-collapse" id="navbarSupportedContent">
48      <!--<ul class="navbar-nav mr-auto">
49        <li class="nav-item active">
50          <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
51        </li>
52      </ul>-->
53    </div>
54    <form class="form-inline my-2 my-lg-0">
55      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
56      <button class="btn btn-outline-info my-2 my-sm-0" type="submit">Search</button>
57    </form>
58  </nav>
59
60  <br>
61  <div class="container">
62    <div class="row">
63      <div class="col-sm-3">
64        {{.MenuContent}}
65      </div>
66      <div class="col-sm-9">
67        <h3>{{.Title}}</h3>
68        <hr> {{.Content}}
69      </div>
70    </div>
71
72  </div>
73
74  <footer class="text-muted">
75    <div class="container">
76      <p class="float-right">
77        <a href="#">Back to top</a>
78      </p>
79      <p>
80        padArchiver - webServer
81      </p>
82      <p>
83        Github: <a href="https://github.com/arnaucode/padArchiver" target="_blank">https://github.com/arnaucode/padArchiver</a>
84      </p>
85    </div>
86  </footer>
87
88  <!-- Optional JavaScript -->
89  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
90  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
91  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
92  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
93
94  <!-- font awesome icons -->
95  <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
96</body>
97
98</html>