-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathionic.html
More file actions
244 lines (212 loc) · 20.4 KB
/
ionic.html
File metadata and controls
244 lines (212 loc) · 20.4 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
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="https://victorpastor.com/wp-content/uploads/2020/11/logo.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">
<script src="https://kit.fontawesome.com/3964857799.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<div class="border-bottom border-azul">
<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 linkColorAzul" 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" aria-current="page" href="./vuejs.html">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-3">
<div class="row justify-content-center p-5 pb-3">
<div class="col-auto">
<svg width="200" height="200" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"
style="margin-bottom: 1.5%;">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M30.4327 9.05578L30.5633 9.36054C31.5211 11.4721 32 13.6925 32 16C32 24.8163 24.8163 32 16 32C7.18367 32 0 24.8163 0 16C0 7.18367 7.18367 0 16 0C18.5905 0 21.0503 0.609524 23.3143 1.7415L23.619 1.89388L23.3578 2.11156C22.7048 2.63401 22.2041 3.28707 21.8776 4.04898L21.7905 4.26667L21.5946 4.17959C19.8313 3.35238 17.9592 2.91701 16 2.91701C8.77279 2.91701 2.91701 8.77279 2.91701 16C2.91701 23.2272 8.77279 29.083 16 29.083C23.2272 29.083 29.083 23.2054 29.083 16C29.083 14.2803 28.7565 12.5823 28.0816 10.9932L27.9946 10.7755L28.2122 10.6884C28.9741 10.4054 29.6707 9.92653 30.215 9.31701L30.4327 9.05578ZM26.4707 9.36057C28.3102 9.36057 29.8014 7.8694 29.8014 6.02996C29.8014 4.19051 28.3102 2.69934 26.4707 2.69934C24.6313 2.69934 23.1401 4.19051 23.1401 6.02996C23.1401 7.8694 24.6313 9.36057 26.4707 9.36057ZM15.9999 8.70754C11.9727 8.70754 8.7074 11.9728 8.7074 16.0001C8.7074 20.0273 11.9727 23.2926 15.9999 23.2926C20.0271 23.2926 23.2924 20.0273 23.2924 16.0001C23.2924 11.9728 20.0271 8.70754 15.9999 8.70754Z"
fill="#4A8BFC"></path>
</svg>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<h1 class="display-3 fw-bold textoColorAzul">Ionic</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">
Ionic es un SDK (kit de desarrollo de software) de código abierto para desarrollo de aplicaciones
móviles híbridas.
Sin embargo, ahora puede ser utilizado junto con cualquier framework de interfaz o incluso también
sin ningún framework.
</p>
<p class="lead mb-4 text-center mt-2 text-white">
Ionic provee los servicios para desarrollar aplicaciones web, móviles y de escritorio utilizando
tecnologías web como CSS, HTML5, y Sass.
</p>
</div>
</div>
</div>
<div class="container-fluid bg-light pt-4 pb-2">
<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">
La principal ventaja de este framework es que nos permite crear aplicaciones híbridas. El desarrollo y mantenimiento de una sola aplicación con un único código para distintas plataformas resulta más rapido y menos costoso que el desarrollo de una aplicación nativa.
</p>
<p class="lead mb-4 text-center mt-2">
Este framework es un proyecto de código abierto, muy bien documentado y con una comunidad activa, por lo que facilita la curva de aprendizaje.
</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-info btn-lg btn-block text-white botonColorAzul" href="./index.html">
Comparar Ionic con otros Frameworks <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
<div class="border-bottom"></div>
<div class="row justify-content-center pt-4">
<div class="col-auto">
<h1 class="fw-bold text-dark text-center">Aplicaciones que confían en Ionic</h1>
</div>
</div>
<div class="pb-5 mt-5 container marketing">
<div class="row">
<div class="col-lg-4">
<img class="d-block mx-auto mb-4"
src="https://play-lh.googleusercontent.com/XAoYL6XpPDDHsgePDKoQX-tc0DdCJZFYPc5L79iNYSEw3grbR8g-oBUE5n0mRDDXnpE"
alt="9gag" width="200" height="200">
<h2>Market Watch</h2>
<p>Market Watch es una aplicación para dispositivos móviles que brinda a los usuarios noticias de
finanzas, negocios y bolsa. Además, muestra las noticias más actuales de la empresa,
cotizaciones bursátiles, asesoramiento financiero y datos de mercado. Lo más importante es que,
como aplicación Ionic, funciona muy bien tanto en dispositivos Android como iOS. </p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="d-block mx-auto mb-4" src="https://img.icons8.com/color/452/mcdonalds-app.png"
alt="marketwatch" width="200" height="200">
<h2>McDonald's (TK)</h2>
<p>Como todas las grandes empresas, McDonald's también dedica muchos esfuerzos y recursos a crear
una presencia digital sólida. Es por ello que decidieron confiar en Ionic para su aplicación
móvil de pedidos de alimentos en Turquía. La aplicación ofrece distintas ofertas y descuentos
para los clientes.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="d-block mx-auto mb-4"
src="https://es.diesel.com/on/demandware.static/Sites-DieselES-Site/-/default/dw907cad0d/images/logo.svg"
alt="mcdonalds" width="320" height="200">
<h2>DIESEL</h2>
<p>La conocida marca Diesel también tiene su propia aplicación Ionic. Ayuda al equipo de
merchandising a crear informes y analizar cada tienda y producto de Diesel. Además, ayuda a la
marca a encontrar mejores formas de presentarse. Debido al marco Ionic, la aplicación viene con
un buen rendimiento y una interfaz de usuario de alta calidad que hace que se vea y se sienta
como una aplicación nativa.</p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<div class="row" style="margin-top: 2%;;">
<div class="col-lg-4">
<img class="d-block mx-auto mb-4"
src="https://play-lh.googleusercontent.com/KyP6tycYadkIuQY-w_4c0_feiK5qw9ftVOGn9rF-Mo0WmUxKgjDeKaIcgeAW7xp0a7s"
alt="sworkit" width="200" height="200">
<h2>Sworkit</h2>
<p>Además, Sworkit es una aplicación de fitness utilizada por más de 25 millones de personas. Dentro
de la aplicación es posible encontrar una gran diversidad de ejercicios y videos de
entrenamiento. Esta aplicación ofrece la posibilidad de entrenar en cualquier lugar, sin
necesidad de equipo. </p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="d-block mx-auto mb-4"
src="https://play-lh.googleusercontent.com/zdkBgIAx4BA6e9zwIuzQjLu59fF40UahyekuNISeTCQPMuJMjbweFB13meGeSZechbPh"
alt="pacifica" width="200" height="200">
<h2>Sanvello</h2>
<p>Sanvello (anteriormente conocido como Pacifica), es una aplicación móvil que utiliza herramientas
de la terapia cognitivo-conductual para ayudar a los usuarios a controlar el estrés, la ansiedad
y la depresión.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="d-block mx-auto mb-4"
src="https://play-lh.googleusercontent.com/Riuz226TXAawu8ZXlL7wnsjtMHkTMTDh_RSRiozAdoKe2TyGG4cLp3rPB0CxQFEUzFc"
alt="Buzzfeed" width="200" height="200">
<h2>JustWatch</h2>
<p> JustWatch es una aplicación de motor de búsqueda para contenido de transmisión en línea. La
aplicación ofrece los contenidos que están legalmente disponibles y son populares en el mercado
en línea. Algunos de los servicios incluidos aquí son: Netflix, Amazon Prime Video, HBO Now y
otros. La aplicación está disponible para dispositivos Android e iOS. </p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
</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="./angularjs.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 botonColorAzul" href="./reactnative.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="./angularjs.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 botonColorAzul" href="./reactnative.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>