-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (103 loc) · 5.86 KB
/
index.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<title>OVI: Adm. Redes</title>
<link rel="shortcut icon" href="img/favicon.ico" />
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div id="menu-container"> </div>
<!-- Jumbotron -->
<div class="page">
<div class="row">
<div class="col-lg-8 col-md-8">
<div class="jumbotron effect6">
<div style="text-align:center;">
<img src="img/lan.png" class="cour-icon" />
<h3 class="text-primary">Bienvenio al OVI del curso Adminstración de Redes </h3>
</div>
<p class="lead text-justify">
En este Ovi encontrarás muchos recursos que te permitirán introducirte
en las tematicas del curso. En los menús de la parte superior entontrarás diferentes secciones con
contenidos sobre los temas que se abordaran en este curso.
<br/>
<br/>
Para iniciar con las lecturas usa el boton siguiente:
</p>
<div style="text-align:center;">
<p><a class="btn btn-lg btn-success" href="reading_1.html" role="button">Ir a las lecturas</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="wpr-timeline-Tweet effect6">
<a class="twitter-timeline" data-height="450" href="https://twitter.com/UniversidadUNAD">Tweets by UniversidadUNAD</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
<br/>
<!-- Example row of columns -->
<div class="row">
<div class="col-sm-4">
<div class="panel panel-primary effect6">
<div class="panel-heading"><h4 class="no-padding no-margin" >Objetivos del OVI</h4></div>
<div class="panel-body">
<p class="text-primary text-justify">
El objetivo prinicipal de este OVI es introducir al estudiante en los conceptos fundamentales que se relacionan con
la admistracion de las redes con un enfoque en la seguridad. Por lo anterior los recursos contenidos se centran
especialmente en aspaectos realcionados con las protección, la integridad y la seguridad de la información.
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-success effect6">
<div class="panel-heading"><h4 class="no-padding no-margin" >Objetivos del Curso</h4></div>
<div class="panel-body">
<p class="text-primary text-justify">
EL curso de Administración de Redes tiene por objetivo capacitar al estudiante sobre las redes informaticas
para complementar su formación academica y de esta manera estar preparado integralmenete como profesional.<br/><br/><br/>
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="panel panel-info effect6">
<div class="panel-heading"><h4 class="no-padding no-margin" >Temáticas</h4></div>
<div class="panel-body">
<p class="text-primary text-justify">
Las temáticas del curso sobre el cual se construye este OVI, en general, abarcan:
Identificar amenazas de seguridad a las que se expone una red.<br/>
Por otro lado se exponen recursos par Garantizar integridad, disponibilidad y privacidad de datos y recursos.
</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /container -->
<footer class="footer">
<div class="container" id="ft-cont">
</div>
</footer>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
$("#menu-container").load("menu.html");
$("#ft-cont").load("footer.html");
$("#mnhome").addClass("active");
});
</script>
</body>
</html>