-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
141 lines (121 loc) · 4.95 KB
/
index.html
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- For Google -->
<link rel="author" href="https://plus.google.com/+Scoopthemes">
<link rel="publisher" href="https://plus.google.com/+Scoopthemes">
<!-- for Twitter -->
<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<meta name="twitter:url" content="">
<!-- for Facebook OpenGraph -->
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />
<!-- Canonical -->
<link rel="canonical" href="">
<title>Sidebar Layout - Scoop Themes Template</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- font Awesome CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<!-- Main Styles CSS -->
<link href="css/main.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<aside id="sideBar">
<ul class="main-nav">
<!-- Your Logo Or Site Name -->
<li class="nav-brand">
<a href="#"><img src="img/logo.png" alt=""></a>
</li>
<!-- Search -->
<li class="main-search">
<form action="#">
<input type="text" class="form-control search-input" placeholder="Search here...">
<i class="fa fa-search"></i>
</form>
</li>
<li>
<a href="#">- Bootstrap</a>
</li>
<li>
<a href="#">- Mail Inbox</a>
</li>
<li>
<a href="#">- Form Controls</a>
</li>
<li>
<a href="#">- UI Elements</a>
</li>
<li>
<a href="#">- Calendar / Dates</a>
</li>
<li>
<a href="#">- Drag / Drop</a>
</li>
<li>
<a href="#">- App Views</a>
</li>
<li>
<a href="#">- Another Menu item</a>
</li>
</ul>
</aside>
<!-- Main Section -->
<section class="main-section">
<!-- Add Your Content Inside -->
<div class="content">
<!-- Remove This Before You Start -->
<h1>Sidebar Starter Template</h1>
<p>By <a href="http://scoopthemes.com">Scoop Themes</a> sidebar webstarter template <a href="http://getbootstrap.com/">Bootstrap 3.3.0</a> based.</p>
<div class="form-group">
<button id="menuToggler" class="btn btn-primary">Press me to toggle</button>
</div>
<h2>* Font Awesome Included <span class="fa fa-heart"></span></h2>
<h2>* JQuery Included</h2>
<h2>* Google Fonts Included (Open Sans).</h2>
<h2>* (Bootstrap, Jquery, FontAwesome) all linked from MaxCDN.</h2>
<h2>* Javascript Master & Objects Functions Ready.</h2>
<h2>* Google, OpenGraph, Twitter Meta Tags are Ready.</h2>
<h2>* SASS Included (Optional).</h2>
<h2>* W3C Valid HTML5.</h2>
</div>
<!-- /.content -->
</section>
<!-- /.main-section -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- Custom JavaScript -->
<script src="js/custom.js"></script>
<!-- Call functions on document ready -->
<script>
$(document).ready(function() {
// Call Menu Toggler
appMaster.menuToggler();
// Example Call anotherFunction
appMaster.anotherFunction();
});
</script>
</body>
</html>