├── .gitignore ├── README.md ├── docs ├── basicos-bootstrap.html ├── clientes.html ├── comencemos.html ├── contacto.html ├── css │ └── style.css ├── gracias.html ├── img │ ├── about-1.jpg │ ├── about-2.jpg │ ├── about-3.jpg │ ├── about-4.jpg │ ├── bad-dog-studio-logo.png │ ├── clients-1.jpg │ ├── clients-2.jpg │ ├── clients-3.jpg │ ├── clients-4.jpg │ ├── clients-5.jpg │ ├── clients-6.jpg │ ├── clients-7.jpg │ ├── clients-8.jpg │ ├── favicon.png │ ├── header-image-2.png │ ├── header-image.png │ ├── icon-about.png │ ├── icon-clients.png │ ├── icon-sites.png │ ├── icon-workflow.png │ ├── site-multipage.jpg │ ├── site-singlepage.jpg │ ├── work-layout-1.jpg │ ├── work-layout-2.jpg │ ├── work-layout-3.jpg │ ├── work-layout-4.jpg │ ├── work-layout-5.jpg │ ├── work-layout-6.jpg │ ├── work-layout-7.jpg │ ├── work-layout-8.jpg │ ├── work-slide-1.jpg │ ├── work-slide-2.jpg │ ├── work-slide-3.jpg │ ├── work-slide-4.jpg │ ├── work-slide-5.png │ ├── work-slide-6.png │ ├── workflow-step-1.png │ ├── workflow-step-2.png │ ├── workflow-step-3.png │ ├── workflow-step-4.png │ └── workflow-step-5.png ├── index.html ├── js │ └── main.js ├── one-page.html └── sitios.html └── img.zip /.gitignore: -------------------------------------------------------------------------------- 1 | ### macOS ### 2 | # General 3 | .DS_Store 4 | .AppleDouble 5 | .LSOverride 6 | 7 | # Icon must end with two \r 8 | Icon 9 | 10 | 11 | # Thumbnails 12 | ._* 13 | 14 | # Files that might appear in the root of a volume 15 | .DocumentRevisions-V100 16 | .fseventsd 17 | .Spotlight-V100 18 | .TemporaryItems 19 | .Trashes 20 | .VolumeIcon.icns 21 | .com.apple.timemachine.donotpresent 22 | 23 | # Directories potentially created on remote AFP share 24 | .AppleDB 25 | .AppleDesktop 26 | Network Trash Folder 27 | Temporary Items 28 | .apdisk 29 | 30 | ### macOS Patch ### 31 | # iCloud generated files 32 | *.icloud 33 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Curso de _Bootstrap_ 2 | 3 | Hola soy tu amigo y docente digital Jonathan MirCha, bienvenid@s a mi curso. 4 | 5 | [_Link_](https://www.youtube.com/watch?v=ng8ur8KNrpU) del curso. 6 | 7 | [Recursos](https://github.com/jonmircha/youtube-bootstrap/raw/main/img.zip) para hacer el curso. 8 | 9 | [Sitio desplegado](https://jonmircha.github.io/youtube-bootstrap/) en _GitHub Pages_. 10 | 11 | [Sitio desplegado](https://studiobaddog.site/) en _Hostinger_. 12 | 13 | Cupón de descuento en _Hostinger_: [**JONMIRCHA**](https://www.hostinger.mx/jonmircha). 14 | 15 | Todos [mis cursos](https://jonmircha.com/cursos). 16 | -------------------------------------------------------------------------------- /docs/basicos-bootstrap.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bootstrap demo 7 | 13 | 17 | 18 | 19 |

Bootstrap

20 |

Grid de Bootstrap

21 |
22 |
23 |
Column
24 |
Column
25 |
Column
26 |
Column
27 |
Column
28 |
29 |
30 |

Grid Responsiva

31 |
32 |
35 | Elemento 1 36 |
37 |
40 | Elemento 2 41 |
42 |
45 | Elemento 3 46 |
47 |
50 | Elemento 4 51 |
52 |
55 | Elemento 5 56 |
57 |
60 | Elemento 6 61 |
62 |
65 | Elemento 7 66 |
67 |
70 | Elemento 8 71 |
72 |
75 | Elemento 9 76 |
77 |
80 | Elemento 10 81 |
82 |
85 | Elemento 11 86 |
87 |
90 | Elemento 12 91 |
92 |
95 | Elemento 13 96 |
97 |
100 | Elemento 14 101 |
102 |
105 | Elemento 15 106 |
107 |
110 | Elemento 16 111 |
112 |
115 | Elemento 17 116 |
117 |
120 | Elemento 18 121 |
122 |
125 | Elemento 19 126 |
127 |
128 |

Grid Responsiva en un Contenedor

129 |
130 |
131 |
134 | Elemento 1 135 |
136 |
139 | Elemento 2 140 |
141 |
144 | Elemento 3 145 |
146 |
149 | Elemento 4 150 |
151 |
154 | Elemento 5 155 |
156 |
159 | Elemento 6 160 |
161 |
164 | Elemento 7 165 |
166 |
169 | Elemento 8 170 |
171 |
174 | Elemento 9 175 |
176 |
179 | Elemento 10 180 |
181 |
184 | Elemento 11 185 |
186 |
189 | Elemento 12 190 |
191 |
194 | Elemento 13 195 |
196 |
199 | Elemento 14 200 |
201 |
204 | Elemento 15 205 |
206 |
209 | Elemento 16 210 |
211 |
214 | Elemento 17 215 |
216 |
219 | Elemento 18 220 |
221 |
224 | Elemento 19 225 |
226 |
227 |
228 |

Offsetting Columns

229 |
230 |
231 |
Column
232 |
Column
233 |
Column
234 |
Column
235 |
Column
236 |
237 |
238 |

Forms

239 |
240 |
241 |
242 | 245 | 251 |
252 | We'll never share your email with anyone else. 253 |
254 |
255 |
256 | 257 | 262 |
263 |
264 | 265 | 268 |
269 | 270 |
271 |
272 |

Componentes

273 |

Acordeón

274 |
275 |
276 |

277 | 287 |

288 |
294 |
295 | This is the first item's accordion body. It is 296 | shown by default, until the collapse plugin adds the appropriate 297 | classes that we use to style each element. These classes control the 298 | overall appearance, as well as the showing and hiding via CSS 299 | transitions. You can modify any of this with custom CSS or 300 | overriding our default variables. It's also worth noting that just 301 | about any HTML can go within the .accordion-body, 302 | though the transition does limit overflow. 303 |
304 |
305 |
306 |
307 |

308 | 318 |

319 |
325 |
326 | This is the second item's accordion body. It is 327 | hidden by default, until the collapse plugin adds the appropriate 328 | classes that we use to style each element. These classes control the 329 | overall appearance, as well as the showing and hiding via CSS 330 | transitions. You can modify any of this with custom CSS or 331 | overriding our default variables. It's also worth noting that just 332 | about any HTML can go within the .accordion-body, 333 | though the transition does limit overflow. 334 |
335 |
336 |
337 |
338 |

339 | 349 |

350 |
356 |
357 | This is the third item's accordion body. It is 358 | hidden by default, until the collapse plugin adds the appropriate 359 | classes that we use to style each element. These classes control the 360 | overall appearance, as well as the showing and hiding via CSS 361 | transitions. You can modify any of this with custom CSS or 362 | overriding our default variables. It's also worth noting that just 363 | about any HTML can go within the .accordion-body, 364 | though the transition does limit overflow. 365 |
366 |
367 |
368 |
369 |

Spinner

370 | 373 | 376 |

Colores

377 |

378 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nemo suscipit 379 | repellat rem cum distinctio dolores, a sit repudiandae officia dicta odio 380 | repellendus optio veritatis itaque nostrum voluptatum quo doloremque 381 | excepturi! 382 |

383 |

Text truncate

384 |

385 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nemo suscipit 386 | repellat rem cum distinctio dolores, a sit repudiandae officia dicta odio 387 | repellendus optio veritatis itaque nostrum voluptatum quo doloremque 388 | excepturi! 389 |

390 | Enlace 391 |

Positions

392 | 395 |

Ratios

396 |
397 | 406 |
407 |

Utilities

408 |

Backgrounds

409 |
410 | This is default success background 411 |
412 |
413 | This is 75% opacity success background 414 |
415 |
416 | This is 50% opacity success background 417 |
418 |
419 | This is 25% opacity success background 420 |
421 |
422 | This is 10% opacity success background 423 |
424 |

Display

425 |

426 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugiat ipsam 427 | error impedit obcaecati est in quaerat magni nobis assumenda aliquid fuga 428 | minima quisquam quos velit accusamus similique, odit quibusdam iste. 429 |

430 |

Flexbox

431 |
434 |
flex 1
435 |
flex 2
436 |
flex 3
437 |
flex 4
438 |
flex 5
439 |
440 |
443 |

Bootstrap is Awesome

444 |
445 |

Spacing

446 |

449 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Explicabo 450 | pariatur, aperiam maxime quam vitae optio vel. Quam molestias error ipsam 451 | repudiandae culpa hic cupiditate, inventore, natus quis unde ducimus iure? 452 |

453 |

Text

454 |

455 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla ipsum 456 | labore laboriosam quas animi, accusamus corporis repellendus accusantium, 457 | iste pariatur numquam perferendis, quia nemo aliquid voluptatum officia 458 | officiis repudiandae in! 459 |

460 |

Icons

461 | 469 | 472 | 475 | 476 | 477 |

















































478 | 483 | 484 | 485 | -------------------------------------------------------------------------------- /docs/clientes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Clientes & Colaboraciones | Studio BAD DOG 7 | 13 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 91 |
92 |
93 |
94 |
95 |

Clientes & Colaboraciones

96 |

97 | Aquí hay una selección de clientes felices y hermosos proyectos. 98 |

99 |
100 |
101 |
102 | Andy Pandharikar 107 |
108 |
Andy Pandharikar
109 |

110 | CEO/Co-fundador, Commerce AI 111 |
112 | Ver Proyecto 113 |

114 |

115 |

116 | No estábamos satisfechos con ninguna de nuestras opciones anteriores. Pero Bad Dog tuvo lo que teníamos en mente. 117 |
118 |

119 |
120 |
121 | 137 |
138 |
139 |
140 | Zeb Couch 145 |
146 |
Zeb Couch
147 |

148 | Dueño de Zeb Couch 149 |
150 | Ver Proyecto 151 |

152 |

153 |

154 | He trabajado con Bad Dog en varios proyectos ahora y seguiré trabajando siempre que pueda. 155 |
156 |

157 |
158 |
159 | 181 |
182 |
183 |
184 | Lori Knisely 189 |
190 |
Lori Knisely
191 |

192 | Co-dueña & Diseñadora de Hey Textile 193 |
194 | Ver Proyecto 195 |

196 |

197 |

198 | ¡Bad Dog, siempre lo consigue! 199 |
200 |

201 |
202 |
203 | 225 |
226 |
227 |
228 | Tom Allan 233 |
234 |
Tom Allan
235 |

236 | Co-fundador & Director, Basis Networks 237 |
238 | Ver Proyecto 239 |

240 |

241 |

242 | Definitivamente continuaremos usando los servicios de Bad Dog para nuestros proyectos futuros. 243 |
244 |

245 |
246 |
247 | 267 |
268 |
269 |
270 | Jin Choeh 275 |
276 |
Jin Choeh
277 |

278 | Co-founder & CEO Swingvy 279 |
280 | Ver Proyecto 281 |

282 |

283 |

284 | Bad Dog estaba más allá de nuestras expectativas. 285 |
286 |

287 |
288 |
289 | 309 |
310 |
311 |
312 | Jennifer Blair 317 |
318 |
Jennifer Blair
319 |

320 | CEO Lash Spa Studio 321 |
322 | Ver Proyecto 323 |

324 |

325 |

326 | Hemos encontrado un socio perfecto para nuestras necesidades de diseño y marca. 327 |
328 |

329 |
330 |
331 | 351 |
352 |
353 |
354 | Sietse Kingma 359 |
360 |
Sietse Kingma
361 |

362 | Co-fundador Bambuu BV 363 |
364 | Ver Proyecto 365 |

366 |

367 |

368 | Bad Dog crea sitios impresionantes, estrategias increíbles y mucho más. 369 |
370 |

371 |
372 |
373 | 393 |
394 |
395 |
396 | Sergie Magdalin 401 |
402 |
Sergie Magdalin
403 |

404 | Co-fundador de Webflow 405 |
406 | Ver Proyecto 407 |

408 |

409 |

410 | Bad Dog es una de los mejores empresas con las que he trabajado. 411 |
412 |

413 |
414 |
415 | 436 |
437 |
438 |
439 |
440 | 476 | 477 | 482 | 483 | 484 | 485 | -------------------------------------------------------------------------------- /docs/comencemos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Comencemos tu nuevo proyecto | Studio BAD DOG 7 | 13 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 94 |
95 |
96 |
97 |

Comencemos tu nuevo proyecto

98 |

99 | Me encanta la colaboración mutua entre profesional-cliente, 100 | prefiero la frase: 101 |

102 |

103 | "Trabajo contigo". 105 |

106 |

En vez de: Trabajo para ti.

107 |

108 | Me gusta tener contacto directo con el cliente, lo que permite una 109 | comunicación clara y actualizaciones periódicas del proyecto, 110 | haciendo todo lo posible para no causar demoras. Intento definir las 111 | características y experiencias más adecuadas que brinden la máxima 112 | satisfacción. 113 |

114 |

115 | Me parece importante ofrecer a mis clientes una comprensión clara de 116 | lo que pueden y deben esperar de mí. Si trabajamos juntos en su 117 | sitio web, el proceso será como se describe a continuación: 118 |

119 |
120 |
121 |
122 |

Paso 1

123 |

Concepto y Presupuesto

124 |

125 | Discutimos las primeras ideas durante una breve reunión en sitio, 126 | por correo electrónico o video llamada. Siguiendo las ideas 127 | iniciales, te presentaré un presupuesto oficial para el proyecto. 128 |

129 |
130 |
131 | Paso 1: Concepto y Presupuesto 135 |
136 |
137 |
138 |
139 |

Paso 2

140 |

Propuesta de Diseño

141 |

142 | Una vez que se firme y/o acepte la cotización, recibirás la 143 | primera factura (50% del monto total acordado). Después del pago 144 | iniciaré el proyecto. Estudiaré tu empresa, producto o servicio. 145 | Para acelerar el proceso, es necesario que me entregues todo el 146 | material del proyecto en este momento (Logo, Textos, Fotos, Mapa 147 | del sitio, etc.). En 7 días te presentaré un diseño profesional y 148 | apropiado para tu sitio web. 149 |

150 |
151 |
152 | Paso 2: Propuesta de Diseño 156 |
157 |
158 |
159 |
160 |

Paso 3

161 |

Retroalimentación

162 |

163 | Después de la primera presentación del diseño, puedes dar tu 164 | opinión y compartir comentarios. Tendrás un máximo de 2 rondas de 165 | comentarios*. De esta 166 | manera no nos detenemos en un círculo sin fin de cambios menores. 167 | Esto evita perder tiempo y presupuesto. Es importante compartir 168 | buenos comentarios. 169 |

170 |
171 |
172 | Paso 3: Retroalimentación 176 |
177 |
178 |
179 |
180 |

Paso 4

181 |

Acabado de Diseño y Contenido

182 |

183 | Después de la última ronda de comentarios, haré los cambios 184 | finales y terminaré el diseño completamente. En consulta contigo, 185 | también se procesa el contenido final, como textos y fotos. 186 |

187 |
188 |
189 | Paso 4: Acabado de Diseño y Contenido 193 |
194 |
195 |
196 |
197 |

Paso 5

198 |

Fin del Proyecto

199 |

200 | Dependiendo de la complejidad del proyecto, se terminará de 2 a 8 201 | semanas. Una vez finalizado, recibirás la factura final (a menos 202 | que se acuerde de otra manera). Después del pago, te enviaré una 203 | copia de todos los archivos originales y pondré en línea tu sitio. 204 | Después de esta etapa, los cambios menores y los errores se 205 | procesarán de forma gratuita. Los cambios mayores tendrán costos 206 | adicionales*. 207 |

208 |
209 |
210 | Paso 5: Fin del Proyecto 211 |
212 |
213 |
214 |

215 | * Todo cambio 217 | adicional generará cargos extras. Tarifa por hora: 218 | 150usd + impuestos. 220 |

221 |
222 |
223 |
224 | 260 | 261 | 266 | 267 | 268 | 269 | -------------------------------------------------------------------------------- /docs/contacto.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | ¿Interesado? | Studio BAD DOG 7 | 13 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 94 |
95 |
96 |
97 |
98 |

¿Interesado?

99 |

¡Envíame tus comentarios!

100 |

101 | Para más información, puedes contactarme en 102 | info@studiobaddog.com. 103 |

104 |
105 |
106 |
107 |
108 | 109 | 117 |
118 |
119 | 120 | 128 |
129 |
130 | 131 | 139 |
140 |
141 | 142 | 147 | 152 |
153 |
154 |
155 |
156 |
157 | 166 |
167 |
168 |
169 |
170 | 223 |
224 | 260 | 261 | 266 | 267 | 268 | 269 | -------------------------------------------------------------------------------- /docs/css/style.css: -------------------------------------------------------------------------------- 1 | /* ********** Custom Properties ********** */ 2 | :root { 3 | --first-color: rgb(217, 0, 98); 4 | --first-alpha-color: rgba(217, 0, 98, 0.75); 5 | --second-color: rgb(20, 25, 45); 6 | --second-alpha-color: rgba(20, 25, 45, 0.75); 7 | --third-color: rgb(80, 20, 100); 8 | --third-alpha-color: rgba(80, 20, 100, 0.75); 9 | 10 | --link-color: rgb(80, 158, 227); 11 | --link-alpha-color: rgba(80, 158, 227, 0.75); 12 | 13 | --bg-color: rgb(245, 245, 245); 14 | --bg-alpha-color: rgba(245, 245, 245, 0.75); 15 | } 16 | 17 | /* ********** Reset Styles ********** */ 18 | body { 19 | font-family: "Raleway", sans-serif; 20 | } 21 | 22 | a { 23 | color: var(--link-color); 24 | transition: all 0.3s ease-out; 25 | } 26 | 27 | a:hover { 28 | color: var(--first-color); 29 | } 30 | 31 | /* ********** Bootstrap Styles ********** */ 32 | .bg-dark { 33 | background-color: var(--second-color) !important; 34 | } 35 | 36 | .carousel-caption { 37 | z-index: 1; 38 | } 39 | 40 | .carousel-control-prev-icon { 41 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d90062'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); 42 | } 43 | 44 | .carousel-control-next-icon { 45 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d90062'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 46 | } 47 | 48 | .dropdown-item { 49 | color: var(--first-alpha-color); 50 | font-weight: bold; 51 | transition: all 0.3s ease-out; 52 | } 53 | 54 | .dropdown-item:hover { 55 | color: var(--third-alpha-color); 56 | } 57 | 58 | .navbar-brand img { 59 | width: auto; 60 | height: 3rem; 61 | } 62 | 63 | .navbar-dark .navbar-toggler { 64 | --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 65 | transition: all 0.3s ease-out; 66 | } 67 | 68 | .navbar-dark .navbar-toggler:hover { 69 | --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28217, 0, 98, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 70 | opacity: 0.75; 71 | } 72 | 73 | .nav-item { 74 | transition: all 0.3s ease-out; 75 | } 76 | 77 | .nav-item:hover { 78 | background-color: var(--first-alpha-color); 79 | } 80 | 81 | .nav-link { 82 | margin-left: 0.5rem; 83 | color: var(--first-color); 84 | font-size: 1.15rem; 85 | font-weight: bold; 86 | } 87 | 88 | .nav-link:hover { 89 | color: var(--bs-white); 90 | } 91 | 92 | /* ********** My Styles ********** */ 93 | .bg-color { 94 | background-color: var(--bg-color); 95 | } 96 | 97 | .bg-alpha-color { 98 | background-color: var(--bg-alpha-color); 99 | } 100 | 101 | .bg-second-alpha-color { 102 | background-color: var(--second-alpha-color); 103 | } 104 | 105 | .bg-gradient-blue-green { 106 | background-color: rgba(83, 184, 152, 1); 107 | background-image: linear-gradient( 108 | 135deg, 109 | rgba(47, 145, 224, 0.91), 110 | rgba(7, 31, 51, 0.97) 79% 111 | ); 112 | background-image: linear-gradient( 113 | 131deg, 114 | rgba(28, 118, 173, 0.92), 115 | rgba(83, 184, 152, 1) 116 | ); 117 | } 118 | 119 | .bg-hero-image { 120 | background-image: var(--bg-image); 121 | background-repeat: no-repeat; 122 | background-size: cover; 123 | background-position: center; 124 | } 125 | 126 | .bg-third-color { 127 | background-color: var(--third-color); 128 | } 129 | 130 | .text-first-color { 131 | color: var(--first-color); 132 | } 133 | 134 | .text-third { 135 | color: var(--third-color); 136 | } 137 | 138 | /* // X-Small devices (portrait phones, less than 576px) 139 | // No media query for `xs` since this is the default in Bootstrap */ 140 | /* // Small devices (landscape phones, 576px and up) */ 141 | @media (min-width: 576px) { 142 | } 143 | 144 | /* // Medium devices (tablets, 768px and up) */ 145 | @media (min-width: 768px) { 146 | } 147 | 148 | /* // Large devices (desktops, 992px and up) */ 149 | @media (min-width: 992px) { 150 | .nav-item:hover { 151 | background-color: transparent; 152 | } 153 | } 154 | 155 | /* // X-Large devices (large desktops, 1200px and up) */ 156 | @media (min-width: 1200px) { 157 | } 158 | 159 | /* // XX-Large devices (larger desktops, 1400px and up) */ 160 | @media (min-width: 1400px) { 161 | } 162 | -------------------------------------------------------------------------------- /docs/gracias.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Gracias | Studio BAD DOG 7 | 13 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 91 |
94 |
95 |

¡GRACIAS!

96 |

Muchas gracias por tus comentarios.

97 |
98 |
99 | 135 | 136 | 141 | 142 | 143 | 144 | -------------------------------------------------------------------------------- /docs/img/about-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/about-1.jpg -------------------------------------------------------------------------------- /docs/img/about-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/about-2.jpg -------------------------------------------------------------------------------- /docs/img/about-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/about-3.jpg -------------------------------------------------------------------------------- /docs/img/about-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/about-4.jpg -------------------------------------------------------------------------------- /docs/img/bad-dog-studio-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/bad-dog-studio-logo.png -------------------------------------------------------------------------------- /docs/img/clients-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-1.jpg -------------------------------------------------------------------------------- /docs/img/clients-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-2.jpg -------------------------------------------------------------------------------- /docs/img/clients-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-3.jpg -------------------------------------------------------------------------------- /docs/img/clients-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-4.jpg -------------------------------------------------------------------------------- /docs/img/clients-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-5.jpg -------------------------------------------------------------------------------- /docs/img/clients-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-6.jpg -------------------------------------------------------------------------------- /docs/img/clients-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-7.jpg -------------------------------------------------------------------------------- /docs/img/clients-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/clients-8.jpg -------------------------------------------------------------------------------- /docs/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/favicon.png -------------------------------------------------------------------------------- /docs/img/header-image-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/header-image-2.png -------------------------------------------------------------------------------- /docs/img/header-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/header-image.png -------------------------------------------------------------------------------- /docs/img/icon-about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/icon-about.png -------------------------------------------------------------------------------- /docs/img/icon-clients.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/icon-clients.png -------------------------------------------------------------------------------- /docs/img/icon-sites.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/icon-sites.png -------------------------------------------------------------------------------- /docs/img/icon-workflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/icon-workflow.png -------------------------------------------------------------------------------- /docs/img/site-multipage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/site-multipage.jpg -------------------------------------------------------------------------------- /docs/img/site-singlepage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/site-singlepage.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-1.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-2.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-3.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-4.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-5.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-6.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-7.jpg -------------------------------------------------------------------------------- /docs/img/work-layout-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-layout-8.jpg -------------------------------------------------------------------------------- /docs/img/work-slide-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-slide-1.jpg -------------------------------------------------------------------------------- /docs/img/work-slide-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-slide-2.jpg -------------------------------------------------------------------------------- /docs/img/work-slide-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-slide-3.jpg -------------------------------------------------------------------------------- /docs/img/work-slide-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-slide-4.jpg -------------------------------------------------------------------------------- /docs/img/work-slide-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-slide-5.png -------------------------------------------------------------------------------- /docs/img/work-slide-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/work-slide-6.png -------------------------------------------------------------------------------- /docs/img/workflow-step-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/workflow-step-1.png -------------------------------------------------------------------------------- /docs/img/workflow-step-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/workflow-step-2.png -------------------------------------------------------------------------------- /docs/img/workflow-step-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/workflow-step-3.png -------------------------------------------------------------------------------- /docs/img/workflow-step-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/workflow-step-4.png -------------------------------------------------------------------------------- /docs/img/workflow-step-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/img/workflow-step-5.png -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Studio BAD DOG 7 | 13 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 91 |
92 |
93 |
94 |
95 |

¿Necesitas un increíble sitio web?

96 |

97 | Un sitio hermoso, moderno, responsivo y personalizado para tu 98 | compañia, negocio, marca, servicio o producto. 99 |

100 | ¡Sí, empecemos! 103 |
104 |
105 | ¿Necesitas un increíble sitio web? 110 |
111 |
112 |

Sitios web responsivos

113 |

114 | Es importante proporcionar a tus visitantes una experiencia web 115 | óptima en dispositivos móviles. El diseño web responsivo significa 116 | que tu sitio se adapta instantáneamente al dispositivo que el 117 | visitante utiliza. ¡Mi trabajo es hacer, que la visita de tus 118 | usuarios sea lo más agradable e intuitiva para ellos! 119 |

120 |
121 |
122 | Sitios web responsivos 127 |
128 |
129 |
130 |
131 |
132 | Nuevo sitio web 137 |
138 |
Nuevo sitio web
139 |

140 | ¿Necesitas un (nuevo) sitio web 100% responsivo? 141 |

142 | 143 | Más detalles 144 | 145 | 146 |
147 |
148 |
149 | 166 |
167 |
168 | Flujo de Trabajo 173 |
174 |
Flujo de Trabajo
175 |

176 | Escucho tus necesidades. Discutamos tu proyecto. 177 |

178 | 179 | Más detalles 180 | 181 | 182 |
183 |
184 |
185 | 202 |
203 |
204 |
205 | 241 | 246 | 247 | 248 | 249 | -------------------------------------------------------------------------------- /docs/js/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/docs/js/main.js -------------------------------------------------------------------------------- /docs/one-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | One Page Site 7 | 13 | 14 | 15 | 47 |
51 |

Sección 1

52 |
53 |
57 |

Sección 2

58 |
59 |
63 |

Sección 3

64 |
65 |
69 |

Sección 4

70 |
71 | 76 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /docs/sitios.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Tipos de Sitios Web | Studio BAD DOG 7 | 13 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 27 | 90 |
91 |
92 |
93 |

Sitios Web 100% Responsivos

94 |

95 | Desarrollo sitios de una sóla y de múltiples páginas. 96 |

97 |
98 | 159 |
160 |
165 |
166 |
167 |
168 | 172 | Desde $400 USD 173 | 174 |

Sitio de una sola página

175 | El precio puede ser más bajo (o más alto) dependiendo de los 177 | requisitos de su proyecto. 178 | 179 |

180 | Una sola página o página de destino es un sitio 181 | web que consta de una página. Perfecto para presentar a tu 182 | empresa, organización, producto o servicio de una manera hermosa 183 | y moderna en Internet. 184 |

185 | 186 | Solicite una cotización ahora 187 | 188 | 189 |
190 |
191 |

192 | Sitio web de una sola página. 193 |

194 |

100% Responsivo.

195 |

Diseño personalizado.

196 |
197 |
198 |

Corrección de estilo.

199 |

Edición de imágenes.

200 |

Soporte.

201 |
202 |
203 |
204 |
205 |
206 |
207 |
212 |
213 |
214 |
215 | 219 | Desde $1,000 USD 220 | 221 |

Sitio multipágina

222 | El precio puede ser más bajo (o más alto) dependiendo de los 224 | requisitos de su proyecto. 225 | 226 |

227 | Un sitio web de varias páginas consta de dos o más 228 | páginas. Este formato es útil si tiene ciertos elementos que 229 | desea mantener separados por páginas y urls diferentes. 230 |

231 | 232 | Solicite una cotización ahora 233 | 234 | 235 |
236 |
237 |

2 a 6 páginas.

238 |

100% Responsivo.

239 |

Diseño personalizado.

240 |
241 |
242 |

Corrección de estilo.

243 |

Edición de imágenes.

244 |

Soporte.

245 |
246 |
247 |
248 |
249 |
250 |
251 |
252 | 288 | 289 | 294 | 295 | 296 | 297 | -------------------------------------------------------------------------------- /img.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jonmircha/youtube-bootstrap/3f9fcf29390140a02723dc7b49d0fbb33638f3bd/img.zip --------------------------------------------------------------------------------