-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
154 lines (125 loc) · 6.11 KB
/
contact.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Daniel Guerra Gallardo Website</title>
<meta name="description" content="Daniel Guerra Gallardo Website">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="images/myPics/favicon.png">
<!-- STYLESHEETS -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- preloader -->
<div id="loader-wrapper">
<div class="loader-img"><img src="images/myPics/logo-2.png" alt="preloader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!-- preloader -->
<!-- header wrapper -->
<section class="header-wrapper style-two bottom-border">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-12 text-left">
<a href="index.html" class="logo"><img src="images/myPics/logo-2.png" alt="logo"></a>
<a href="#" class="menu-click"><span></span><span></span><span></span></a>
</div>
<div class="col-lg-8 col-md-12">
<nav id="main-menu" class="text-center">
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">Sobre Mi</a></li>
<li><a href="works.html">Trabajos</a></li>
<li><a href="contact.html">Contacto</a></li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<!-- header wrapper -->
<!-- contact wrapper -->
<section class="contact-wrapper pad-75 has-animation" data-delay="0">
<div class="container">
<div class="row">
<div class="col-lg-10 text-left offset-lg-1">
<h2>¡Pongámonos en contacto!</h2>
<p>¿Deseas colaborar conmigo?, igual... ¿Tomarnos un café para hablar de un tema apasionante? Sea cual sea la razón, escríbeme sin compromiso y te responderé en la mayor brevedad prosible :) </p>
<div id="contact-formular">
<div id="notResults" class="dark f-small error"></div>
<div id="MainResult" class="error"></div>
<script>
function submitForm() {
return confirm("El mensaje se ha enviado correctamente. ¡Gracias!");
}
</script>
<form id="contact-form" class="checkform" action="php/contactform.php" method="post" >
<div class="form-row clearfix form-field">
<label for="name" class="req">Nombre *</label>
<input type="text" name="name" class="name" id="name" value="" placeholder="Nombre" />
</div>
<div class="form-row clearfix form-field">
<label for="email" class="req">Email *</label>
<input type="text" name="email" class="email" id="email" value="" placeholder="Email"/>
</div>
<div class="form-row clearfix textbox form-field">
<label for="message" class="req">Mensaje *</label>
<textarea name="message" class="message" id="message" rows="15" cols="50" placeholder="Mensaje"></textarea>
</div>
<div id="form-note">
<div class="alert alert-error pl-0 pr-0">
<strong>Error</strong>: ¡Revisa tus entradas!
</div>
</div>
<div class="form-row form-submit">
<div class="button-4">
<div class="eff-4"></div>
<input type="submit" name="submit_form" onsubmit="submitForm()" class="submit send_message" value="Enviar Mensaje" />
</div>
</div>
<!--<input type="hidden" name="subject" value="Alguien te ha contactado por la web" /> -->
<!--<input type="hidden" name="fields" value="name,email,message," /> -->
<!--<input type="hidden" name="sendto" value="[email protected]" /> -->
</form>
</div>
</div>
</div>
</div>
</section>
<!-- contact wrapper -->
<!-- footer wrapper -->
<section class="footer-wrapper pad-75 bg-lightblue">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<ul class="social-icons-two light list-inline">
<li class="list-inline-item"><a href="https://github.com/DakkuaDev" target="_blank"><i class="icon-google-plus"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/daniel-guerra-gallardo/" target="_blank"><i class="icon-linedin"></i></a></li>
<li class="list-inline-item"><a href="https://dakkuadev.itch.io/" target="_blank"><i class="icon-facebook"></i></a></li>
<li class="list-inline-item"><a href="https://www.researchgate.net/profile/Daniel-Gallardo-12" target="_blank"><i class="icon-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/DakkuaDev" target="_blank"><i class="icon-twitter"></i></a></li>
</ul>
<p class="copyright-text">Copyrights © 2024 <b>Daniel Guerra Gallardo</b> <br> Todos los Derechos Reservados.</p>
<a href="#" class="back-top">VOLVER ARRIBA</a>
</div>
</div>
</div>
</section>
<!-- footer-wrapper -->
<!-- SCRIPTS -->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/plugin.js"></script>
<script src="js/main.js"></script>
</body>
</html>