-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
136 lines (120 loc) · 4.37 KB
/
contacto.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" type="text/css" href="css/legalsur.css">
<link rel="shortcut icon" type="image/ico" href="icons/favicon.png">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<header class="header-uncolor">
<nav class="nav-index">
<!-- <div class="row" style="height: 4em;">
</div> -->
<div class="nav-wrapper">
<!-- <a href="#!" class="brand-logo"><img src="images/logo_menu.png" width="50%"></a> -->
<a href="#!" class="brand-logo"><img src="images/logo_menu.png" width="50%"></a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li ><a href="index.html">HOME</a></li>
<li><a href="equipo.html">EQUIPO</a></li>
<li><a href="areas.html">ÁREAS</a></li>
<li><a href="clientes.html">CLIENTES</a></li>
<li><a href="ubicacion.html">UBICACIÓN</a></li>
<li class="active"><a href="contacto.html">CONTACTO</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li ><a href="index.html">HOME</a></li>
<li><a href="equipo.html">EQUIPO</a></li>
<li><a href="areas.html">ÁREAS</a></li>
<li><a href="clientes.html">CLIENTES</a></li>
<li><a href="ubicacion.html">UBICACIÓN</a></li>
<li class="active"><a href="contacto.html">CONTACTO</a></li>
</ul>
</div>
</nav>
</header>
<body>
<div class="container footer-space" style="color:#fff;">
<div class="row">
<form class="col s12">
<div class="row">
<div class="col offset-m1 m1 s12" >
<p class="text-contacto">Nombre</p>
</div>
<div class="col m8 s12">
<input id="nombre" type="text" class="contacto validate ">
</div>
</div>
<div class="row">
<div class="col offset-m1 m1 s12">
<p class="text-contacto">Compañia</p>
</div>
<div class="col m8 s12">
<input id="empresa" type="text" class="contacto validate ">
</div>
</div>
<div class="row">
<div class="col offset-m1 m1 s12" >
<p class="text-contacto">Email</p>
</div>
<div class="col m8 s12">
<input id="email" type="email" class="contacto validate ">
</div>
</div>
<div class="row">
<div class="col offset-m1 m1 s12" >
<p class="text-contacto">Teléfono</p>
</div>
<div class="col m8 s12">
<input id="telefono" type="text" class="contacto validate ">
</div>
</div>
<div class="row">
<div class="col offset-m1 m1 s12" >
<p class="text-contacto">Consulta</p>
</div>
<div class="col m8 s12">
<textarea id="consulta" type="area" class="contacto materialize-textarea validate"></textarea>
</div>
</div>
<div class="row">
<div class="center">
<a class="waves-effect waves-light btn" onclick="enviar()">ENVIAR</a>
</div>
</div>
</form>
</div>
</div>
</body>
<footer class="footer-uncolor center" style="padding-top: 0px;">
<p>Legal Sur Abogados S.A | +56 65 238 4438 | [email protected] | Puerto Montt, Chile</p>
</footer>
<style type="text/css">
html{
background-image: url("images/home_fondo.png") ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- Sweet Alert Script -->
<script src="js/sweetalert.min.js"></script>
<!-- Sweet Alert Styles -->
<link href="css/sweetalert.css" rel="stylesheet">
<script type="text/javascript">
$(document).ready(function() {
$('#consulta').trigger('autoresize');
$(".button-collapse").sideNav();
});
</script>
</html>