-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
258 lines (254 loc) · 11.9 KB
/
index.html
File metadata and controls
258 lines (254 loc) · 11.9 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
<!DOCTYPE html>
<html>
<title>
#codefuncode
</title>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="css/w3.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="css/css.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.min.js" type="text/javascript">
</script>
<script src="js/js.js" type="text/javascript">
</script>
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
</style>
<body class="w3-light-grey">
<!-- Smartsupp Live Chat script -->
<script src="js/chat.js" type="text/javascript">
</script>
<!--End of Tawk.to Script-->
<!-- Your Chat Plugin code -->
<div attribution="setup_tool" class="fb-customerchat" logged_in_greeting="Saludos! Estoy aquí, para ayudarte con el código de tu paguina web. Cuentame!" logged_out_greeting="Saludos! Estoy aquí, para ayudarte con el código de tu paguina web. Cuentame!" page_id="103916437640445" theme_color="#13cf13">
</div>
<!-- Top container -->
<div class="w3-bar w3-top w3-black w3-large" style="z-index:4">
<button class="w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-text-light-grey" onclick="w3_open();">
<i class="fa fa-bars">
</i>
Menu
</button>
<span class="w3-bar-item w3-right">
#codefuncode
</span>
</div>
<!-- Sidebar/menu -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" id="mySidebar" style="z-index:3;width:300px;">
<br/>
<div class="w3-container w3-row" style="margin-top: 50px;">
<div class="w3-col s4">
<img class="w3-circle w3-margin-right" src="img/075.png" style="width:70px; height: 70px;"/>
</div>
<div class="w3-col s8 w3-bar menux">
<span>
Bienvenido a
<br/>
<strong>
Código Divertido
</strong>
</span>
<br/>
<a class="w3-bar-item facebook" href="https://www.facebook.com/codefuncode/" target="_blank">
<img alt="" src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.pngall.com%2Fwp-content%2Fuploads%2F2016%2F07%2FFacebook-Download-PNG.png&f=1&nofb=1"/>
</a>
<a class="w3-bar-item " href="https://github.com/codefuncode" target="_blank">
<img alt="" src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fbrettbeauregard.com%2Fblog%2Fwp-content%2Fuploads%2F2011%2F12%2Fgithub-300x300.png&f=1&nofb=1"/>
</a>
</div>
</div>
<hr/>
<div class="w3-container">
<h5>
Categorías
</h5>
</div>
<div class="w3-bar-block menux">
<a class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" href="#" onclick="w3_close()" title="close menu">
<i class="fa fa-remove fa-fw">
</i>
Cerrar menú
</a>
<a class="w3-bar-item w3-button w3-padding " href="index.html">
<img src="imagenes/home.jpeg"/>
Home
</a>
<a class="w3-bar-item w3-button w3-padding " href="./Archivo/pag/HTML/001-introduccion.html">
<img src="imagenes/html5.png"/>
HTML
</a>
<a class="w3-bar-item w3-button w3-padding" href="./Archivo/pag/CSS/001-introduccion.html">
<img src="imagenes/css.png"/>
CSS
</a>
<a class="w3-bar-item w3-button w3-padding" href="./Archivo/pag/JS/001-introduccion.html">
<img src="imagenes/javascript.png"/>
JavaScript
</a>
<a class="w3-bar-item w3-button w3-padding" href="./Archivo/pag/PHP/001-introduccion.html">
<img src="imagenes/php.png"/>
PHP
</a>
<a class="w3-bar-item w3-button w3-padding" href="./Archivo/pag/MySql/001-introduccion.html">
<img src="imagenes/mysql.jpeg"/>
MySql
</a>
<a class="w3-bar-item w3-button w3-padding" href="plantillas.html">
<img src="imagenes/nota.png"/>
Plantillas
</a>
<br/>
<br/>
</div>
</nav>
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" id="myOverlay" onclick="w3_close()" style="cursor:pointer" title="close side menu">
</div>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px;margin-top:43px;">
<!-- Header -->
<header class="w3-container" style="padding-top:22px">
<h5>
<b>
<!-- <i class="fa fa-dashboard">
</i> -->
Tecnologías para el desarrollo web
</b>
</h5>
</header>
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-five">
<div class="w3-container ">
<!-- <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse3.mm.bing.net%2Fth%3Fid%3DOIP.Y_sp_96EZIX3OHRLTgHOmgHaEu%26pid%3DApi&f=1"/> -->
<img src="img2/html5.png"/>
</div>
</div>
<div class="w3-five">
<div class="w3-container ">
<!-- <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Flearning.linkedin.com%2Fcontent%2Fdam%2Fme%2Flearning%2Fblog%2F2016%2Fseptember%2FCSS.jpg&f=1&nofb=1"/> -->
<img src="img2/css3.png"/>
</div>
</div>
<div class="w3-five">
<div class="w3-container ">
<!-- <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn-images-1.medium.com%2Fmax%2F1200%2F1*H-25KB7EbSHjv70HXrdl6w.png&f=1&nofb=1"/> -->
<img src="img2/js.png"/>
</div>
</div>
<div class="w3-five">
<div class="w3-container">
<!-- <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.rbrHgjHJov9cIaqjLdTh5AHaFE%26pid%3DApi&f=1"/> -->
<img src="img2/php.png"/>
</div>
</div>
<div class="w3-five">
<!-- w3-orange w3-text-white w3-padding-16 -->
<div class="w3-container ">
<!-- <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.filerepairtool.net%2Fblog%2Fwp-content%2Fuploads%2F2014%2F04%2Ficon_mysql.jpg&f=1&nofb=1"/> -->
<img src="img2/mysql.png"/>
</div>
</div>
</div>
<div class="w3-panel">
<p>
Bienvenido a la página de Código Divertido. Aquí encontrarás muchos de mis estudios y podrás usarlos como referencia para tus proyectos. Las tecnologías.
</p>
</div>
<div class="w3-container">
<div id="cuerpo">
<div class="">
<h3>
¡Bienvenido!
</h3>
<div class="w3-panel w3-pale-blue w3-leftbar w3-rightbar w3-border-blue">
<p>
He estado trabajando todos estos años en repositorios de estudios detallados y he considerado abrir la posibilidad que colaboradores puedan estar aquí. Todos estos repositorios están enfocados al estudio del lenguaje de forma detallada. Es un trabajo arduo sin embargo aquí en Código Divertido ya se tiene trabajada más de la mitad del camino. Tenemos seguidores en Facebook y personas que comentan las publicaciones de la página. Dicho este dejo el escrito que recientemente publiqué en el repositorio del curso de HTML. Pero te aseguro que no solo tenemos repositorio de HTML. También tenemos de MySQL, PHP, JavaScript y CSS. Hasta el momento se dedica más tiempo a los repositorios antes mencionados para entrar al repositorio de HTML con los conocimientos de los lenguajes que menciono, hacer cosas únicas y mostrar de forma dinámica un curso escrito de HTML.
</p>
</div>
<p>
Como parte de la introducción debemos exponer el propósito de este repositorio desde su creación. En primer lugar se hace hincapié en que no todos los consumidores de productos digitales están aquí donde esta usted y yo. Por lo que el estudio de lenguajes de programación es irrelevante, para el usuario final. Todos tenemos claro que estudiar lenguajes de programación no es tarea fácil.
</p>
<p>
Por esta razón este repositorio pretende hacer dos funciones. Una es realizar un seguimiento por lenguaje en específico y, el otro es, usar el contenido estudiado como parte de una estrategia publicitaria, que materialíce el esfuerzo por parte de todos los colaboradores. Estudiar y captar la atención de empresarios es el objetivo.
</p>
<p>
Captar la atención de comerciantes, empresarios, organizaciones sin fines de lucro y todo lo que pueda beneficiarse de un sistema informático, ese es el objetivo de un informático que busca hacer negocios que genere beneficios económicos y mejorar la calidad de vida de todos, por lo tanto ese es nuestro objetivo.
</p>
<p>
Los empresarios y comerciantes invierten en productos digitales que optimicen sus empresas u organizaciones lo que para ellos se traduce en beneficios económicos a largo plazo. Al igual que un informático invierte años de su vida aprendiendo lenguajes de programación para ofrecer un producto los empresarios invierten tiempo y esfuerzo, para que sean más y mejores los ingresos a fin de año.
</p>
<p>
Partiendo de este hecho, este repositorio y otros que están activos actualmente y mantenidos por mí. Donde hay un sin fin de investigaciones importantes. Además están los repositorios dirigidos a simular procesos empresariales que a su vez de igual forma serán empleados para capturar nuestro objetivo.
</p>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {
$("#cuerpo").load("html/intro.html #test");
});
</script>
</div>
<div class="w3-container w3-dark-grey w3-padding-32">
<div class="w3-row">
<div class="w3-container w3-third">
<h5 class="w3-bottombar w3-border-green">
Maqueado y estilo para la web
</h5>
<p>
HTML
</p>
<p>
CSS
</p>
</div>
<div class="w3-container w3-third">
<h5 class="w3-bottombar w3-border-red">
Inteligencia y comportamiento
</h5>
<p>
JavaScript
</p>
<p>
PHP
</p>
</div>
<div class="w3-container w3-third">
<h5 class="w3-bottombar w3-border-orange">
Almacenamiento de datos
</h5>
<p>
MySQL
</p>
</div>
</div>
</div>
<!-- Footer -->
<!-- <footer class="w3-container w3-padding-16 w3-light-grey">
</footer> -->
</div>
<!-- End page content -->
<script>
// Get the Sidebar
var mySidebar = document.getElementById("mySidebar");
// Get the DIV with overlay effect
var overlayBg = document.getElementById("myOverlay");
// Toggle between showing and hiding the sidebar, and add overlay effect
function w3_open() {
if (mySidebar.style.display === 'block') {
mySidebar.style.display = 'none';
overlayBg.style.display = "none";
} else {
mySidebar.style.display = 'block';
overlayBg.style.display = "block";
}
}
// Close the sidebar with the close button
function w3_close() {
mySidebar.style.display = "none";
overlayBg.style.display = "none";
}
</script>
</body>
</html>