-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathareasdeactuacion.html
169 lines (148 loc) · 6.15 KB
/
areasdeactuacion.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<meta http-equiv="content-type" content="text/html" charset="iso-16" />
<title>HOKAKU</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="" >
<link rel="StyleSheet" type="text/css" href="css/style.css" />
<link rel="icon" type="image/png" href="imagenes/icono.png">
<script src="https://secure.exportkit.com/cdn/js/ek_googlefonts.js?v=4"></script>
</head>
<body>
<div id="contenedor" >
<div id="paginadeescritorio">
<div id="fondocolor"></div>
<header id="logo"> <a href=""><img src="imagenes/logo.png"></a></header>
<nav id="menunav">
<ul class="menu" >
<li class="selecion"><a class="active" href="home.html" >Home</a></li>
<li class="selecion"><a href="noticias.html">Noticias</a></li>
<li class="selecion"><a href="publicaciones.html">Publicaciones</a></li>
<li class="selecion"><a href="localizacion.html">Localizacion</a></li>
<li class="selecion"><a href="quienesomos.html">Quienes somos</a></li>
<li class="selecion"><a href="areasdeactuacion.html">Areas de actuación</a></li>
<li class="selecion" style="float:right"><a href="contacto.html">Contacto</a></li>
<div id="marker"></div> <!-- marcador para la luz -->
</ul>
<!-- Script del cambio de color -->
<script type="text/javascript"src="scripts/colorcambiomenu.js"></script>
</nav>
<nav id="menumovil">
<div class="dropdown">
<button class="dropbtn">MENU</button>
<div class="dropdown-content">
<a href="home.html" >Home</a>
<a href="noticias.html">Noticias</a>
<a href="publicaciones.html">Publicaciones</a>
<a href="localizacion.html">Localizacion</a>
<a href="quienesomos.html">Quienes somos</a>
<a href="areasdeactuacion.html">Areas de actuación</a>
<a href="contacto.html">Contacto</a>
</div>
</div>
</nav>
<div id="panelcentralareas">
<section>
<header>
<h1> Diseño de gráficos</h1>
<article>
<p> Por medio de las mejores técnicas de diseño, conseguimos destacar la información más relevante
de los productos de una empresa, para captar clientes potenciales y aumentar el rendimiento y productividad de la empresa.
<br>
<br>
<img src="imagenes/diseno.jpg" id="areasdeactuacion" width="320" height="240">
</p>
<footer>
<a href="https://www.creativebloq.com/features/graphic-design-history">Historia del diseño gráfico</a>
</article>
</header>
</section>
<br> </br>
<section>
<header>
<h1> Diseño de interfaces de usuario </h1>
<article>
<p>La interfaz web son elementos gráficos que permiten al usuario acceder a los contenidos, navegar e interactuar.
Para lograr que un usuario se quede y vuelva, el diseño de la interfaz es importante.
<br>
<br>
<img src="imagenes/ui.jpg" id="areasdeactuacion" width="320" height="240">
</p>
<footer>
<<<<<<< HEAD
<a href="https://careerfoundry.com/en/blog/ui-design/8-sites-with-great-ui/">Varias páginas con un gran dise�o de interfaz de usuario</a>
=======
<a href="https://careerfoundry.com/en/blog/ui-design/8-sites-with-great-ui/">Varias páginas con un gran diseño de interfaz de usuario</a>
>>>>>>> 60af28be6a8f2bb0daf75bfc3293cc9e3319f00e
</article
</header>
</section>
<br> </br>
<section>
<header>
<h1> Diseño de contenidos </h1>
<article>
<p>El contenido web marca la diferencia entre dos empresas que compiten por la venta o oferta de los mismos productos o servicios.
Siempre se puede explicar algo mejor (por escrito, o con vídeos, o con mejores imágenes que la competencia), desde las ventajas de un
producto o el proceso de compra, hasta ofrecer consejo experto o curiosidades.
<br>
<br>
<img src="imagenes/contenidodiseno.png" id="areasdeactuacion" width="320" height="240">
</p>
<footer>
<a href="https://careerfoundry.com/en/blog/ui-design/8-sites-with-great-ui/">Ideas para la creación de contenido para tu web</a>
</article
</header>
</section>
<br> </br>
<section>
<header>
<h1> Desarrollo y programación </h1>
<article>
<p>Contamos con un equipo de ingenieros, desarrolladores y programadores web expertos en desarrollo y programación a medida de software en la nube,
capaces de desarrollar y programar sistemas para los proyectos y plataformas web más exigentes.
<br>
<br>
<img src="imagenes/daw.png" id="areasdeactuacion" width="320" height="240">
</p>
<footer>
<a href="https://es.wikipedia.org/wiki/Anexo:Lenguajes_de_programaci�n">Lenguajes de programación</a>
</article
</header>
</section>
</div>
<aside id="panellateralareas" >
<p>NUESTROS TRABAJOS</p>
<p> Event Cake:
<br></br>
<a href="https://eventcake.oceanwp.org/">
<img src="imagenes/demo1.png" id="portada" width="260" height="240" ></img>
</a>
<p>Pets:
<br></br>
<a href="https://pet.oceanwp.org/">
<img src="imagenes/demo2.png" id="portada" width="260" height="240" ></img>
</a>
<p>Luxury watches:
<br></br>
<a href="https://watch.oceanwp.org/">
<img src="imagenes/demo3.png" id="portada" width="260" height="240" ></img>
</a>
<p>Festival:
<br></br>
<a href="https://festival.oceanwp.org/">
<img src="imagenes/demo4.png" id="portada" width="260" height="240" ></img>
</a>
<p>Boxing:
<br></br>
<a href="https://boxe.oceanwp.org/">
<img src="imagenes/demo5.png" id="portada" width="260" height="240" ></img>
</a>
</p>
</aside>
</aside>
<footer id="piedepaginaareas">
<p><b>Autor: Roberto González Morón</b><br>
<a href="mailto:robert.gonzalez.mn@gmail.com">robert.gonzalez.mn@gmail.com</a></p>
</footer>