-
Notifications
You must be signed in to change notification settings - Fork 54
/
index.html
95 lines (89 loc) · 5.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="description" content="Off canvas menu built with HTML5, CSS3, and JavaScript, based on Google's material design principles.">
<meta name="author" content="Nick Salloum">
<title>Material Design Off Canvas Menu with HTML5, CSS3, and JavaScript</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,700">
<link rel="stylesheet" href="css/style.min.css">
<meta property="og:title" content="Material Design Off Canvas Menu with HTML5, CSS3, and JavaScript">
<meta property="og:site_name" content="Call Me Nick">
<meta property="og:url" content="http://callmenick.com/_development/material-menu">
<meta property="og:image" content="http://callmenick.com/_development/material-menu/img/material-menu-featured.jpg">
</head>
<body>
<div id="wrapper" class="wrapper">
<header class="header">
<div class="container">
<h1 class="header__title">My App</h1>
</div>
</header>
<main>
<div class="container">
<section>
<h1>Material Menu</h1>
<div id="github-icons"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius esse corporis, velit porro impedit laudantium accusamus! Id velit, illum magni rem mollitia blanditiis iste maiores optio ipsa, est dolorem fugit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam repellendus odio consequatur, iure fuga, saepe sed, eum deserunt error praesentium enim provident qui voluptatibus rerum expedita blanditiis dicta nobis alias. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa qui consequuntur eius aliquam, rerum deleniti. Ipsam neque, nam cumque, sunt, labore autem perferendis suscipit voluptatum praesentium dolores aspernatur quae assumenda.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit ea nihil dolorem sapiente ullam obcaecati ipsam omnis, commodi ratione atque aliquid suscipit harum asperiores voluptate accusantium, temporibus saepe fugit iusto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius esse corporis, velit porro impedit laudantium accusamus! Id velit, illum magni rem mollitia blanditiis iste maiores optio ipsa, est dolorem fugit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam repellendus odio consequatur, iure fuga, saepe sed, eum deserunt error praesentium enim provident qui voluptatibus rerum expedita blanditiis dicta nobis alias. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa qui consequuntur eius aliquam, rerum deleniti. Ipsam neque, nam cumque, sunt, labore autem perferendis suscipit voluptatum praesentium dolores aspernatur quae assumenda.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit ea nihil dolorem sapiente ullam obcaecati ipsam omnis, commodi ratione atque aliquid suscipit harum asperiores voluptate accusantium, temporibus saepe fugit iusto.</p>
</section>
<section>
<h1>Download & Credits</h1>
<p>Get the code here - <a href="https://github.com/callmenick/Material-Menu">https://github.com/callmenick/Material-Menu</a></p>
<p>Built By - <a href="http://callmenick.com">Call Me Nick</a></p>
</section>
</div>
</main>
</div><!-- /wrapper -->
<button id="mm-menu-toggle" class="mm-menu-toggle">Toggle Menu</button>
<nav id="mm-menu" class="mm-menu">
<div class="mm-menu__header">
<h2 class="mm-menu__title">Nick Salloum</h2>
</div>
<ul class="mm-menu__items">
<li class="mm-menu__item">
<a class="mm-menu__link" href="#">
<span class="mm-menu__link-text"><i class="md md-home"></i> Home</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="#">
<span class="mm-menu__link-text"><i class="md md-person"></i> Profile</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="#">
<span class="mm-menu__link-text"><i class="md md-inbox"></i> Inbox</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="#">
<span class="mm-menu__link-text"><i class="md md-favorite"></i> Favourites</span>
</a>
</li>
<li class="mm-menu__item">
<a class="mm-menu__link" href="#">
<span class="mm-menu__link-text"><i class="md md-settings"></i> Settings</span>
</a>
</li>
</ul>
</nav><!-- /nav -->
<script src="js/production/materialMenu.min.js"></script>
<script>
var menu = new Menu;
</script>
<!-- EXTERNAL SCRIPTS FOR CALLMENICK.COM, PLEASE DO NOT INCLUDE -->
<script src="js/external/githubIcons.js"></script>
<script src="js/external/fusionAd.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-34160351-1', 'auto');
ga('send', 'pageview');
</script>
<!-- /EXTERNAL SCRIPTS -->
</body>
</html>