-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactme.html
131 lines (122 loc) · 6.4 KB
/
contactme.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
<!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">
<meta name="description" content="We think, create and develop strategies, brands, e-commerce, web and apps. We give each client strategic value by helping to elevate their brand.">
<meta name="keywords" content="Digital advertising, Creativity, Digital marketing, Marketing strategies, Graphic design, Branding, Social media, Digital content, Advertising campaigns, SEO, SEM, Data analysis, User experience, Web development, E-commerce">
<title>CONTACT ME</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
<div class="container-fluid">
<div class=" container-fluid d-flex justify-content-between align-items-center">
<a class="navbar-brand ms-3 text-wrap text-center" href="./index.html">gonzapaz | digital creative agency</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse pb-0" id="navbarNav">
<ul class="navbar-nav ms-auto text-center">
<li class="nav-item me-4">
<a class="nav-link " aria-current="page" href="./index.html">HOME</a>
</li>
<li class="nav-item me-4">
<a class="nav-link text-nowrap" href="./aboutme.html">ABOUT ME</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="./services.html">SERVICES</a>
</li>
<li class="nav-item me-4">
<a class="nav-link " href="./proyects.html">PROYECTS</a>
</li>
<li class="nav-item me-4">
<a class="nav-link text-nowrap active" href="./contactme.html">CONTACT ME</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid Contactme--content">
<div class="col d-flex align-items-center justify-content-center Contact--title" >
<h1 class="full-width-paragraph mt-5"> You can contact me and think together the best strategy for your business! </h1>
</div>
<div class="row">
<div class="col-md-6">
<form class="Form--container">
<fieldset class="Form--fieldset">
<legend class="Form--legend"> COMPLETE AND CONTACT ME</legend>
<div class="form-group">
<label for="name" class="Form--label">Name </label>
<input class="Form--input form-control" type="text" name="name" placeholder="Name" required>
</div>
<div class="form-group">
<label for="email" class="Form--label">Email </label>
<input class="Form--input form-control" type="email" name="email" placeholder="[email protected]" required>
</div>
<div class="form-group">
<label for="message" class="Form--label">Here goes your message</label>
<textarea class="Form--textarea form-control" id="message" name="message" rows="5"></textarea>
</div>
<input class="Form--button btn btn-primary" type="submit" value="Submit">
</fieldset>
</form>
</div>
<div class="col-md-6">
<div class="container">
<div class="row">
<div class="col-12">
<div class="Socialmedia--container container-top">
<h2 >Follow me on</h2>
<div class="Socialmedia--icons">
<a href="https://www.instagram.com/gozalo.gonzalo/" target="_blank"><img src="./media/instagram.png" alt="Instagram"></a>
<a href="#" target="_blank"><img src="./media/linkedin.png" alt="Linkedin" ></a>
<a href="#" target="_blank"><img src="./media/gorjeo.png" alt="Twitter"></a>
</div>
</div>
</div>
<div class="col-12">
<div class="container-bottom ">
<iframe class="mapa" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3284.0988800050095!2d-58.419985785195244!3d-34.60166106489543!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcca620ccbc3f3%3A0xc0845356930e16a1!2sBulnes%20843%2C%20C1176ABO%20CABA!5e0!3m2!1ses!2sar!4v1675886465472!5m2!1ses!2sar" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="container-fluid bg-black text-white">
<div class="row">
<div class="col-md-6 col-sm-12 Footer--contacto mt-4">
<p>Bulnes 843 | Almagro (CABA)</p>
<p>+549 11000000</p>
<p>[email protected]</p>
</div>
<div class="col-md-6 col-sm-12 Footer--contacto mt-4">
<div class="d-flex align-items-center justify-content-center Footer--socialmedia">
<img src="./media/instagram.png" alt="Icono" width="30px">
<p class="mt-2">@gonzapaz</p>
</div>
<div class="d-flex align-items-center justify-content-center Footer--socialmedia">
<img src="./media/gorjeo.png" alt="Icono" width="30px">
<p class="mt-2">@gonzapaz</p>
</div>
<div class="d-flex align-items-center justify-content-center Footer--socialmedia">
<img src="./media/linkedin.png" alt="Icono" width="30px">
<p class="mt-2">@gonzapaz</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p class="Footer--copyright mt-4">Derechos reservados © 2023</p>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
</body>
</html>