-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
127 lines (113 loc) · 5.78 KB
/
home.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
<!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="utf-8" />
<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" class="home">
<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" class="in-flex">
<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="panelcentral" class="in-flex">
<section>
<header>
<h1>Top distros linux 2021</h1>
<article>
<p>Una distribución Linux o también conocida coloquialmente como distro, es una distribución de software basada en el núcleo Linux y
que incluye determinados paquetes para ofrecer ciertas características o funciones al usuario. Por lo tanto, una distribución
Linux es un software que contiene otros paquetes de software,que generalmente son de carácter libre
<br>
<a href="publicaciones.html"><img src="imagenes/portadalinux.jpg" id="portada" alt="imagenlinux" width="320" height="240"></a>
</p>
<footer>
Autor: ROBERTO GONZÁLEZ MORÓN
</footer>
</article>
</header>
</section>
<br>
<section>
<header>
<h1>Introducción a Figma</h1>
<article>
<p>Qué es Figma. Figma es un programa que ofrece todas las herramientas necesarias para diseñar un proyecto. ...
También permite crear prototipos, generar código para el traspaso (hand-off) e ilustrar,
aunque para esto último no es la mejor herramienta para ello.
<br>
<a href="publicaciones.html"><img src="imagenes/figmaportada.jpg" id="portada" alt="" width="320" height="240" alt="imagenfigma"></a>
</p>
<footer>
Autor: GEMMA MORENO GAMO
</footer>
</article>
</header>
</section>
<br>
<section>
<header>
<h1>10 consejos sobre cyberseguridad</h1>
<article>
<p>Es imposible reducir el riesgo de los ciberataques a cero. Es por eso que las empresas deben tomar medidas de seguridad para que sea más difícil que sufran algún tipo de ataque digital.
En materia de ciberseguridad para empresas es esencial impartir una formación a los empleados ya que en la mayoría
de los casos son los responsables de las intrusiones digitales.
<a href="noticias.html"><img src="imagenes/cyberseguidadportada.png" id="portada" width="320" height="240" alt="imagenciberseguridad"></img></a>
</p>
<footer>
Autor: IGNACIO VISERAS RIEGO
</footer>
</article>
</header>
</section>
</div>
<aside id="panellateral" class="in-flex">
<p>En nuestra pagina web nos dedicamos a asesorar construir y mejora la calidad de las paginas de nuestros clientes para que estos puedan aumentar su visualización y
consigan sus objetivos, con tecnologías web como HTML, CSS y Javascript</p>
<a href="https://es.wikipedia.org/wiki/HTML"><img src="imagenes/htmlportada.png" id="portada" width="280" height="240" alt="imagenhmtl"></img></a>
<p> Entre otras también operamos con bases de datos (RAID) creadas por Google (G Suite), como Basecamp, Couchbase, IaaS (cloud) y Slack. Todas estas soluciones facilían ahorrarnos tiempo y en las veredas de nuestras estructuras.</p>
<a href="https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada"><img src="imagenes/cssportada.png" id="portada" width="280" height="240" alt="imagencss"></img></a>
<p>La optimización de nuestras redes de internet utilizadas están específicamente diseñadas para el uso de todos estos toolkits para que podamos que nuestros servicios creados por Google, Basecamp, Couchbase y IaaS sean mejores.</p>
<a href="https://es.wikipedia.org/wiki/JavaScript"><img src="imagenes/jsportada.png" id="portada" width="280" height="240" alt="imagenjs"></img></a>
</p>
</aside>
<footer id="piedepagina" class="in-flex">
<p><b>Autor: Rodrigo Sendino Sanz</b><br>
<a href="mailto:rodrigosendinosanz@gmail.com">rodrigosendinosanz@gmail.com</a></p>
</footer>
</div>
</div>
</body>
</html>