-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvuejs.html
More file actions
293 lines (229 loc) · 21.3 KB
/
vuejs.html
File metadata and controls
293 lines (229 loc) · 21.3 KB
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Vue.js_Logo_2.svg/512px-Vue.js_Logo_2.svg.pngvuejs.png">
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Comparación de frameworks: Vue.js</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="./css/main.css">
<script src="https://kit.fontawesome.com/3964857799.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="border-bottom border-success">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<div class="d-flex justify-content-start ms-2">
<img width="45" height="45" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xODIuMzA4LDI2NC43MDF2LTUwLjc4NmgzMS4xMzF2NDkuODYzYzAsMTQuMTE0LDUuNDA4LDE5LjM5MSwxNC4xMTUsMTkuMzkxYzguNzA2LDAsMTQuMTE0LTUuMjc2LDE0LjExNC0xOS4zOTEgICAgIHYtNDkuODYzaDMwLjYwNHY1MC43ODZjMCwyNy43MDItMTYuNjIxLDQzLjY2My00NC45ODIsNDMuNjYzQzE5OC45MjksMzA4LjM2NCwxODIuMzA4LDI5Mi40MDMsMTgyLjMwOCwyNjQuNzAxeiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCQk8cGF0aCBkPSJNMjkzLjExMiwyMTMuOTE1aDMxLjEzMXY5Mi4zMzloLTMxLjEzMVYyMTMuOTE1eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjU1Ljk2OCw0MTkuNzg0Yy05MC4zMTEsMC0xNjMuNzg1LTczLjQ3NC0xNjMuNzg1LTE2My43ODRjMC05MC4zMTIsNzMuNDc0LTE2My43ODUsMTYzLjc4NS0xNjMuNzg1ICAgICBTNDE5Ljc1MywxNjUuNjg4LDQxOS43NTMsMjU2QzQxOS43NTMsMzQ2LjMxMSwzNDYuMjc5LDQxOS43ODQsMjU1Ljk2OCw0MTkuNzg0eiBNMjU1Ljk2OCwxMjIuMjE1ICAgICBjLTczLjc2OSwwLTEzMy43ODUsNjAuMDE2LTEzMy43ODUsMTMzLjc4NWMwLDczLjc2OSw2MC4wMTYsMTMzLjc4NCwxMzMuNzg1LDEzMy43ODRTMzg5Ljc1MywzMjkuNzY5LDM4OS43NTMsMjU2ICAgICBDMzg5Ljc1MywxODIuMjMsMzI5LjczNywxMjIuMjE1LDI1NS45NjgsMTIyLjIxNXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCQk8L2c+CgkJPGc+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHJlY3QgeD0iMjQxIiB5PSI0NjEuNTc3IiB3aWR0aD0iMzAiIGhlaWdodD0iNTAuNDIzIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQk8cmVjdCB4PSI0NjEuNTc3IiB5PSIyNDEiIHdpZHRoPSI1MC40MjMiIGhlaWdodD0iMzAiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxyZWN0IHk9IjI0MSIgd2lkdGg9IjUwLjQyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJPHJlY3QgeD0iMjQxIiB3aWR0aD0iMzAiIGhlaWdodD0iNTAuNDIyIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQk8cmVjdCB4PSIyNDEiIHk9IjQ2MS41NzciIHdpZHRoPSIzMCIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxyZWN0IHg9IjQ2MS41NzciIHk9IjI0MSIgd2lkdGg9IjUwLjQyMyIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJPHJlY3QgeT0iMjQxIiB3aWR0aD0iNTAuNDIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCTwvZz4KCQkJPGc+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iMTEyLjAzNyIgeT0iNDM4Ljg5MiIgdHJhbnNmb3JtPSJtYXRyaXgoMC41MTQ1IC0wLjg1NzUgMC44NTc1IDAuNTE0NSAtMzIyLjU3MDMgMzM4LjAzNzYpIiB3aWR0aD0iNTAuNDIzIiBoZWlnaHQ9IjI5Ljk5OSIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjQzOC44OTIiIHk9IjM0OS41NDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NiAtMC44NTc1IDAuODU3NSAwLjUxNDYgLTEwMC45OTQzIDU3MS4xMTQyKSIgd2lkdGg9IjMwLjAwMSIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCQoJCQkJCQk8cmVjdCB4PSI0My4xMDciIHk9IjExMi4wMzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NSAtMC44NTc1IDAuODU3NSAwLjUxNDUgLTg5LjQ3NjMgMTE2LjQ1MzEpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjM0OS41NDEiIHk9IjQzLjEwOCIgdHJhbnNmb3JtPSJtYXRyaXgoMC41MTQ1IC0wLjg1NzUgMC44NTc1IDAuNTE0NSAxMzIuMTA1MyAzNDkuNTQ5NSkiIHdpZHRoPSI1MC40MjMiIGhlaWdodD0iMjkuOTk5IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iMTEyLjAzNyIgeT0iNDM4Ljg5MiIgdHJhbnNmb3JtPSJtYXRyaXgoMC41MTQ1IC0wLjg1NzUgMC44NTc1IDAuNTE0NSAtMzIyLjU3MDMgMzM4LjAzNzYpIiB3aWR0aD0iNTAuNDIzIiBoZWlnaHQ9IjI5Ljk5OSIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjQzOC44OTIiIHk9IjM0OS41NDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NiAtMC44NTc1IDAuODU3NSAwLjUxNDYgLTEwMC45OTQzIDU3MS4xMTQyKSIgd2lkdGg9IjMwLjAwMSIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCQoJCQkJCQk8cmVjdCB4PSI0My4xMDciIHk9IjExMi4wMzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NSAtMC44NTc1IDAuODU3NSAwLjUxNDUgLTg5LjQ3NjMgMTE2LjQ1MzEpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQk8L2c+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHJlY3QgeD0iMjguOTEiIHk9IjM1Mi44NDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuODc0NyAtMC40ODQ2IDAuNDg0NiAwLjg3NDcgLTE3MS40NzY2IDcyLjMwNDcpIiB3aWR0aD0iNTAuNDIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iMzUyLjg0MSIgeT0iNDMyLjY2NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC44NzQ3IC0wLjQ4NDYgMC40ODQ2IDAuODc0NyAtMTc1LjgxMTYgMjM1LjYxNDEpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMyIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjEyOS4xNTgiIHk9IjI4LjkxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg3NDcgLTAuNDg0NiAwLjQ4NDYgMC44NzQ3IC04LjE2OTMgNzYuNjM5NCkiIHdpZHRoPSIzMC4wMDEiIGhlaWdodD0iNTAuNDIzIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iNDMyLjY2NyIgeT0iMTI5LjE1OSIgdHJhbnNmb3JtPSJtYXRyaXgoMC44NzQ3IC0wLjQ4NDYgMC40ODQ2IDAuODc0NyAtMTIuNTAzNSAyMzkuOTQ2MSkiIHdpZHRoPSI1MC40MjIiIGhlaWdodD0iMzAiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxyZWN0IHg9IjI4LjkxIiB5PSIzNTIuODQxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg3NDcgLTAuNDg0NiAwLjQ4NDYgMC44NzQ3IC0xNzEuNDc2NiA3Mi4zMDQ3KSIgd2lkdGg9IjUwLjQyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjM1Mi44NDEiIHk9IjQzMi42NjciIHRyYW5zZm9ybT0ibWF0cml4KDAuODc0NyAtMC40ODQ2IDAuNDg0NiAwLjg3NDcgLTE3NS44MTE2IDIzNS42MTQxKSIgd2lkdGg9IjMwLjAwMSIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCQoJCQkJCQk8cmVjdCB4PSIxMjkuMTU4IiB5PSIyOC45MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC44NzQ3IC0wLjQ4NDYgMC40ODQ2IDAuODc0NyAtOC4xNjkzIDc2LjYzOTQpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMyIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+CgoKCgoKCgoKCgoKCgoKCjwvZz48L3N2Zz4=" />
<a class="navbar-brand ms-3" href="#">Práctica IU</a>
</div>
<div class="d-flex justify-content-end">
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item me-4">
<a class="nav-link" href="./angularjs.html">Angular.js</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="./ionic.html">Ionic</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="./reactnative.html">React native</a>
</li>
<li class="nav-item me-4">
<a class="nav-link linkVerde" aria-current="page" href="#">Vue</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" aria-current="page" href="./index.html">Diferencias de Frameworks</a>
</li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</nav>
</div>
<div class="container-fluid bg-dark pt-5 pb-5">
<div class="row justify-content-center p-5 pb-3">
<div class="col-auto">
<img class="imgVue" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Vue.js_Logo_2.svg/512px-Vue.js_Logo_2.svg.pngvuejs.png" alt="" width="250" height="200">
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<h1 class="display-3 fw-bold textoColorVerde">Vue.js</h1>
</div>
</div>
<div class="row justify-content-center">
<div class="col-10 col-sm-8 col-lg-6">
<p class="lead mb-4 text-center mt-2 text-white">
Vue es un framework progresivo de JavaScript (citando el vídeo de su web: Si estás usando un
framework de aplicaciones web puedes incluir a Vue a solo una parte de la aplicación) de código abierto para la
construcción de interfaces de usuario.
</p>
<p class="lead mb-4 text-center mt-2 text-white">
Vue como tal es otro framework que separa la interfaz gráfica de usuario de la lógica de la aplicación y que se usa para SPAs (aplicaciones de página única).
</p>
</div>
</div>
</div>
<div class="container-fluid bg-light pt-4 pb-2">
<!--Algunas ventajas-->
<div class="row justify-content-center pb-3">
<div class="col-auto">
<h3 class="fw-bold text-dark">Algunas ventajas</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-10 col-sm-8 col-lg-6">
<p class="lead mb-4 text-center mt-2">
Una de las mayores ventajas de Vue.js es su pequeño tamaño. El tamaño de este framework es de 18-21KB y no se tarda en descargarlo y utilizarlo.
</p>
<p class="lead mb-4 text-center mt-2">
Una de las razones de la popularidad de este framework es que es bastante fácil de entender.
Tanto las aplicaciones web pequeñas como las de gran escala pueden ser desarrolladas a través de este framework que ahorra mucho tiempo.
</p>
<p class="lead mb-4 text-center mt-2">
Vue.js también es popular entre los desarrolladores web porque les facilita la integración con las aplicaciones existentes.
Esto se debe a que se basa en el marco de JavaScript y puede integrarse en otras aplicaciones construidas con este lenguaje.
</p>
</div>
</div>
<!--Boton comparar frameworks-->
<div class="row justify-content-center pt-2 pb-4">
<div class="col-10 col-sm-8 col-lg-6 text-center">
<a type="button" class="btn btn-lg btn-block text-white botonColorVerdeClaro" href="./index.html">
Comparar Vue con otros Frameworks <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
<!--Aplicaciones que usan Vue-->
<hr class="bg-dark border-2">
<div class="row justify-content-center pt-4">
<div class="col-auto">
<h3 class="fw-bold text-dark text-center">Algunas aplicaciones que confían en Vue</h3>
</div>
</div>
<div class="row mt-5">
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn.icon-icons.com%2Ficons2%2F1488%2FPNG%2F512%2F5323-9gag_102566.png&f=1&nofb=1">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">9gag</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
9gag es un sitio web que presenta vídeos subidos por los usuarios organizándolos en categorías como comedia,
juegos, animales, películas y televisión, música y más. Sus vídeos destacados se actualizan a diario y cubren varios
programas de televisión o anuncios que se pueden encontrar en el sitio.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="http://4.bp.blogspot.com/-rqV6J4uuPBE/VVWPxc03u0I/AAAAAAAACYc/wdONX1bPvho/s1600/nintendo-logo-vector.png" alt="nintendo">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Nintendo</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Nintendo Co., Ltd. es una empresa multinacional japonesa de electrónica de consumo con sede en Kioto, Japón. Nintendo es la mayor empresa de videojuegos del mundo por ingresos.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://upload.wikimedia.org/wikipedia/ru/6/65/Chess.com_logo.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Chess.com</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Chess.com es un servidor de ajedrez en Internet, un foro en Internet y un sitio web de redes sociales. El sitio tiene un modelo freemium en el que algunas características están disponibles de forma gratuita, y
otras para cuentas con suscripciones. Se puede jugar al ajedrez online en directo contra otros usuarios en controles de tiempo diario, rápido, relámpago o bala, con un número de variantes de ajedrez disponibles.
También se ofrece ajedrez contra una IA, análisis por ordenador, rompecabezas de ajedrez y recursos didácticos.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://vivatech.cdn.mediactive-network.net/www-site/uploads/2019/03/media-partners-euronews.png" width="200" height="200">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Euronews</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Euronews es una cadena de noticias de televisión paneuropea, con sede en Lyon, Francia. La cadena comenzó a emitir el 1 de enero de 1993 y su objetivo
es cubrir la actualidad mundial desde una perspectiva paneuropea.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://junkwize.com/wp-content/uploads/2019/04/trustpilot-vector-logo-blk.png" >
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Trustpilot</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Trustpilot.com es un sitio web danés de opiniones de consumidores fundado en Dinamarca en 2007 que alberga opiniones de empresas de todo el mundo.
Cada mes se publican casi un millón de opiniones nuevas.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="http://granitegrok.com/wp-content/uploads/2014/07/buzzfeed_lrg.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Buzzfeed</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
BuzzFeed, Inc. es una empresa estadounidense de medios de comunicación, noticias y entretenimiento en Internet, centrada en los medios digitales. BuzzFeed produce contenidos diarios, en los que aparece el
trabajo de reporteros de la plantilla, colaboradores, dibujantes sindicados y su comunidad.
</p>
</div>
</div>
</div>
</div>
<!--Botón para siguiente Framework(SOLO SE MUESTRA SI ES EN lg o mas)-->
<div class="d-none d-lg-block">
<div class="row pt-2 pb-4">
<div class="col-lg-6 d-grid gap-2">
<a type="button" class="btn btn-outline-dark btn-lg btn-block" href="./reactnative.html">
<i class="fas fa-arrow-left"></i> Volver al Framework anterior
</a>
</div>
<div class="col-lg-6 d-grid gap-2">
<a type="button" class="btn btn-lg btn-block text-white botonColorVerdeClaro" href="./angularjs.html">
Ir al siguiente Framework <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!--Botón para siguiente Framework(SOLO SE MUESTRA SI ES de xs hasta md)-->
<div class="d-md-block d-lg-none">
<div class="row pt-2 pb-4">
<div class="col-6 d-grid gap-2">
<a type="button" class="btn btn-outline-dark btn-lg btn-block" href="./reactnative.html">
<i class="fas fa-arrow-left"></i> Volver
</a>
</div>
<div class="col-6 d-grid gap-2">
<a type="button" class="btn btn-lg btn-block text-white botonColorVerdeClaro" href="./angularjs.html">
Siguiente <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>