API tools faq
paste
Advertisement
codeudi

Taller 1 Laravel

codeudi
Feb 18th, 2016
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.57 KB | None | 0 0
raw download clone embed print report
  1. LARAVEL 5 - PRELIMINARES- (Despues de instalar Xampp, Composer y enlazarlos)
  2. 1. DESCARGAR/INSTALAR LARAVEL 5 - Desde terminal de comandos Usando el comando "Create-project" de Composer:
  3. composer create-project laravel/laravel {directory} "~5.0.0" --prefer-dist
  4. 2. DESPUES DE COPIAR PROYECTO LARAVEL EN UNA CARPETA DE SERVIDOR WEB PARA LANZAR PROYECTO LARAVEL DESDE DICHO SERVIDOR
  5. http://localhost/laraveludi/public/
  6. 3. COLOCAR NOMBRE A LA APLICACION WEB DESDE LA CONSOLA:
  7. cd xampp/htdocs/laraveludi
  8. php artisan app:name Cine
  9. 4. ESTABLECER LA ZONA HORARIA ADMITIDA PARA COLOMBIA EN EL ARCHIVO "config/app.php"
  10. 'timezone' => 'America/Bogota',
  11. 5. 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' => '&laquo; Anterior',
  32. 'next' => 'Siguiente &raquo;',
  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.  
  208. LARAVEL 5 - RUTAS ---> app/Http/routes.php
  209. 1. 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.  
  248. LARAVEL 5 - CONTROLADORES ---> app/Http/Controllers
  249.  
  250. 1 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.  
  282. LARAVEL 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.  
  300. LARAVEL 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
  305. 1.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:
  339. php artisan migrate
  340. 1.1.7 VERIFICAMOS EN MYSQL QUE SE HAYAN MIGRADO 5 TABLAS (MOVIES, GENRES, MIGRATIONS, PASSWORDS, USERS)
  341.  
  342. LARAVEL 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. <!--
  377. Author: W3layouts
  378. Author URL: http://w3layouts.com
  379. License: Creative Commons Attribution 3.0 Unported
  380. License 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,
  395. Smartphone 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 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: &nbsp;&nbsp; 8,5/10</p>
  429. <p class="review reviewgo">Genre &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : &nbsp;&nbsp; Animation, Action, Comedy</p>
  430. <p class="review">Release &nbsp;&nbsp;&nbsp;&nbsp;: &nbsp;&nbsp; 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. <!--
  554. Author: W3layouts
  555. Author URL: http://w3layouts.com
  556. License: Creative Commons Attribution 3.0 Unported
  557. License 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,
  572. Smartphone 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. <!--
  645. Author: W3layouts
  646. Author URL: http://w3layouts.com
  647. License: Creative Commons Attribution 3.0 Unported
  648. License 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,
  663. Smartphone 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. &nbsp;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. &nbsp; 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:&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
  749. <p class="info">DIRECTION: &nbsp;&nbsp;&nbsp;&nbsp;Glenn Ficarra, John Requa</p>
  750. <p class="info">GENRE:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Crime</p>
  751. <p class="info">DURATION:&nbsp;&nbsp;&nbsp; &nbsp; 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. &nbsp;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. &nbsp; 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:&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
  808. <p class="info">DIRECTION: &nbsp;&nbsp;&nbsp;&nbsp;Glenn Ficarra, John Requa</p>
  809. <p class="info">GENRE:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Crime</p>
  810. <p class="info">DURATION:&nbsp;&nbsp;&nbsp; &nbsp; 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. &nbsp;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. &nbsp; 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:&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
  867. <p class="info">DIRECTION: &nbsp;&nbsp;&nbsp;&nbsp;Glenn Ficarra, John Requa</p>
  868. <p class="info">GENRE:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Crime</p>
  869. <p class="info">DURATION:&nbsp;&nbsp;&nbsp; &nbsp; 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. &nbsp;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. &nbsp; 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:&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
  926. <p class="info">DIRECTION: &nbsp;&nbsp;&nbsp;&nbsp;Glenn Ficarra, John Requa</p>
  927. <p class="info">GENRE:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Crime</p>
  928. <p class="info">DURATION:&nbsp;&nbsp;&nbsp; &nbsp; 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. &nbsp;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. &nbsp; 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:&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Will Smith, Margot Robbie, Adrian Martinez, Rodrigo Santoro, BD Wong, Robert Taylor</p>
  985. <p class="info">DIRECTION: &nbsp;&nbsp;&nbsp;&nbsp;Glenn Ficarra, John Requa</p>
  986. <p class="info">GENRE:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Crime</p>
  987. <p class="info">DURATION:&nbsp;&nbsp;&nbsp; &nbsp; 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
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!