mapicky/index.html at main · maxigottig/mapicky · GitHub

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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!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">
    <!--BOOTSTRAP-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <!--BOOTSTRAP ICONS-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
    <!--ANIMATE CSS-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <!--CSS-->
    <!--<link rel="stylesheet" href="./css/style.css">-->
    <link rel="stylesheet" href="./css/estilos.css">
    <!--! KEYWORDS-->
    <meta name="keywords" content="agencia, medios, marketing, google, facebook, programmatic, planificacion, estrategia, presupuesto, posicionamiento, marca, clientes">
    <!--! DESCRIPTION-->
    <meta name="description" content="Mapicky es una agencia de medios joven cuyo objetivo principal es trabajar con y para sus clientes a llegar a las audiencias exactas, utilizando Google Ads, Facebook Ads y Programmatic.">
    <!--! PROTOCOLO OPEN GRAPH-->
    <!--TYPE-->
    <meta property="og:type" content="Web site">
    <!--TITLE-->
    <meta property="og:title" content="Mapicky | Agencia de medios joven">
    <!--URL-->
    <meta property="og:url" content="">
    <!--IMAGE-->
    <meta property="og:image" content="">
    <meta property="og:description" content="">
    <!--! FAVICON-->
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <title>Mapicky | La agencia de medios joven</title>
</head>
<body>
    <header>
            <div>
            <h1>Mapicky</h1>
            <!--<img src="./img/logo.png" alt=""> -->
            <a href="./index.html"><i class="bi bi-lightbulb"></i></a>
            </div>
        <div>
            <nav class="navbar navbar-expand-lg navbar-light bg-$blue-200">
            <div class="container-fluid">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
                </button>
                    <div class="collapse navbar-collapse barra" id="navbarSupportedContent">
                            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                                <li class="nav-item">
                                    <a class="nav-link active" aria-current="page" href="./index.html">Inicio</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="./pages/Servicios.html">Servicios</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="./pages/Objetivo.html">Objetivo</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="./pages/Nosotros.html">Nosotros</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="./pages/Contacto.html">Contacto</a>
                                </li>
                            </ul>
                            <form class="d-flex">
                                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                                <button class="btn boton" type="submit">Buscar</button>
                            </form>
                    </div>
            </div>
            </nav>
        </div>
    </header>
    <main>
        <section class="hero">
            <h2 class="animate__animated animate__fadeInDown">Bienvenidos a Mapicky</h2>
            <p>Implementamos soluciones integrales para tu marca</p>
            <a href="./pages/Contacto.html">CONTACTANOS</a>
        </section>
        <section class="objetivo">
            <div>
                <h2>Somos una agencia joven</h2>
                <p>Nos mueve el compromiso y la energía en la busqueda de los mejores resultados para nuestros clientes y trabajamos para maximizarlos: nos respalda el conocimiento 360° al abarcar las plataformas más utilizadas para llegar a las audiencias indicadas.</p>
            </div>
            <img src="./img/objetivo.jpg" alt="">
        </section>
        <section class="nosotros">
            <h2>Nosotros</h2>
            <div class="nosotros-belu">
                <div>
                    <h3>Belén Piscitelli</h3>
                    <p>Belu es la especialista de Facebook Ads. Con una vasta experiencia en el manejo de esa plataforma, se caracteriza por su versatilidad a la hora de analizar las métricas clave para un desarrollo optimo de las campañas. Conoce su perfil profesional de Linkedin.</p>
                </div>
                <a href="https://www.linkedin.com/in/bel%C3%A9n-piscitelli-880768b9/" target="_blank"><img src="./img/belu3.jpg" alt="Foto Belu"></a>
            </div>
            <div class="nosotros-nicky">
                <div>
                    <h3>Nicole Mernies</h3>
                    <p>Nicky es la experta en Google Ads. Su capacidad analítica para detectar los formatos ideales para las campañas correctas es un skill indispensable a la hora de planificar las estrategias a la par de nuestros clientes. Conoce su perfil profesional de Linkedin.</p>
                </div>
                <a href="https://www.linkedin.com/in/nicole-mernies-escubilla-8b74b4b1/" target="_blank"><img src="./img/nicky.jpeg" alt="Foto Nicky"></a>
            </div>
            <div class="nosotros-maxi">
                <div>
                    <h3>Maximiliano Gottig</h3>
                    <p>Maxi es el referente de Programmatic. Optimiza campañas en diversos DPS, como DV360 y Mediamath y tiene capacidad analítica tanto para proponer las audiencias ideales para las marcas como para optimizar con los mejores costos. Conoce su perfil profesional de Linkedin.</p>
                </div>
                <a href="https://www.linkedin.com/in/maximiliano-gottig-504201129/" target="_blank"><img src="./img/maxi.jpg" alt="Foto Maxi"></a>
            </div>
        </section>
        <section class="plataformas">
            <h2>Plataformas</h2>
            <div class="google">
                <div>
                    <h3>Google Ads</h3>
                    <p>Es la plataforma de publicidad online ofrecida por Google. Con Google Ads, los anunciantes pueden crear y publicar anuncios en la red de búsqueda de Google, así como en otros sitios web y aplicaciones que forman parte de la Red de Display de Google. Es una herramienta muy popular para que las empresas promuevan sus productos y servicios, ya que les permite llegar a una gran audiencia y medir el rendimiento de sus anuncios.</p>
                </div>
                <iframe src="https://www.youtube.com/embed/vsJ3z1WKGcw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
            <div class="facebook">
                <div>
                    <h3>Facebook Ads</h3>
                    <p>Es el sistema publicitario online de Facebook. Con esta plataforma, la red social permite promocionar los contenidos de cualquier página de empresa de Facebook. Así las tiendas online, las empresas o aplicaciones pueden publicitarse y pagar solamente por los clics recibidos. De hecho Facebook sigue aumentando las posibilidades de publicitarse. Esto es: en el feed con imágenes o carrusel, en videos o incluso en reels a través del mismo Facebook, de Instagram y Whatsapp.</p>
                </div>
                <iframe src="https://www.youtube.com/embed/WJ6_WPM7SUI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
            <div class="programmatic">
                <div>
                    <h3>Programmatic</h3>
                    <p>Es un enfoque integral de compra y venta de inventario publicitario digital que permite alinear los procesos organizativos del comprador y el vendedor con la tecnología de automatización, pero basado en niveles de segmentación y targeting hasta ahora inimaginables. A diferencia del sistema de costos en tiempo real conocido como RTB (Real Time Bidding) que además está incorporado en esta modalidad, la tecnología programática adquiere, almacena y analiza grandes cantidades de datos a fin de alcanzar específicamente al usuario deseado.</p>
                </div>
                <iframe src="https://www.youtube.com/embed/CvFgfkoDaQM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </section>
        <section class="servicios">
            <h2>Servicios</h2>
            <div class="servicios-caja">
                <div class="animate__animated animate__fadeInTopLeft animate__delay-2s">
                    <img src="./img/calendario.png" alt="">
                    <h3>Calendario</h3>
                    <p>Calendarizamos tus campañas según tus necesidades</p>
                    <a href="./pages/Contacto.html">Consulta</a>
                </div>
                <div class="animate__animated animate__fadeInBottomLeft animate__delay-2s">
                    <img src="./img/implementacion.png" alt="">
                    <h3>Implementación</h3>
                    <p>Implementamos tus campañas en diversas plataformas</p>
                    <a href="./pages/Contacto.html">Consulta</a>
                </div>
                <div class="animate__animated animate__fadeInBottomRight animate__delay-2s">
                    <img src="./img/blanco.png" alt="">
                    <h3>Target</h3>
                    <p>Planificamos tus campañas para llegar a la audiencia específica</p>
                    <a href="./pages/Contacto.html">Consulta</a>
                </div>
                <div class="animate__animated animate__fadeInTopRight animate__delay-2s">
                    <img src="./img/reporte.png" alt="">
                    <h3>Reporte</h3>
                    <p>Reportamos periódicamente el rendimiento de tus campañas</p>
                    <a href="./pages/Contacto.html">Consulta</a>
                </div>
            </div>
        </section>
    </main>
    <div class="fixed">
        <a href="./pages/Contacto.html"><img src="./img/chat1.png" alt=""></a>
    </div>
    <footer id="pie">
        <div>
            <h2>Redes sociales</h2>
            <a href="https://www.instagram.com/" target="_blank"><img src="./img/instagram1.png" alt="Logo Instagram"></a>
            <a href="https://es-la.facebook.com/" target="_blank"><img src="./img/facebook1.png" alt="Logo Facebook"></a>
            <a href="https://ar.linkedin.com/" target="_blank"><img src="./img/linkedin1.png" alt="Logo linkedin"></a>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>