https://www.munihualqui.cl/login/

1<!DOCTYPE html>
2<html>
3<head>
4<title>Intranet</title>
5
6<meta name="viewport" content="width=device-width,initial-scale=1">
7<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
8<meta http-equiv="content-language" content="es"/>
9<meta name="author" content="MasterNet.cl - https://www.masternet.cl" />
10<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	
11
12<base href="https://www.munihualqui.cl/" />
13<link rel="stylesheet" href="https://use.fontawesome.com/bc487ab894.css">
14<link rel="stylesheet" href="css_intranet.css" type="text/css" />
15
16<link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
17<meta name="apple-mobile-web-app-title" content="Intranet">
18<meta name="apple-mobile-web-app-capable" content="yes">
19<link rel="manifest" href="css/manifest.json">
20
21<link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
22<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet" type='text/css'>
23<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>

24<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

24

25<script src="js/funciones.js"></script>

25
26
27<style>
28.ct_menu_top_fijo{
29	box-sizing: border-box;
30	position: fixed;
31	top: 0;
32	float: none;
33	margin: 0;
34	z-index: 999;
35	padding: 0;
36	width: 100%;
37	height: 46px;}
38@media screen and (max-width: 1040px) {
39	.ct_menu_top_fijo{
40		position: absolute;
41		}
42	}
43</style>
44

45<script type="text/javascript">
46	$(document).ready(function(){
47	var altura=$('.ct_menu_top').offset().top;
48	$(window).on('scroll',function(){ 
49		if($(window).scrollTop() > altura ){ $('.ct_menu_top').addClass('ct_menu_top_fijo'); }
50		else{ $('.ct_menu_top').removeClass('ct_menu_top_fijo'); } });});
51</script>

51
52
53<link rel="stylesheet" href="css/menu_intranet.css">

53<script src="js/menu_r/1/script.js"></script>

53
54

55<script src="js/subir_boton/subir_1.js"></script>

55<link rel="stylesheet" href="css/subir.css">
56

57<script language="JavaScript" src="js/tip_qtip/qtip_2.js" type="text/javascript"></script>

57
58<link rel="stylesheet" href="js/tip_qtip/qtip_2.css" type="text/css" />
59
60</head>
61<body>
62
63<a href="javascript:void(0);" id="btn_subir" title="Subir" style="display:none;">Subir<span></span></a>
64
65<section id="cabecera">
66	<div class="container">
67		<div id="ct_logo">
68			<a href="intranet.php" title="Intranet">
69				<img id="logo" name="logo" src="diseno/logo_intranet.png" alt="Intranet" title="Intranet">
70			</a> 
71		</div>
72		<div class="ct_botones_top">
73			<div class="salto"></div>
74						<div class="ct_sociales_top_i">
75				<a href="login/" title="Login"><div id="ct_login_btn">Login</div></a>
76			</div>
77			<div class="salto"></div>
78		</div>
79	</div>
80</section>
81<div class="salto"></div>
82
83<div class="ct_menu_top">
84	<div id='cssmenu'>
85		</div>
86	</div>
87</section>
88
89<style>
90.ct_ojo_pez{
91	box-sizing: border-box;
92	position: relative;
93	overflow: hidden;
94	padding: 10px 4px 0 8px;
95	text-align: left;
96	text-decoration: none;
97	font-size: 17px; 
98	font-family: 'Roboto', Arial, serif; 
99	line-height: 28px;  
100	color: #000;
101	background-color: #F0F0F0;
102	}
103.ct_ojo_pez a{
104	color: #000;
105	}
106.ojo_pez_separador{
107	text-decoration: none;
108	font-size: 18px; 
109	font-family: 'Roboto', Arial, serif; 
110	line-height: 28px;  
111	color: #000;
112	padding: 0 8px;
113	}
114</style>
115<div class="ct_ojo_pez">
116	<div class="container">
117		<div class="salto"></div> 
118	</div>
119</div><div class="salto"></div><div class="titulo_css"><img src="diseno/login.svg" />Login<div class="salto"></div></div><div class="salto"></div>			
120<div class="container">
121	<section id="main">
122		<div>
123		
124<style>
125#ct_form {
126	box-sizing: border-box;
127	color: #000;
128	font-family: Open Sans Condensed, sans-serif;
129	}
130#ct_form h2 {
131	text-align: center;
132	font-weight: 200;
133	font-size: 30px;
134	margin: 5px 0 0 0;
135	}
136#ct_form #form {
137	box-sizing: border-box;
138	width: 540px;
139	padding: 20px;
140	margin: 0 auto 0 auto;
141	font-weight: 300;
142	background-color: #F0F0F0;
143	border-radius: 4px;	
144	}
145#ct_form #form h2 {
146	font-weight: 100;
147	padding: 0;
148	margin: 0;
149	}
150#ct_form #form label {
151	font-size: 22px;
152	font-weight: 200;
153	padding-top: 12px;
154	display: block;
155	}
156#ct_form #form input, #ct_form #form textarea, #ct_form #form select {
157	box-sizing: border-box;
158	width: 100%;
159	font-size: 18px;
160	font-weight: 200;
161	padding: 10px;
162	}	
163#ct_form #form input[type=submit] {
164	box-sizing: border-box;
165	border: none;
166	background-color: #1C6DB4;
167	margin-top: 20px;
168	padding: 10px;
169	font-size: 18px;
170	cursor: pointer;
171	color: #fff;
172	border-radius: 4px;
173	}
174#ct_form #form input[type=submit]:hover {
175	background-color: #385281;
176	color: #fff;
177	}
178@media screen and (max-width: 980px) {
179	#ct_form {
180		padding: 10px;
181		}
182	#ct_form #form {
183		padding: 12px;
184		margin: 0;
185		width: 100%;
186		}
187	}
188</style>
189		
190<div id="ct_form">
191	<form method="post" id="form" action="xpdinam/intranet_login.php">
192		<h2>Login Usuarios</h2>
193		
194		<input name="verifica_envio" type="hidden" id="verifica_envio" value="1" />	
195		
196		<label for="i_usuario"></label>
197			<input name="i_usuario" id="i_usuario" placeholder="Usuario" required>
198		
199		<label for="i_contrasena"></label>
200			<input type="password" name="i_contrasena" id="i_contrasena" required placeholder="Contrase&ntilde;a">
201			
202		<input type="submit" value="Enviar">
203	</form>
204</div>
205<div class="salto"></div>
206
207
208 
209		</div>
210		<div class="salto"></div>
211	</section>
212</div>
213
214<style>
215#menu_pie { 
216	box-sizing: border-box;
217	background-color: #1C6DB4;
218	padding: 36px 10px;
219	height:auto;  			
220	font-family: Open Sans Condensed, sans-serif;
221	font-size: 26px;
222	text-align:center;
223	margin: 0;
224	color:#fff;
225	line-height: 38px;
226	/* background-image: url('diseno/bg_pie.png'); 
227	background-size: cover; */
228	}
229#menu_pie p {
230	margin: 0;
231	padding: 0;
232	}
233.logo_pie{
234	margin: 40px 0 20px 0;
235	width: auto;
236	height: auto;
237	}
238.ct_col_menu {
239	float: left; 
240	margin: 0;
241	padding: 10px 0 0 30px;
242	}
243.ct_col_menu h3, .ct_col_menu h3 a {
244	margin: 20px 0 10px 10px;
245	padding:0;
246	font-size: 22px;
247	text-align: left;
248	font-weight: normal;
249	color: #D3EAF5;
250	font-family: Cuprum, Arial, serif; 
251	line-height: 30px;  
252	}
253.ct_col_menu ul {
254	line-height: 24px;	
255	margin: 0;
256	padding: 0;
257	}
258.ct_col_menu ul, .ct_col_menu li {
259	text-align: left;
260	list-style-type:none;
261	margin: 0 0 6px 10px;
262	padding: 0; 		
263	}
264.ct_col_menu a{
265	font-size: 22px;
266	font-family:Open Sans Condensed, Arial, sans-serif;	
267	color:#fff;	
268	text-decoration:none; 
269	transition: 0.4s;
270	}
271.ct_col_menu a:hover {
272	font-weight: bold;
273	transition: 0.4s;
274	padding: 0 0 0 10px;
275	}
276.cl1{
277	width: 28%;
278	border-right: #17324F 1px solid;
279	padding: 10px 0 0 60px;
280	}
281.cl2{
282	width: 18%;
283	border-right: #17324F 1px solid;
284	}
285.cl3{
286	width: 24%;
287	}
288@media screen and (max-width: 940px) {
289	#menu_pie { 
290		
291		}
292	.logo_pie{
293		margin: 20px 0;
294		}
295	.ct_col_menu {
296		width:100%;
297		margin:0;
298		padding:0; 	
299		}
300	.ct_col_menu h3 {
301		margin: 10px 0 10px 20px;
302		text-align: center; 
303		}
304	.ct_col_menu ul, .ct_col_menu li {
305		text-align: center;	
306		}
307	.cl1{
308		border-right: 0; 
309		margin: 0 0 10px 0;
310		}
311	.cl2{
312		border-right: 0; 
313		margin: 0 0 10px 0;
314		border-top: #17324F 1px solid;
315		}
316	.cl3{
317		border-top: #17324F 1px solid;
318		}
319	}
320#pie_contacto { 
321	box-sizing: border-box;
322	background-color: #15538A;
323	padding: 0; 
324	margin: 0;
325	height: 32px;  			
326	font-family: Open Sans Condensed, sans-serif;
327	font-size: 18px;
328	padding: 0;
329	text-align: center;
330	color: #fff;
331	line-height: 18px;
332	}
333#pie_contacto p{
334	margin: 0;
335	padding: 0;
336	}
337.ct_sociales_pie{
338	box-sizing: border-box;
339	overflow: hidden;
340	z-index: 999;
341	width: 100%;
342	height: auto;
343	text-align: center;
344	top: 0;
345	margin: 20px 0;
346	padding: 0;
347	}
348.ct_sociales_pie img{
349	width: 36px;
350	height: 36px;
351	margin: 0 8px 0 0;
352	}
353/*******************************  MASTERNET.CL  **********************************/
354.masternet_box{
355	box-sizing: border-box;
356	text-align: center;
357	margin: 0;
358	width: 100%;
359	height: 30px;
360	padding: 6px 4px 0 4px;
361	line-height: 12px;
362	background-color: #9F1C09; 
363	}
364.masternet , a.masternet:link, a.masternet:visited, a.masternet:active {
365	font-family: Verdana, Arial, Helvetica, sans-serif;
366	font-size: 12px;
367	line-height: 12px;
368	text-decoration: none;
369	font-weight: normal;
370	color: #F0F0F0;
371	}
372a.masternet:hover {
373	font-family: Verdana, Arial, Helvetica, sans-serif;
374	font-size: 12px;
375	color: #fff;
376	text-decoration: none;
377	font-weight: bold;
378    }
379</style>
380
381<div class="salto"></div>
382<footer>
383
384	<section id="menu_pie">
385		<div class="salto"></div>
386	</section>
387
388	<section id="pie_contacto">
389		<div id="masternet_box">
390			<a href="http://www.masternet.cl" target="_blank" title="Dise&ntilde;o Web en Concepcion, Sitios Web, Dise&ntilde;o de Paginas Web en Concepcion" class="masternet">DISE&Ntilde;O WEB: MASTERNET.CL</a>
391		</div>
392		<div class="salto"></div>
393	</section>
394</footer>
395
396
397
398
399</body>
400</html>