-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
127 lines (125 loc) · 8.34 KB
/
post.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 lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Clean Blog - Start Bootstrap Theme</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="Importancia">Sample Post</a></li>
<li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Header-->
<header class="masthead" style="background-image: url('assets/img/estudiantes.jpg')">
<div class="container position-relative px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<div class="post-heading">
<h1>Importancia de las tics</h1>
<h2 class="subheading"></h2>
<span class="meta">
<a href="#!"></a>
</span>
</div>
</div>
</div>
</div>
</header>
<!-- Post Content-->
<article class="mb-4">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<p>Las tecnologías de la información de la comunicación son muy importantes en la actualidad ya que gracias a estas estamos en contacto y comunicación con muchas otras personas de nuestra comunidad, nuestra región del país o tal vez de todo el mundo. Nos comunicamos a través de mensajes por ejemplo por el teléfono celular, imágenes y sonidos por ejemplo la televisión que día a día nos muestra los sucesos más importantes que pasan en nuestro alrededor (las noticias). Otra de estas tecnologías es el internet que esta entrelazada por millones de redes en todo el mundo y pues de esa manera y por medio de algunos programas conocidos como correo electrónico podemos enviar distintos tipos de información a algunos conocidos. Bueno estos fueron algunos ejemplos y las importancias que tienen estas tecnologías.</p>
<p>Las nuevas Tecnologías de la Información y de la Comunicación han evolucionado espectacularmente en los últimos años, debidas especialmente a su capacidad de interconexión a través de la Red. Esta nueva fase de desarrollo va a tener gran impacto en la organización de la enseñanza y el proceso de aprendizaje. La acomodación del entorno educativo a este nuevo potencial y la adecuada utilización didáctica del mismo supone un reto sin precedentes. Se han de conocer los límites y los peligros que las nuevas tecnologías plantean a la educación y reflexionar sobre el nuevo modelo de sociedad que surge de esta tecnología y sus consecuencias. Las innovaciones tecnológicas han proporcionado a la humanidad canales nuevos de comunicación e inmensas fuentes de información que difunden modelos de comportamiento social, actitudes, valores, formas de organización, etc. Hemos pasado de una situación donde la información era un bien escaso a otra en donde la información es tremendamente abundante, incluso excesiva. Vivimos inmersos en la llamada sociedad de la información.</p>
<p></p>
<p> </p>
<p></p>
<h2 class="section-heading"></h2>
<p></p>
<p></p>
<blockquote class="blockquote"></blockquote>
<p></p>
<h2 class="section-heading"></h2>
<p></p>
<a href="#!"><img class="img-fluid" src="assets/img/post-sample-image.jpg" alt="..." /></a>
<span class="caption text-muted"></span>
<p> </p>
<p></p>
<p>
Placeholder text by
<a href="http://spaceipsum.com/">Space Ipsum</a>
· Images by
<a href="https://www.flickr.com/photos/nasacommons/">NASA on The Commons</a>
</p>
</div>
</div>
</div>
</article>
<!-- Footer-->
<footer class="border-top">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-md-10 col-lg-8 col-xl-7">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="#!">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#!">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#!">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<div class="small text-center text-muted fst-italic">Copyright © Your Website 2021</div>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>