-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
111 lines (108 loc) · 7.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Styles and Icon -->
<link rel="stylesheet" href="styles.css"/>
<link rel="stylesheet" href="styles-contact.css"/>
<link rel="shortcut icon" href="/Imagenes/Otros/TUCINEMA+CJCG.ico"/>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/116fa2816b.js" crossorigin="anonymous"></script>
<title>Contacto | CJCG</title>
</head>
<body class="bg">
<!-- MENU -->
<header class="container2 row2">
<a title="Carlos José Castro Galante." href="/index.html" class="logo">CJCG</a>
<div class="toggleMenu" onclick="toggleMenu();"></div>
<nav class="navigation2 row2">
<ul class="primary-list row2">
<li><a href="/index.html">Home</a></li>
<li><a href="/cines.html">Cinemas</a></li>
<li><a href="/proyecto.html">Project</a></li>
<li><a href="/contacto.html">Contact</a></li>
</ul>
</nav>
<img title="Dark Mode" src="/Imagenes/Menu/Sun.png" alt="Moon Light" class="moon-cjcg" id="darklight"/>
</header>
<!-- FORM -->
<form action="mailto:[email protected]" method="get" class="form-wave">
<!-- WAVE 1 -->
<svg title="Carlos José Castro Galante | TuCinema+." id="wave" style="transform: rotate(180deg); transition: 0.3s" viewBox="0 0 1440 190" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="rgba(115, 251, 211, 1)" offset="0%"></stop>
<stop stop-color="rgba(83, 212, 174, 1)" offset="100%"></stop>
</linearGradient>
</defs>
<path
style="transform: translate(0, 0px); opacity: 1"
fill="url(#sw-gradient-0)"
d="M0,38L18.5,41.2C36.9,44,74,51,111,50.7C147.7,51,185,44,222,50.7C258.5,57,295,76,332,69.7C369.2,63,406,32,443,38C480,44,517,89,554,104.5C590.8,120,628,108,665,110.8C701.5,114,738,133,775,129.8C812.3,127,849,101,886,82.3C923.1,63,960,51,997,63.3C1033.8,76,1071,114,1108,107.7C1144.6,101,1182,51,1218,38C1255.4,25,1292,51,1329,66.5C1366.2,82,1403,89,1440,101.3C1476.9,114,1514,133,1551,120.3C1587.7,108,1625,63,1662,57C1698.5,51,1735,82,1772,82.3C1809.2,82,1846,51,1883,47.5C1920,44,1957,70,1994,66.5C2030.8,63,2068,32,2105,41.2C2141.5,51,2178,101,2215,101.3C2252.3,101,2289,51,2326,50.7C2363.1,51,2400,101,2437,120.3C2473.8,139,2511,127,2548,104.5C2584.6,82,2622,51,2640,34.8L2658.5,19L2658.5,190L2640,190C2621.5,190,2585,190,2548,190C2510.8,190,2474,190,2437,190C2400,190,2363,190,2326,190C2289.2,190,2252,190,2215,190C2178.5,190,2142,190,2105,190C2067.7,190,2031,190,1994,190C1956.9,190,1920,190,1883,190C1846.2,190,1809,190,1772,190C1735.4,190,1698,190,1662,190C1624.6,190,1588,190,1551,190C1513.8,190,1477,190,1440,190C1403.1,190,1366,190,1329,190C1292.3,190,1255,190,1218,190C1181.5,190,1145,190,1108,190C1070.8,190,1034,190,997,190C960,190,923,190,886,190C849.2,190,812,190,775,190C738.5,190,702,190,665,190C627.7,190,591,190,554,190C516.9,190,480,190,443,190C406.2,190,369,190,332,190C295.4,190,258,190,222,190C184.6,190,148,190,111,190C73.8,190,37,190,18,190L0,190Z"
></path>
</svg>
<div class="container">
<div class="contact-box">
<div class="left-section-form"></div>
<div class="right">
<h2 class="title-contacto">¡Envía tu consulta!</h2>
<input type="text" class="field" placeholder="Nombre y Apellido" required/>
<input type="email" class="field" placeholder="Email" required />
<input type="text" class="field" placeholder="Provincia" required />
<textarea placeholder="Mensaje" class="field" required></textarea>
<button class="btn-search3" type="submit">Enviar</button>
</div>
</div>
</div>
<!-- WAVE 2 -->
<svg title="Carlos José Castro Galante | TuCinema+." id="wave" style="transform: rotate(0deg); transition: 0.3s" viewBox="0 0 1440 190" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="rgba(115, 251, 211, 1)" offset="0%"></stop>
<stop stop-color="rgba(83, 212, 174, 1)" offset="100%"></stop>
</linearGradient>
</defs>
<path
style="transform: translate(0, 0px); opacity: 1"
fill="url(#sw-gradient-0)"
d="M0,38L18.5,41.2C36.9,44,74,51,111,50.7C147.7,51,185,44,222,50.7C258.5,57,295,76,332,69.7C369.2,63,406,32,443,38C480,44,517,89,554,104.5C590.8,120,628,108,665,110.8C701.5,114,738,133,775,129.8C812.3,127,849,101,886,82.3C923.1,63,960,51,997,63.3C1033.8,76,1071,114,1108,107.7C1144.6,101,1182,51,1218,38C1255.4,25,1292,51,1329,66.5C1366.2,82,1403,89,1440,101.3C1476.9,114,1514,133,1551,120.3C1587.7,108,1625,63,1662,57C1698.5,51,1735,82,1772,82.3C1809.2,82,1846,51,1883,47.5C1920,44,1957,70,1994,66.5C2030.8,63,2068,32,2105,41.2C2141.5,51,2178,101,2215,101.3C2252.3,101,2289,51,2326,50.7C2363.1,51,2400,101,2437,120.3C2473.8,139,2511,127,2548,104.5C2584.6,82,2622,51,2640,34.8L2658.5,19L2658.5,190L2640,190C2621.5,190,2585,190,2548,190C2510.8,190,2474,190,2437,190C2400,190,2363,190,2326,190C2289.2,190,2252,190,2215,190C2178.5,190,2142,190,2105,190C2067.7,190,2031,190,1994,190C1956.9,190,1920,190,1883,190C1846.2,190,1809,190,1772,190C1735.4,190,1698,190,1662,190C1624.6,190,1588,190,1551,190C1513.8,190,1477,190,1440,190C1403.1,190,1366,190,1329,190C1292.3,190,1255,190,1218,190C1181.5,190,1145,190,1108,190C1070.8,190,1034,190,997,190C960,190,923,190,886,190C849.2,190,812,190,775,190C738.5,190,702,190,665,190C627.7,190,591,190,554,190C516.9,190,480,190,443,190C406.2,190,369,190,332,190C295.4,190,258,190,222,190C184.6,190,148,190,111,190C73.8,190,37,190,18,190L0,190Z"
></path>
</svg>
</form>
<!-- FOOTER -->
<footer class="footer-general">
<div class="logo-content">
<div class="logo-footer">
<figure>
<a href="/index.html">
<h2 class="tucinemaplus-footer" title="TuCinema+">TUCINEMA<span class="plus-footer">+</span></h2>
</a>
</figure>
</div>
<div class="info-email">
<h2>CONTACTO</h2>
<p class="email-tucinemaplus"><i class="fas fa-envelope"></i>[email protected]</p>
<p title="Bandera de Argentina" class="send-msg">Disponible las 24 horas del día | <img src="/Imagenes/Otros/Argentina.png" class="argentina" alt="Bandera de Argentina">
</div>
<div class="social-medias-contact">
<h2>SÍGUEME</h2>
<div class="social-carlosjcastrog">
<a title="Email" href="mailto:[email protected]" class="fas fa-envelope"></a>
<a title="Linktree: @carlosjcastrog" href="https://www.linktr.ee/carlosjcastrog" class="fas fa-link" target="_blank"></a>
<a title="About Me: @carlosjcastrog" href="https://carlosjcastrog.netlify.app" target="_blank" class="fas fa-user-alt"></a>
</div>
</div>
</div>
<div class="copy-carlosjcastrog">
<small title="© 2022 Carlos José Castro Galante | Charlescito. Todos los derechos reservados.">© 2022 Diseñado con <span class="heart-text">❤</span> por Carlos José Castro Galante | All Rights Reserved.</small>
</div>
</footer>
<!-- Scripts -->
<script src="/Script/menu.js"></script>
<script src="/Script/darklight.js"></script>
<script src="/Script/block-click.js"></script>
</body>
</html>
<!-- Diseñado y Desarrollado por: CASTRO GALANTE, CARLOS JOSÉ | @carlosjcastrog -->