Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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">
<title>Document</title>
<link rel="stylesheet" href="../css/estilos.css">
</head>
<body>
<div class="contenedor" >
<div >
<h1 class="caja1" >Cyber Cloud - Servicios en la nube</h1>
<center>
<img class="banner" src="../imagenes/banner2.jpg" alt="">
</center>
</div>
<div class="cajafotos" >
<div >
<img class="fotos" src="../imagenes/Servicio1.jpg"
alt="">
</div>
<div>
<img class="fotos" src="../imagenes/servicio2.jpg"
alt="">
</div>
<div>
<img class="fotos" src="../imagenes/servicio3.jpg"
alt="">
</div>
</div>
<div>
<p>
Los servicios en la nube o soluciones en la nube permite
implementar herramientas de computación desde los servidores de una
empresa especializada, es decir que para poder almacenar información,
desplegar software o contar con servicios gestionados solo se requerirá
una conexión a internet y los accesos de seguridad respectivos.
</p>
</div>
<div class="coa" >
<div class="caja2" >
<h2>Servicios de almacenamiento</h2>
<ol>
<li>One Drive</li>
<li>Mega</li>
<li>4Shared</li>
<li>Dropbox</li>
<li>Box</li>
</ol>
</div>
<div class="caja3" >
<h2>Servicios en la nube</h2>
<ol>
<li>IaaS</li>
<li>PaaS</li>
<li>SaaS</li>
<li>FaaS</li>
<li>CaaS</li>
</ol>
</div>
<div class="caja4" >
<h2>Nuevas Tecnologias</h2>
<ol>
<li>Impresora 3D</li>
<li>Big Data</li>
<li>Data Mining</li>
<li>Internet de las cosas</li>
<li>Internet de todo</li>
</ol>
</div>
</div>
<div>
<center>
<img class="baneer2" src="../imagenes/pie.jpg" alt="">
</center>
<center>
<h2>Temas relacionados</h2>
<ol>
<li><a href="https://www.godaddy.com/es/hosting/web-
hosting" target="_blank">Hosting</a></li>
<li><a href="https://www.salesforce.com/mx/cloud-
computing/" target="_blank">Cloud Computing</a></li>
<li><a href="">Servicios en la nube</a></li>
<li><a href="">Disaster como Recovery</a></li>
<li><a href="">Housing</a></li>
</ol>
</center>
</div>
</div>
</body>
</html>
.contenedor{
background-color: coral;
display: flex; flex-direction: column;
}
.caja1{
background-color: aqua; margin: 80px;text-align: center;
}
.cajafotos{
width: 85%;margin: auto;display: flex;
border: 1px solid black;
}
.fotos{
height: 200px;width: 420px;
border: 3px solid black;
margin: 30px;
}
.banner{
width: 85%; height: 200px;border: 2px solid black;
}
.caja2{
background-color: blueviolet;width: 35%;margin: 10px;
}
.caja3{
background-color: cadetblue;width: 35%;margin: 10px;
}
.caja4{
background-color:darkgoldenrod ;width: 35%;margin: 10px;
}
.coa{
width: 90%;margin: auto;background-color: cornflowerblue;display:
flex;
}