· 10 years ago · Feb 18, 2016, 10:12 PM
1LARAVEL 5 - PRELIMINARES- (Despues de instalar Xampp, Composer y enlazarlos)
21. DESCARGAR/INSTALAR LARAVEL 5 - Desde terminal de comandos Usando el comando "Create-project" de Composer:
3composer create-project laravel/laravel {directory} "~5.0.0" --prefer-dist
42. DESPUES DE COPIAR PROYECTO LARAVEL EN UNA CARPETA DE SERVIDOR WEB PARA LANZAR PROYECTO LARAVEL DESDE DICHO SERVIDOR
5http://localhost/laraveludi/public/
63. COLOCAR NOMBRE A LA APLICACION WEB DESDE LA CONSOLA:
7cd xampp/htdocs/laraveludi
8php artisan app:name Cine
94. ESTABLECER LA ZONA HORARIA ADMITIDA PARA COLOMBIA EN EL ARCHIVO "config/app.php"
10'timezone' => 'America/Bogota',
115. ESTABLECER LOCALIDAD POR DEFECTO QUE USARA EL PROVEEDOR DE SERVICIO DE TRADUCCION A LENGUAJE ESPAÑOL (para los mensajes de error, por ejemplo)
12 5.1--> En el archivo "config/app.php" reemplazar la configuracion asi: 'locale' => 'es',
13 5.2--> en la carpeta "resources/lang" crear carpeta llamada "es" y adentro creamos 3 archivos php con el siguiente codigo y con los nombres:
14 - pagination.php
15
16 <?php
17
18 return [
19
20 /*
21 |--------------------------------------------------------------------------
22 | Pagination Language Lines
23 |--------------------------------------------------------------------------
24 |
25 | The following language lines are used by the paginator library to build
26 | the simple pagination links. You are free to change them to anything
27 | you want to customize your views to better match your application.
28 |
29 */
30
31 'previous' => '« Anterior',
32 'next' => 'Siguiente »',
33
34 ];
35
36
37 - passwords.php
38
39
40 <?php
41
42 return [
43
44 /*
45 |--------------------------------------------------------------------------
46 | Password Reminder Language Lines
47 |--------------------------------------------------------------------------
48 |
49 | The following language lines are the default lines which match reasons
50 | that are given by the password broker for a password update attempt
51 | has failed, such as for an invalid token or invalid new password.
52 |
53 */
54
55 'password' => 'Las contraseñas deben coincidir y contener al menos 6 caracteres',
56 'reset' => '¡Tu contraseña ha sido restablecida!',
57 'sent' => '¡Recordatorio de contraseña enviado!',
58 'token' => 'El token de recuperación de contraseña es inválido.',
59 'user' => 'No podemos encontrar ningún usuario con ese correo electrónico.',
60
61 ];
62
63
64 - validation.php
65
66
67 <?php
68
69 return [
70
71 /*
72 |--------------------------------------------------------------------------
73 | Validation Language Lines
74 |--------------------------------------------------------------------------
75 |
76 | The following language lines contain the default error messages used by
77 | the validator class. Some of these rules have multiple versions such
78 | such as the size rules. Feel free to tweak each of these messages.
79 |
80 */
81
82 'accepted' => ':attribute debe ser aceptado.',
83 'active_url' => ':attribute no es una URL válida.',
84 'after' => ':attribute debe ser una fecha posterior a :date.',
85 'alpha' => ':attribute solo debe contener letras.',
86 'alpha_dash' => ':attribute solo debe contener letras, números y guiones.',
87 'alpha_num' => ':attribute solo debe contener letras y números.',
88 'array' => ':attribute debe ser un conjunto.',
89 'before' => ':attribute debe ser una fecha anterior a :date.',
90 'between' => [
91 'numeric' => ':attribute tiene que estar entre :min - :max.',
92 'file' => ':attribute debe pesar entre :min - :max kilobytes.',
93 'string' => ':attribute tiene que tener entre :min - :max caracteres.',
94 'array' => ':attribute tiene que tener entre :min - :max Ãtems.',
95 ],
96 'boolean' => 'El campo :attribute debe tener un valor verdadero o falso.',
97 'confirmed' => 'La confirmación de :attribute no coincide.',
98 'date' => ':attribute no es una fecha válida.',
99 'date_format' => ':attribute no corresponde al formato :format.',
100 'different' => ':attribute y :other deben ser diferentes.',
101 'digits' => ':attribute debe tener :digits dÃgitos.',
102 'digits_between' => ':attribute debe tener entre :min y :max dÃgitos.',
103 'email' => ':attribute no es un correo válido',
104 'exists' => ':attribute es inválido.',
105 'filled' => 'El campo :attribute es obligatorio.',
106 'image' => ':attribute debe ser una imagen.',
107 'in' => ':attribute es inválido.',
108 'integer' => ':attribute debe ser un número entero.',
109 'ip' => ':attribute debe ser una dirección IP válida.',
110 'json' => 'El campo :attribute debe tener una cadena JSON válida.',
111 'max' => [
112 'numeric' => ':attribute no debe ser mayor a :max.',
113 'file' => ':attribute no debe ser mayor que :max kilobytes.',
114 'string' => ':attribute no debe ser mayor que :max caracteres.',
115 'array' => ':attribute no debe tener más de :max elementos.',
116 ],
117 'mimes' => ':attribute debe ser un archivo con formato: :values.',
118 'min' => [
119 'numeric' => 'El tamaño de :attribute debe ser de al menos :min.',
120 'file' => 'El tamaño de :attribute debe ser de al menos :min kilobytes.',
121 'string' => ':attribute debe contener al menos :min caracteres.',
122 'array' => ':attribute debe tener al menos :min elementos.',
123 ],
124 'not_in' => ':attribute es inválido.',
125 'numeric' => ':attribute debe ser numérico.',
126 'regex' => 'El formato de :attribute es inválido.',
127 'required' => 'El campo :attribute es obligatorio.',
128 'required_if' => 'El campo :attribute es obligatorio cuando :other es :value.',
129 'required_unless' => 'The :attribute field is required unless :other is in :values.',
130 'required_with' => 'El campo :attribute es obligatorio cuando :values está presente.',
131 'required_with_all' => 'El campo :attribute es obligatorio cuando :values está presente.',
132 'required_without' => 'El campo :attribute es obligatorio cuando :values no está presente.',
133 'required_without_all' => 'El campo :attribute es obligatorio cuando ninguno de :values estén presentes.',
134 'same' => ':attribute y :other deben coincidir.',
135 'size' => [
136 'numeric' => 'El tamaño de :attribute debe ser :size.',
137 'file' => 'El tamaño de :attribute debe ser :size kilobytes.',
138 'string' => ':attribute debe contener :size caracteres.',
139 'array' => ':attribute debe contener :size elementos.',
140 ],
141 'string' => 'El campo :attribute debe ser una cadena de caracteres.',
142 'timezone' => 'El :attribute debe ser una zona válida.',
143 'unique' => ':attribute ya ha sido registrado.',
144 'url' => 'El formato :attribute es inválido.',
145
146 /*
147 |--------------------------------------------------------------------------
148 | Custom Validation Language Lines
149 |--------------------------------------------------------------------------
150 |
151 | Here you may specify custom validation messages for attributes using the
152 | convention "attribute.rule" to name the lines. This makes it quick to
153 | specify a specific custom language line for a given attribute rule.
154 |
155 */
156
157 'custom' => [
158 'attribute-name' => [
159 'rule-name' => 'custom-message',
160 ],
161 ],
162
163 /*
164 |--------------------------------------------------------------------------
165 | Custom Validation Attributes
166 |--------------------------------------------------------------------------
167 |
168 | The following language lines are used to swap attribute place-holders
169 | with something more reader friendly such as E-Mail Address instead
170 | of "email". This simply helps us make messages a little cleaner.
171 |
172 */
173
174 'attributes' => [
175 'name' => 'nombre',
176 'username' => 'usuario',
177 'email' => 'correo electrónico',
178 'first_name' => 'nombre',
179 'last_name' => 'apellido',
180 'password' => 'contraseña',
181 'password_confirmation' => 'confirmación de la contraseña',
182 'city' => 'ciudad',
183 'country' => 'paÃs',
184 'address' => 'dirección',
185 'phone' => 'teléfono',
186 'mobile' => 'celular',
187 'age' => 'edad',
188 'sex' => 'sexo',
189 'gender' => 'género',
190 'year' => 'año',
191 'month' => 'mes',
192 'day' => 'dÃa',
193 'hour' => 'hora',
194 'minute' => 'minuto',
195 'second' => 'segundo',
196 'title' => 'tÃtulo',
197 'body' => 'contenido',
198 'description' => 'descripción',
199 'excerpt' => 'extracto',
200 'date' => 'fecha',
201 'time' => 'hora',
202 'subject' => 'asunto',
203 'message' => 'mensaje',
204 ],
205
206 ];
207
208LARAVEL 5 - RUTAS ---> app/Http/routes.php
2091. ALGUNOS EJEMPLOS DE ENRUTAMIENTOS EN LARAVEL
210
211 1.1.1 RUTAS SIMPLES. En el archivo "app/Http/routes.php" escribimos la siguiente ruta:
212
213 Route::get('prueba', function() {
214 return "Hola desde route.php";
215 });
216
217 1.1.2 levantamos nuestro servidor de laravel en la linea de comandos asi:
218 php artisan serve
219
220 1.1.3. Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente direccion
221 http://localhost:8000/prueba
222 1.2.1 RuTAS CON PARAMETROS. En el archivo "app/Http/routes.php" escribimos la siguiente ruta:
223 Route::get('nombre/{nombre}', function($nombre) {
224 return "Mi nombre es:".$nombre;
225 });
226
227 1.2.2 Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente direccion
228
229 http://localhost:8000/nombre/vermen
230
231 1.2.3 OTRO EJEMPLO CON PARAMETROS. En el archivo "app/Http/routes.php" escribimos la siguiente ruta:
232 Route::get('edad/{edad}', function($edad) {
233 return "Mi Edad es:".$edad;
234 });
235
236 1.2.4. Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente dirección:
237 http://localhost:8000/edad/38
238
239 1.3.1 RUTAS CON VALOR POR DEFECTO. En el archivo "app/Http/routes.php" escribimos la siguiente ruta:
240 Route::get('edad2/{edad?}', function($edad=20) {
241 return "Mi Edad es:".$edad;
242 });
243
244 1.3.2 Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente direccion:
245 http://localhost:8000/edad2
246
247
248LARAVEL 5 - CONTROLADORES ---> app/Http/Controllers
249
2501 ALGUNOS EJEMPLOS DE CONTROLADORES EN LARAVEL
251
252 1.1.1 CREAMOS EL CONTROLADOR.
253
254 dentro de la carpeta "app/Http/Controllers" agregamos un nuevo archivo llamado "pruebaController.php" que sera nuestro controlador.
255
256
257 1.1.2 DENTRO DEL CONTROLADOR CREADO "pruebaController", agregamos un método, por ej que se llame index, y agregamos código al método asÃ:
258
259 public function index()
260 {
261 return "Hola desde Controlador";
262 }
263
264 1.1.3 ENRUTAMOS NUESTRO CONTROLADOR CREADO "pruebaController" DESDE EL ARCHIVO "app/Http/routes.php" asi:
265
266 Route::get('controlador', 'PruebaController@index');
267
268 1.1.4 Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente direccion:
269 http://localhost:8000/controlador
270 1.2.1 PODEMOS CREAR VARIOS METODOS DENTRO DE NUESTRO CONTROLADOR "PruebaController". VAMOS AL CONTROLADOR PruebaController y agragamos:
271 public function nombre($nombre)
272 {
273 return "Hola mi nombre desde Controlador es: ".$nombre;
274 }
275 1.2.2 ENRUTAMOS NUESTRO CONTROLADOR en "app/Http/routes.php" asi:
276 Route::get('name/{nombre}','PruebaController@nombre');
277
278 1.2.3 Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente direccion:
279
280 http://localhost:8000/name/samuel
281
282LARAVEL 5 - PROYECTO CINE -- CONTROLADOR RESTFUL - app/Http/Controllers
283 1.1.1 ESCRIBIMOS EN LA CONSOLA: Php artisan make:controller MovieController
284 NOTA: Si es necesario, antes de ejecutar nuestro comando de "make:controller", Detener nuestro servidor DE LARAVEL desde consola (CTRL + C).
285 Ejecutamos el comando make:controller y nuevamente levantamos el servidor con “php artisan serveâ€.
286
287 1.1.2 DENTRO DEL CONTROLADOR CREADO "MovieController", agregamos codigo al metodo index (creado automaticamente), asi:
288 return "esto es el index desde controlador RESTFUL";
289
290 1.1.3 ENRUTAMOS NUESTRO CONTROLADOR RESTFUL CREADO "MovieController" DESDE EL ARCHIVO "app/Http/routes.php" asi:
291 Route::resource('movie', 'MovieController');
292
293 1.1.4 Y Desde el navegador accedemos al servidor de pruebas de laravel con la siguiente direccion:
294 http://localhost:8000/movie
295 1.2.1 DENTRO DEL CONTROLADOR CREADO "MovieController", agregamos codigo al metodo create (creado automaticamente), asi:
296 return "este seria el formulario de creacion desde controlador RESTFUL";
297 1.2.2 Y Desde el navegador (ya no especificamos en la ruta) accedemos al método que queramos en el servidor de pruebas de laravel con la siguiente dirección:
298 http://localhost:8000/movie/create
299
300LARAVEL 5 - PROYECTO CINE ---MODELOS (app/) y MIGRACIONES (database/migrations)
301
302 1.1.1 CREAMOS LOS MODELOS PARA GENEROS Y PELICULAS.
303 php artisan make:model Genre
304 php artisan make:model Movie
3051.1.2 AGREGAMOS EL CODIGO RESPECTIVO A LOS MODELOS.
306 En el modelo Genre ubicado en app/Genre.php agregamos: protected $table = "genres";
307 En el modelo Movie ubicado en app/Movie.php agregamos: protected $table = "movies";
308 1.1.3 AHORA SE CREAN LOS ATRIBUTOS QUE LLEVAN LAS TABLAS DE MIGRACIONES (CREADAS AUTOMATICAMENTE CUANDO SE CREAN LOS MODELOS)
309
310 EN database/migrations:
311
312 En la tabla llamada Fecha_#ID_create_genres_table que es la migracion del modelo Genre debe quedar asi:
313
314 $table->increments('id');
315 $table->string('genre');
316 $table->timestamps();
317
318 En la tabla llamada Fecha_#ID_create_movies_table que es la migracion del modelo Movie debe quedar asi:
319
320 $table->increments('id');
321 $table->string('name');
322 $table->string('cast');
323 $table->string('direction');
324 $table->string('duration');
325 $table->timestamps();
326 $table->integer('genre_id')->unsigned();
327 $table->foreign('genre_id')->references('id')->on('genres');
328
329 1.1.4 EN XAMPP, VERIFICAMOS QUE EL MOTOR DE BASE DE DATOS MYSQL ESTE INICIADO Y CREAMOS UNA BASE DE DATOS LLAMADA "CINE"
330
331 1.1.5 EN EL ARCHIVO .env ubicado en la raiz, configuro los datos del servidor web, por ejemplo, asi:
332
333
334 DB_HOST=localhost
335 DB_DATABASE=cine
336 DB_USERNAME=root
337 DB_PASSWORD=''
338 1.1.6 GENERAMOS LA MIGRACION EN LA CONSOLA CON EL COMANDO:
339php artisan migrate
340 1.1.7 VERIFICAMOS EN MYSQL QUE SE HAYAN MIGRADO 5 TABLAS (MOVIES, GENRES, MIGRATIONS, PASSWORDS, USERS)
341
342LARAVEL 5 - PROYECTO CINE --- VISTAS ---> resources/views
343 1.1.1 CREAMOS EL CONTROLADOR PARA LA VIEW DE LA APLICACION CINE EN LARAVEL
344 php artisan make:controller FrontController
345 1.1.2 AÑADIMOS LOS SIGUIENTES METODOS AL CONTROLADOR que acabamos de crear "FrontController" ubicado en app/Http/Controllers
346
347 Y EN CADA UNO DE ESOS METODOS RETORNAREMOS LAS VISTAS:
348
349 public function index()
350 {
351 return view('index');
352 }
353
354 public function contacto()
355 {
356 return view('contacto');
357 }
358
359 public function reviews()
360 {
361 return view('reviews');
362 }
363
364
365 1.1.3 ENRUTAMOS ESTE CONTROLADOR “FrontController†PARA QUE VAYA A LOS METODOS index, contacto y Reviews:
366
367 Route::get('/', 'FrontController@index');
368 Route::get('contacto', 'FrontController@contacto');
369 Route::get('reviews', 'FrontController@reviews');
370
371
372 1.1.4 EN LA CARPETA resources/views CREAMOS LAS 3 VISTAS index.php, contacto.php y reviews.php Y PEGAMOS EL SIGUIENTE CODIGO:
373
374 index.php
375
376<!--
377Author: W3layouts
378Author URL: http://w3layouts.com
379License: Creative Commons Attribution 3.0 Unported
380License URL: http://creativecommons.org/licenses/by/3.0/
381-->
382<!DOCTYPE html>
383<html>
384<head>
385<title>Cinema A Entertainment Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
386<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
387<!-- Custom Theme files -->
388<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
389<!-- Custom Theme files -->
390<script src="js/jquery.min.js"></script>
391<!-- Custom Theme files -->
392<meta name="viewport" content="width=device-width, initial-scale=1">
393<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
394<meta name="keywords" content="Cinema Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
395Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
396<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
397<!--webfont-->
398<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
399</head>
400<body>
401 <!-- header-section-starts -->
402 <div class="full">
403 <div class="menu">
404 <ul>
405 <li><a class="active" href="index.html"><i class="home"></i></a></li>
406 <li><a href="reviews.html"><div class="cat"><i class="watching"></i><i class="watching1"></i></div></a></li>
407 <li><a href="contact.html"><div class="cnt"><i class="contact"></i><i class="contact1"></i></div></a></li>
408 </ul>
409 </div>
410 <div class="main">
411 <div class="header">
412 <div class="top-header">
413 <div class="logo">
414 <a href="index.html"><img src="images/logo.png" alt="" /></a>
415 <p>Movie Theater</p>
416 </div>
417 <div class="search">
418 <form>
419 <input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"/>
420 <input type="submit" value="">
421 </form>
422 </div>
423 <div class="clearfix"></div>
424 </div>
425 <div class="header-info">
426 <h1>BIG HERO 6</h1>
427 <p class="age"><a href="#">All Age</a> Don Hall, Chris Williams</p>
428 <p class="review">Rating : 8,5/10</p>
429 <p class="review reviewgo">Genre : Animation, Action, Comedy</p>
430 <p class="review">Release : 7 November 2014</p>
431 <p class="special">The special bond that develops between plus-sized inflatable robot Baymax, and prodigy Hiro Hamada, who team up with a group of friends to form a band of high-tech heroes.</p>
432 <a class="video" href="#"><i class="video1"></i>WATCH TRAILER</a>
433 <a class="book" href="#"><i class="book1"></i>BOOK TICKET</a>
434 </div>
435 </div>
436 <div class="review-slider">
437 <ul id="flexiselDemo1">
438 <li><img src="images/r1.jpg" alt=""/></li>
439 <li><img src="images/r2.jpg" alt=""/></li>
440 <li><img src="images/r3.jpg" alt=""/></li>
441 <li><img src="images/r4.jpg" alt=""/></li>
442 <li><img src="images/r5.jpg" alt=""/></li>
443 <li><img src="images/r6.jpg" alt=""/></li>
444 </ul>
445 <script type="text/javascript">
446 $(window).load(function() {
447
448 $("#flexiselDemo1").flexisel({
449 visibleItems: 6,
450 animationSpeed: 1000,
451 autoPlay: true,
452 autoPlaySpeed: 3000,
453 pauseOnHover: false,
454 enableResponsiveBreakpoints: true,
455 responsiveBreakpoints: {
456 portrait: {
457 changePoint:480,
458 visibleItems: 2
459 },
460 landscape: {
461 changePoint:640,
462 visibleItems: 3
463 },
464 tablet: {
465 changePoint:768,
466 visibleItems: 4
467 }
468 }
469 });
470 });
471 </script>
472 <script type="text/javascript" src="js/jquery.flexisel.js"></script>
473 </div>
474 <div class="video">
475 <iframe src="https://www.youtube.com/embed/2LqzF5WauAw" frameborder="0" allowfullscreen></iframe>
476 </div>
477 <div class="news">
478 <div class="col-md-6 news-left-grid">
479 <h3>Don’t be late,</h3>
480 <h2>Book your ticket now!</h2>
481 <h4>Easy, simple & fast.</h4>
482 <a href="#"><i class="book"></i>BOOK TICKET</a>
483 <p>Get Discount up to <strong>10%</strong> if you are a member!</p>
484 </div>
485 <div class="col-md-6 news-right-grid">
486 <h3>News</h3>
487 <div class="news-grid">
488 <h5>Lorem Ipsum Dolor Sit Amet</h5>
489 <label>Nov 11 2014</label>
490 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
491 </div>
492 <div class="news-grid">
493 <h5>Lorem Ipsum Dolor Sit Amet</h5>
494 <label>Nov 11 2014</label>
495 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
496 </div>
497 <a class="more" href="#">MORE</a>
498 </div>
499 <div class="clearfix"></div>
500 </div>
501 <div class="more-reviews">
502 <ul id="flexiselDemo2">
503 <li><img src="images/m1.jpg" alt=""/></li>
504 <li><img src="images/m2.jpg" alt=""/></li>
505 <li><img src="images/m3.jpg" alt=""/></li>
506 <li><img src="images/m4.jpg" alt=""/></li>
507 </ul>
508 <script type="text/javascript">
509 $(window).load(function() {
510
511 $("#flexiselDemo2").flexisel({
512 visibleItems: 4,
513 animationSpeed: 1000,
514 autoPlay: true,
515 autoPlaySpeed: 3000,
516 pauseOnHover: false,
517 enableResponsiveBreakpoints: true,
518 responsiveBreakpoints: {
519 portrait: {
520 changePoint:480,
521 visibleItems: 2
522 },
523 landscape: {
524 changePoint:640,
525 visibleItems: 3
526 },
527 tablet: {
528 changePoint:768,
529 visibleItems: 3
530 }
531 }
532 });
533 });
534 </script>
535 <script type="text/javascript" src="js/jquery.flexisel.js"></script>
536 </div>
537 <div class="footer">
538 <h6>Disclaimer : </h6>
539 <p class="claim">This is a freebies and not an official website, I have no intention of disclose any movie, brand, news.My goal here is to train or excercise my skill and share this freebies.</p>
540 <a href="example@mail.com">example@mail.com</a>
541 <div class="copyright">
542 <p> Template by <a href="http://w3layouts.com"> W3layouts</a></p>
543 </div>
544 </div>
545 </div>
546 </div>
547 <div class="clearfix"></div>
548</body>
549</html>
550
551 contacto.php
552
553<!--
554Author: W3layouts
555Author URL: http://w3layouts.com
556License: Creative Commons Attribution 3.0 Unported
557License URL: http://creativecommons.org/licenses/by/3.0/
558-->
559<!DOCTYPE html>
560<html>
561<head>
562<title>Cinema A Entertainment Category Flat Bootstarp Resposive Website Template | Contact :: w3layouts</title>
563<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
564<!-- Custom Theme files -->
565<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
566<!-- Custom Theme files -->
567<script src="js/jquery.min.js"></script>
568<!-- Custom Theme files -->
569<meta name="viewport" content="width=device-width, initial-scale=1">
570<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
571<meta name="keywords" content="Cinema Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
572Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
573<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
574<!--webfont-->
575<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
576</head>
577<body>
578 <!-- header-section-starts -->
579 <div class="full">
580 <div class="menu">
581 <ul>
582 <li><a href="index.html"><div class="hm"><i class="home1"></i><i class="home2"></i></div></a></li>
583 <li><a href="reviews.html"><div class="cat"><i class="watching"></i><i class="watching1"></i></div></a></li>
584 <li><a class="active" href="contact.html"><div class="cnt"><i class="contact"></i><i class="contact1"></i></div></a></li>
585 </ul>
586 </div>
587 <div class="main">
588 <div class="contact-content">
589 <div class="top-header span_top">
590 <div class="logo">
591 <a href="index.html"><img src="images/logo.png" alt="" /></a>
592 <p>Movie Theater</p>
593 </div>
594 <div class="search v-search">
595 <form>
596 <input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"/>
597 <input type="submit" value="">
598 </form>
599 </div>
600 <div class="clearfix"></div>
601 </div>
602 <!---contact-->
603<div class="main-contact">
604 <h3 class="head">CONTACT</h3>
605 <p>WE'RE ALWAYS HERE TO HELP YOU</p>
606 <div class="contact-form">
607 <form>
608 <div class="col-md-6 contact-left">
609 <input type="text" placeholder="Name" required/>
610 <input type="text" placeholder="E-mail" required/>
611 <input type="text" placeholder="Phone" required/>
612 </div>
613 <div class="col-md-6 contact-right">
614 <textarea placeholder="Message"></textarea>
615 <input type="submit" value="SEND"/>
616 </div>
617 <div class="clearfix"></div>
618 </form>
619 </div>
620</div>
621 <div class="footer">
622 <h6>Disclaimer : </h6>
623 <p class="claim">This is a freebies and not an official website, I have no intention of disclose any movie, brand, news.My goal here is to train or excercise my skill and share this freebies.</p>
624 <a href="example@mail.com">example@mail.com</a>
625 <div class="copyright">
626 <p> Template by <a href="http://w3layouts.com"> W3layouts</a></p>
627 </div>
628 </div>
629 </div>
630 <div class="clearfix"></div>
631 </div>
632</body>
633</html>
634
635
636
637
638
639
640
641
642 reviews.php
643
644<!--
645Author: W3layouts
646Author URL: http://w3layouts.com
647License: Creative Commons Attribution 3.0 Unported
648License URL: http://creativecommons.org/licenses/by/3.0/
649-->
650<!DOCTYPE html>
651<html>
652<head>
653<title>Cinema A Entertainment Category Flat Bootstarp Resposive Website Template | Reviews :: w3layouts</title>
654<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
655<!-- Custom Theme files -->
656<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
657<!-- Custom Theme files -->
658<script src="js/jquery.min.js"></script>
659<!-- Custom Theme files -->
660<meta name="viewport" content="width=device-width, initial-scale=1">
661<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
662<meta name="keywords" content="Cinema Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
663Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
664<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
665<!--webfont-->
666<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
667</head>
668<body>
669 <!-- header-section-starts -->
670 <div class="full">
671 <div class="menu">
672 <ul>
673 <li><a href="index.html"><div class="hm"><i class="home1"></i><i class="home2"></i></div></a></li>
674 <li><a class="active" href="reviews.html"><div class="cat"><i class="watching"></i><i class="watching1"></i></div></a></li>
675 <li><a href="contact.html"><div class="cnt"><i class="contact"></i><i class="contact1"></i></div></a></li>
676 </ul>
677 </div>
678 <div class="main">
679 <div class="review-content">
680 <div class="top-header span_top">
681 <div class="logo">
682 <a href="index.html"><img src="images/logo.png" alt="" /></a>
683 <p>Movie Theater</p>
684 </div>
685 <div class="search v-search">
686 <form>
687 <input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"/>
688 <input type="submit" value="">
689 </form>
690 </div>
691 <div class="clearfix"></div>
692 </div>
693 <div class="reviews-section">
694 <h3 class="head">Movie Reviews</h3>
695 <div class="col-md-9 reviews-grids">
696 <div class="review">
697 <div class="movie-pic">
698 <a href="single.html"><img src="images/r4.jpg" alt="" /></a>
699 </div>
700 <div class="review-info">
701 <a class="span" href="single.html">Lorem <i>Movie Review</i></a>
702 <p class="dirctr"><a href="">Reagan Gavin Rasquinha, </a>TNN, Mar 12, 2015, 12.47PM IST</p>
703 <p class="ratingview">Critic's Rating:</p>
704 <div class="rating">
705 <span>?</span>
706 <span>?</span>
707 <span>?</span>
708 <span>?</span>
709 <span>?</span>
710 </div>
711 <p class="ratingview">
712 3.5/5
713 </p>
714 <div class="clearfix"></div>
715 <p class="ratingview c-rating">Avg Readers' Rating:</p>
716 <div class="rating c-rating">
717 <span>?</span>
718 <span>?</span>
719 <span>?</span>
720 <span>?</span>
721 <span>?</span>
722 </div>
723 <p class="ratingview c-rating">
724 3.3/5</p>
725 <div class="clearfix"></div>
726 <div class="yrw">
727 <div class="dropdown-button">
728 <select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
729 <option value="0">Your rating</option>
730 <option value="1">1.Poor</option>
731 <option value="2">1.5(Below average)</option>
732 <option value="3">2.Average</option>
733 <option value="4">2.5(Above average)</option>
734 <option value="5">3.Watchable</option>
735 <option value="6">3.5(Good)</option>
736 <option value="7">4.5(Very good)</option>
737 <option value="8">5.Outstanding</option>
738 </select>
739 </div>
740 <div class="rtm text-center">
741 <a href="#">REVIEW THIS MOVIE</a>
742 </div>
743 <div class="wt text-center">
744 <a href="#">WATCH THIS TRAILER</a>
745 </div>
746 <div class="clearfix"></div>
747 </div>
748 <p class="info">CAST: Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
749 <p class="info">DIRECTION: Glenn Ficarra, John Requa</p>
750 <p class="info">GENRE: Crime</p>
751 <p class="info">DURATION: 1 hour 45 minutes</p>
752 </div>
753 <div class="clearfix"></div>
754 </div>
755 <div class="review">
756 <div class="movie-pic">
757 <a href="single.html"><img src="images/r6.jpg" alt="" /></a>
758 </div>
759 <div class="review-info">
760 <a class="span" href="single.html">Lorem <i>Movie Review</i></a>
761 <p class="dirctr"><a href="">Reagan Gavin Rasquinha, </a>TNN, Mar 12, 2015, 12.47PM IST</p>
762 <p class="ratingview">Critic's Rating:</p>
763 <div class="rating">
764 <span>?</span>
765 <span>?</span>
766 <span>?</span>
767 <span>?</span>
768 <span>?</span>
769 </div>
770 <p class="ratingview">
771 3.5/5
772 </p>
773 <div class="clearfix"></div>
774 <p class="ratingview c-rating">Avg Readers' Rating:</p>
775 <div class="rating c-rating">
776 <span>?</span>
777 <span>?</span>
778 <span>?</span>
779 <span>?</span>
780 <span>?</span>
781 </div>
782 <p class="ratingview c-rating">
783 3.3/5</p>
784 <div class="clearfix"></div>
785 <div class="yrw">
786 <div class="dropdown-button">
787 <select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
788 <option value="0">Your rating</option>
789 <option value="1">1.Poor</option>
790 <option value="2">1.5(Below average)</option>
791 <option value="3">2.Average</option>
792 <option value="4">2.5(Above average)</option>
793 <option value="5">3.Watchable</option>
794 <option value="6">3.5(Good)</option>
795 <option value="7">4.5(Very good)</option>
796 <option value="8">5.Outstanding</option>
797 </select>
798 </div>
799 <div class="rtm text-center">
800 <a href="#">REVIEW THIS MOVIE</a>
801 </div>
802 <div class="wt text-center">
803 <a href="#">WATCH THIS TRAILER</a>
804 </div>
805 <div class="clearfix"></div>
806 </div>
807 <p class="info">CAST: Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
808 <p class="info">DIRECTION: Glenn Ficarra, John Requa</p>
809 <p class="info">GENRE: Crime</p>
810 <p class="info">DURATION: 1 hour 45 minutes</p>
811 </div>
812 <div class="clearfix"></div>
813 </div>
814 <div class="review">
815 <div class="movie-pic">
816 <a href="single.html"><img src="images/r5.jpg" alt="" /></a>
817 </div>
818 <div class="review-info">
819 <a class="span" href="single.html">Lorem <i>Movie Review</i></a>
820 <p class="dirctr"><a href="">Reagan Gavin Rasquinha, </a>TNN, Mar 12, 2015, 12.47PM IST</p>
821 <p class="ratingview">Critic's Rating:</p>
822 <div class="rating">
823 <span>?</span>
824 <span>?</span>
825 <span>?</span>
826 <span>?</span>
827 <span>?</span>
828 </div>
829 <p class="ratingview">
830 3.5/5
831 </p>
832 <div class="clearfix"></div>
833 <p class="ratingview c-rating">Avg Readers' Rating:</p>
834 <div class="rating c-rating">
835 <span>?</span>
836 <span>?</span>
837 <span>?</span>
838 <span>?</span>
839 <span>?</span>
840 </div>
841 <p class="ratingview c-rating">
842 3.3/5</p>
843 <div class="clearfix"></div>
844 <div class="yrw">
845 <div class="dropdown-button">
846 <select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
847 <option value="0">Your rating</option>
848 <option value="1">1.Poor</option>
849 <option value="2">1.5(Below average)</option>
850 <option value="3">2.Average</option>
851 <option value="4">2.5(Above average)</option>
852 <option value="5">3.Watchable</option>
853 <option value="6">3.5(Good)</option>
854 <option value="7">4.5(Very good)</option>
855 <option value="8">5.Outstanding</option>
856 </select>
857 </div>
858 <div class="rtm text-center">
859 <a href="#">REVIEW THIS MOVIE</a>
860 </div>
861 <div class="wt text-center">
862 <a href="#">WATCH THIS TRAILER</a>
863 </div>
864 <div class="clearfix"></div>
865 </div>
866 <p class="info">CAST: Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
867 <p class="info">DIRECTION: Glenn Ficarra, John Requa</p>
868 <p class="info">GENRE: Crime</p>
869 <p class="info">DURATION: 1 hour 45 minutes</p>
870 </div>
871 <div class="clearfix"></div>
872 </div>
873 <div class="review">
874 <div class="movie-pic">
875 <a href="single.html"><img src="images/r1.jpg" alt="" /></a>
876 </div>
877 <div class="review-info">
878 <a class="span" href="single.html">Lorem <i>Movie Review</i></a>
879 <p class="dirctr"><a href="">Reagan Gavin Rasquinha, </a>TNN, Mar 12, 2015, 12.47PM IST</p>
880 <p class="ratingview">Critic's Rating:</p>
881 <div class="rating">
882 <span>?</span>
883 <span>?</span>
884 <span>?</span>
885 <span>?</span>
886 <span>?</span>
887 </div>
888 <p class="ratingview">
889 3.5/5
890 </p>
891 <div class="clearfix"></div>
892 <p class="ratingview c-rating">Avg Readers' Rating:</p>
893 <div class="rating c-rating">
894 <span>?</span>
895 <span>?</span>
896 <span>?</span>
897 <span>?</span>
898 <span>?</span>
899 </div>
900 <p class="ratingview c-rating">
901 3.3/5</p>
902 <div class="clearfix"></div>
903 <div class="yrw">
904 <div class="dropdown-button">
905 <select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
906 <option value="0">Your rating</option>
907 <option value="1">1.Poor</option>
908 <option value="2">1.5(Below average)</option>
909 <option value="3">2.Average</option>
910 <option value="4">2.5(Above average)</option>
911 <option value="5">3.Watchable</option>
912 <option value="6">3.5(Good)</option>
913 <option value="7">4.5(Very good)</option>
914 <option value="8">5.Outstanding</option>
915 </select>
916 </div>
917 <div class="rtm text-center">
918 <a href="#">REVIEW THIS MOVIE</a>
919 </div>
920 <div class="wt text-center">
921 <a href="#">WATCH THIS TRAILER</a>
922 </div>
923 <div class="clearfix"></div>
924 </div>
925 <p class="info">CAST: Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
926 <p class="info">DIRECTION: Glenn Ficarra, John Requa</p>
927 <p class="info">GENRE: Crime</p>
928 <p class="info">DURATION: 1 hour 45 minutes</p>
929 </div>
930 <div class="clearfix"></div>
931 </div>
932 <div class="review">
933 <div class="movie-pic">
934 <a href="single.html"><img src="images/r3.jpg" alt="" /></a>
935 </div>
936 <div class="review-info">
937 <a class="span" href="single.html">Lorem <i>Movie Review</i></a>
938 <p class="dirctr"><a href="">Reagan Gavin Rasquinha, </a>TNN, Mar 12, 2015, 12.47PM IST</p>
939 <p class="ratingview">Critic's Rating:</p>
940 <div class="rating">
941 <span>?</span>
942 <span>?</span>
943 <span>?</span>
944 <span>?</span>
945 <span>?</span>
946 </div>
947 <p class="ratingview">
948 3.5/5
949 </p>
950 <div class="clearfix"></div>
951 <p class="ratingview c-rating">Avg Readers' Rating:</p>
952 <div class="rating">
953 <span>?</span>
954 <span>?</span>
955 <span>?</span>
956 <span>?</span>
957 <span>?</span>
958 </div>
959 <p class="ratingview">
960 3.3/5</p>
961 <div class="clearfix"></div>
962 <div class="yrw">
963 <div class="dropdown-button">
964 <select class="dropdown" tabindex="9" data-settings='{"wrapperClass":"flat"}'>
965 <option value="0">Your rating</option>
966 <option value="1">1.Poor</option>
967 <option value="2">1.5(Below average)</option>
968 <option value="3">2.Average</option>
969 <option value="4">2.5(Above average)</option>
970 <option value="5">3.Watchable</option>
971 <option value="6">3.5(Good)</option>
972 <option value="7">4.5(Very good)</option>
973 <option value="8">5.Outstanding</option>
974 </select>
975 </div>
976 <div class="rtm text-center">
977 <a href="#">REVIEW THIS MOVIE</a>
978 </div>
979 <div class="wt text-center">
980 <a href="#">WATCH THIS TRAILER</a>
981 </div>
982 <div class="clearfix"></div>
983 </div>
984 <p class="info">CAST: Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
985 <p class="info">DIRECTION: Glenn Ficarra, John Requa</p>
986 <p class="info">GENRE: Crime</p>
987 <p class="info">DURATION: 1 hour 45 minutes</p>
988 </div>
989 <div class="clearfix"></div>
990 </div>
991 </div>
992 <div class="col-md-3 side-bar">
993 <div class="featured">
994 <h3>Featured Today in Movie Reviews</h3>
995 <ul>
996 <li>
997 <a href="single.html"><img src="images/f1.jpg" alt="" /></a>
998 <p>lorem movie review</p>
999 </li>
1000 <li>
1001 <a href="single.html"><img src="images/f2.jpg" alt="" /></a>
1002 <p>lorem movie review</p>
1003 </li>
1004 <li>
1005 <a href="single.html"><img src="images/f3.jpg" alt="" /></a>
1006 <p>lorem movie review</p>
1007 </li>
1008 <li>
1009 <a href="single.html"><img src="images/f4.jpg" alt="" /></a>
1010 <p>lorem movie review</p>
1011 </li>
1012 <li>
1013 <a href="single.html"><img src="images/f5.jpg" alt="" /></a>
1014 <p>lorem movie review</p>
1015 </li>
1016 <li>
1017 <a href="single.html"><img src="images/f6.jpg" alt="" /></a>
1018 <p>lorem movie review</p>
1019 </li>
1020 <div class="clearfix"></div>
1021 </ul>
1022 </div>
1023
1024 <div class="entertainment">
1025 <h3>Featured Today in Entertainment</h3>
1026 <ul>
1027 <li class="ent">
1028 <a href="single.html"><img src="images/f6.jpg" alt="" /></a>
1029 </li>
1030 <li>
1031 <a href="single.html">Watch ‘Bombay Velvet’ trailer during WC match</a>
1032
1033 </li>
1034 <div class="clearfix"></div>
1035 </ul>
1036 <ul>
1037 <li class="ent">
1038 <a href="single.html"><img src="images/f5.jpg" alt="" /></a>
1039 </li>
1040 <li>
1041 <a href="single.html">Watch ‘Bombay Velvet’ trailer during WC match</a>
1042
1043 </li>
1044 <div class="clearfix"></div>
1045 </ul>
1046 <ul>
1047 <li class="ent">
1048 <a href="single.html"><img src="images/f3.jpg" alt="" /></a>
1049 </li>
1050 <li>
1051 <a href="single.html">Watch ‘Bombay Velvet’ trailer during WC match</a>
1052
1053 </li>
1054 <div class="clearfix"></div>
1055 </ul>
1056 <ul>
1057 <li class="ent">
1058 <a href="single.html"><img src="images/f4.jpg" alt="" /></a>
1059 </li>
1060 <li>
1061 <a href="single.html">Watch ‘Bombay Velvet’ trailer during WC match</a>
1062
1063 </li>
1064 <div class="clearfix"></div>
1065 </ul>
1066 <ul>
1067 <li class="ent">
1068 <a href="single.html"><img src="images/f2.jpg" alt="" /></a>
1069 </li>
1070 <li>
1071 <a href="single.html">Watch ‘Bombay Velvet’ trailer during WC match</a>
1072
1073 </li>
1074 <div class="clearfix"></div>
1075 </ul>
1076 <ul>
1077 <li class="ent">
1078 <a href="single.html"><img src="images/f1.jpg" alt="" /></a>
1079 </li>
1080 <li>
1081 <a href="single.html">Watch ‘Bombay Velvet’ trailer during WC match</a>
1082
1083 </li>
1084 <div class="clearfix"></div>
1085 </ul>
1086 </div>
1087 <div class="might">
1088 <h4>You might also like</h4>
1089 <div class="might-grid">
1090 <div class="grid-might">
1091 <a href="single.html"><img src="images/mi.jpg" class="img-responsive" alt=""> </a>
1092 </div>
1093 <div class="might-top">
1094 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
1095 <a href="single.html">Lorem Ipsum <i> </i></a>
1096 </div>
1097 <div class="clearfix"></div>
1098 </div>
1099 <div class="might-grid">
1100 <div class="grid-might">
1101 <a href="single.html"><img src="images/mi1.jpg" class="img-responsive" alt=""> </a>
1102 </div>
1103 <div class="might-top">
1104 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
1105 <a href="single.html">Lorem Ipsum <i> </i></a>
1106 </div>
1107 <div class="clearfix"></div>
1108 </div>
1109 <div class="might-grid">
1110 <div class="grid-might">
1111 <a href="single.html"><img src="images/mi2.jpg" class="img-responsive" alt=""> </a>
1112 </div>
1113 <div class="might-top">
1114 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
1115 <a href="single.html">Lorem Ipsum <i> </i></a>
1116 </div>
1117 <div class="clearfix"></div>
1118 </div>
1119 <div class="might-grid">
1120 <div class="grid-might">
1121 <a href="single.html"><img src="images/mi3.jpg" class="img-responsive" alt=""> </a>
1122 </div>
1123 <div class="might-top">
1124 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
1125 <a href="single.html">Lorem Ipsum <i> </i></a>
1126 </div>
1127 <div class="clearfix"></div>
1128 </div>
1129 </div>
1130 <!---->
1131 <div class="grid-top">
1132 <h4>Archives</h4>
1133 <ul>
1134 <li><a href="single.html">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </a></li>
1135 <li><a href="single.html">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</a></li>
1136 <li><a href="single.html">When an unknown printer took a galley of type and scrambled it to make a type specimen book. </a> </li>
1137 <li><a href="single.html">It has survived not only five centuries, but also the leap into electronic typesetting</a> </li>
1138 <li><a href="single.html">Remaining essentially unchanged. It was popularised in the 1960s with the release of </a> </li>
1139 <li><a href="single.html">Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing </a> </li>
1140 <li><a href="single.html">Software like Aldus PageMaker including versionsof Lorem Ipsum.</a> </li>
1141 </ul>
1142 </div>
1143 <!---->
1144
1145 </div>
1146
1147 <div class="clearfix"></div>
1148 </div>
1149 </div>
1150 <div class="review-slider">
1151 <ul id="flexiselDemo1">
1152 <li><img src="images/r1.jpg" alt=""/></li>
1153 <li><img src="images/r2.jpg" alt=""/></li>
1154 <li><img src="images/r3.jpg" alt=""/></li>
1155 <li><img src="images/r4.jpg" alt=""/></li>
1156 <li><img src="images/r5.jpg" alt=""/></li>
1157 <li><img src="images/r6.jpg" alt=""/></li>
1158 </ul>
1159 <script type="text/javascript">
1160 $(window).load(function() {
1161
1162 $("#flexiselDemo1").flexisel({
1163 visibleItems: 6,
1164 animationSpeed: 1000,
1165 autoPlay: true,
1166 autoPlaySpeed: 3000,
1167 pauseOnHover: false,
1168 enableResponsiveBreakpoints: true,
1169 responsiveBreakpoints: {
1170 portrait: {
1171 changePoint:480,
1172 visibleItems: 2
1173 },
1174 landscape: {
1175 changePoint:640,
1176 visibleItems: 3
1177 },
1178 tablet: {
1179 changePoint:768,
1180 visibleItems: 3
1181 }
1182 }
1183 });
1184 });
1185 </script>
1186 <script type="text/javascript" src="js/jquery.flexisel.js"></script>
1187 </div>
1188 <div class="footer">
1189 <h6>Disclaimer : </h6>
1190 <p class="claim">This is a freebies and not an official website, I have no intention of disclose any movie, brand, news.My goal here is to train or excercise my skill and share this freebies.</p>
1191 <a href="example@mail.com">example@mail.com</a>
1192 <div class="copyright">
1193 <p> Template by <a href="http://w3layouts.com"> W3layouts</a></p>
1194 </div>
1195 </div>
1196 </div>
1197 <div class="clearfix"></div>
1198 </div>
1199</body>
1200</html>
1201 1.1.5 COPIAMOS LAS CARPETAS DE CODIGO LIBRE (font, css, images, js) dentro de la carpeta public del proyecto laravel