crowbat.github.io/index.html at master · crowbat/crowbat.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $("#myContent").load("home.html");
    });
</script>
<script>
    $(document).ready(function() {
        $("#home").click(function() {
            $("#myContent").load("home.html");
        });
    });
</script>
<script>
    $(document).ready(function() {
        $("#about").click(function() {
            $("#myContent").load("about.html");
        });
    });
</script>
<script>
    $(document).ready(function() {
        $("#contact").click(function() {
            $("#myContent").load("contact.html");
        });
    });
</script>
</head>
<title>crowbat.github.io</title>
<link rel="stylesheet" href="css/w3.css">
<link rel="stylesheet" href="css/w3-theme-black.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="css/font-awesome.min.css">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
.w3-sidenav a,.w3-sidenav h4{padding:12px;}
.w3-navbar a{padding-top:12px !important;padding-bottom:12px !important;}
html,body{height:100%;}
footer{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
</style>
<body>
<!-- Navbar -->
<ul class="w3-navbar w3-blue">
  <li><a href="#" class="w3-hover-black" id="home">Home</a></li>
  <li><a href="#" class="w3-hover-black" id="about">About</a></li>
  <li><a href="#" class="w3-hover-black" id="contact">Contact</a></li>
  <li class="w3-right" style="padding-top:12px; padding-right:10px">crowbat.github.io</li>
</ul>

<div class="w3-main">

  <div class="w3-row">
    <div class="w3-container" id="myContent">
    </div>
  </div>

  <footer id="myFooter">
    <div class="w3-container w3-theme-l1">
      <p>Powered by <a href="http://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
    </div>
  </footer>

<!-- END MAIN -->
</div>

</body>
</html>