kodeplay.github.io/trial.html at master · kodeplay/kodeplay.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Starter Template - Materialize</title>

<!-- CSS  -->
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<ul id = "dropdown1" class = "dropdown-content">
  <li><a href = "#!">one</a></li>
  <li><a href = "#!">two</a></li>
  <li><a href = "#!">three</a></li>


</ul>
<div class = "navbar-fixed">
  <nav>
    <div class = "nav-wrapper">
      <a href = "#!" class = "brand-logo">Logo</a>
      <ul class = "right">
      <li><a href = "#">Home</a></li>
      <li><a href = "#">Home</a></li>
      <li><a href = "#">Home</a></li>
      <li><a href = "#">Home</a></li>
      <li><a class = "dropdown-button" data-activates="dropdown1" href = "#!">DropDown<i class = "mdi-navigation-arrow-drop-down right"></i>
      </a></li>
      </ul>
    </div>
  </nav>
</div>
<div style = "height:1000px;" class = "container content">
  <p>
lorem ipsum dimkhum tim tum
llllllorem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
llllllllllllllllllllllllllllllllllllllllllorem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum
orem ipsum dimkhum tim tum

  </p>
</div>
<!--scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script type = "text/javascript">
$(".dropdown-button").dropdown();
</script>
</body>
</html>