xxxxxxxxxx
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
<title>Document</title>
7
8
9
10
</head>
11
<body class="fixed-sn light-blue-skin">
12
13
14
<!--Main Navigation-->
15
<header>
16
17
18
<!-- Sidebar navigation -->
19
<div id="slide-out" class="side-nav fixed">
20
<ul class="custom-scrollbar">
21
<!-- Logo -->
22
<li>
23
<div class="logo-wrapper waves-light">
24
<a href="#"><img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" class="img-fluid flex-center"></a>
25
</div>
26
</li>
27
<!--/. Logo -->
28
<!--Social-->
29
<li>
30
<ul class="social">
31
<li><a href="#" class="icons-sm fb-ic"><i class="fab fa-facebook-f"> </i></a></li>
32
<li><a href="#" class="icons-sm pin-ic"><i class="fab fa-pinterest"> </i></a></li>
33
<li><a href="#" class="icons-sm gplus-ic"><i class="fab fa-google-plus-g"> </i></a></li>
34
<li><a href="#" class="icons-sm tw-ic"><i class="fab fa-twitter"> </i></a></li>
35
</ul>
36
</li>
37
<!--/Social-->
38
<!--Search Form-->
39
<li>
40
<form class="search-form" role="search">
41
<div class="form-group md-form mt-0 pt-1 waves-light">
42
<input type="text" class="form-control" placeholder="Search">
43
</div>
44
</form>
45
</li>
46
<!--/.Search Form-->
47
<!-- Side navigation links -->
48
<li>
49
<ul class="collapsible collapsible-accordion">
50
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-chevron-right"></i>
51
Submit blog<i class="fas fa-angle-down rotate-icon"></i></a>
52
<div class="collapsible-body">
53
<ul>
54
<li><a href="#" class="waves-effect">Submit listing</a>
55
</li>
56
<li><a href="#" class="waves-effect">Registration form</a>
57
</li>
58
</ul>
59
</div>
60
</li>
61
<li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-hand-pointer"></i>
62
Instruction<i class="fas fa-angle-down rotate-icon"></i></a>
63
<div class="collapsible-body">
64
<ul>
65
<li><a href="#" class="waves-effect">For bloggers</a>
66
</li>
67
<li><a href="#" class="waves-effect">For authors</a>
68
</li>
69
</ul>
70
</div>
71
</li>
72
<li><a class="collapsible-header waves-effect arrow-r"><i class="far fa-eye"></i> About<i class="fas fa-angle-down rotate-icon"></i></a>
73
<div class="collapsible-body">
74
<ul>
75
<li><a href="#" class="waves-effect">Introduction</a>
76
</li>
77
<li><a href="#" class="waves-effect">Monthly meetings</a>
78
</li>
79
</ul>
80
</div>
81
</li>
82
<li><a class="collapsible-header waves-effect arrow-r"><i class="fas fa-envelope-o"></i> Contact
83
me<i class="fas fa-angle-down rotate-icon"></i></a>
84
<div class="collapsible-body">
85
<ul>
86
<li><a href="#" class="waves-effect">FAQ</a>
87
</li>
88
<li><a href="#" class="waves-effect">Write a message</a>
89
</li>
90
<li><a href="#" class="waves-effect">FAQ</a>
91
</li>
92
<li><a href="#" class="waves-effect">Write a message</a>
93
</li>
94
<li><a href="#" class="waves-effect">FAQ</a>
95
</li>
96
<li><a href="#" class="waves-effect">Write a message</a>
97
</li>
98
<li><a href="#" class="waves-effect">FAQ</a>
99
</li>
100
<li><a href="#" class="waves-effect">Write a message</a>
101
</li>
102
</ul>
103
</div>
104
</li>
105
</ul>
106
</li>
107
<!--/. Side navigation links -->
108
</ul>
109
<div class="sidenav-bg rgba-blue-strong"></div>
110
</div>
111
<!--/. Sidebar navigation -->
112
113
</header>
114
<!--Main Navigation-->
115
116
117
118
119
<!--Main layout-->
120
121
<!--Google map-->
122
123
<iframe src="https://www.ingenieriadeltiempo.cl" frameborder="0"
124
style="border:0; width:100%; height:100%" allowfullscreen></iframe>
125
126
<!--Main layout-->
127
128
<!-- Footer -->
129
<footer class="page-footer font-small blue">
130
131
<!-- Copyright -->
132
<div class="footer-copyright text-center py-3">© 2018 Copyright:
133
<a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>
134
</div>
135
<!-- Copyright -->
136
137
</footer>
138
<!-- Footer -->
139
</body>
140
</html>
1
1
xxxxxxxxxx
1
//FUNCION PARA OCULTAR MENU
2
$(".button-collapse").sideNav();
3
// SideNav Scrollbar Initialization
4
var sideNavScrollbar = document.querySelector('.custom-scrollbar');
5
Ps.initialize(sideNavScrollbar);
Console errors: 0