Advertisement
xthyan

avance-obras 17-10-18 11:40pm

Oct 17th, 2018
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.23 KB | None | 0 0
  1. @extends('layout')
  2.  
  3. @section('body_class') projects page @stop
  4.  
  5. @section('content')
  6. <div class="content">
  7. <div class="container">
  8.  
  9. <div class="title title-blue title-with-line">
  10. <div class="title-text">{{$words['titulo-obras1']}}</div>
  11. </div>
  12.  
  13. <div class="project">
  14. <div class="row">
  15. <div class="col-md-6">
  16. <div class="project-image">
  17. <div class="project-image-container">
  18. <img src="/images/projecto-1.jpg" class="img-responsive">
  19. </div>
  20. <div class="project-title">
  21. <div class="project-title-container">
  22. <div class="project-title-text">
  23. <h4>{{$words['tituloprincipal-obra1']}}</h4>
  24. <p>{{$words['titulo-obra1']}}</p>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="col-md-6">
  31. <div class="project-info">
  32. <div class="project-amount">
  33. <span>{{$words['obra1-item1']}}</span><br>
  34. <span>S/ 323,522,836.00</span>
  35. </div>
  36. <div class="project-advance" data-fisico="72.92%" data-financiero="62.18%">
  37. </div>
  38. <div class="project-detail">
  39. <p>{{$words['obra1-item4']}}<br>
  40. {{$words['obra1-item5']}}</p>
  41. </div>
  42. <div class="project-buttons">
  43. <div class="row">
  44. <div class="col-sm-6">
  45. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/1-1.pdf" target="_blank" rel="nofollow">
  46. <button class="btn btn-purple btn-full btn-icon-right">
  47. <span>{{$words['obra1-item6']}}</span>
  48. <i class="fa fa-file-pdf-o"></i>
  49. </button>
  50. </a>
  51. </div>
  52. <div class="col-sm-6">
  53. <a href="#" target="_blank" rel="nofollow">
  54. <button class="btn btn-purple btn-full btn-icon-right">
  55. <span>{{$words['obra1-item7']}}</span>
  56. <i class="fa fa-camera"></i>
  57. </button>
  58. </a>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66.  
  67. <div class="project project-right">
  68. <div class="row">
  69. <div class="col-md-6 mob">
  70. <div class="project-image">
  71. <div class="project-image-container">
  72. <img src="/images/projecto-2.jpg" class="img-responsive">
  73. </div>
  74. <div class="project-title">
  75. <div class="project-title-container">
  76. <div class="project-title-text">
  77. <h4>{{$words['tituloprincipal-obra2']}}</h4>
  78. <p>{{$words['titulo-obra2']}}</p>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="col-md-6">
  85. <div class="project-info">
  86. <div class="project-amount">
  87. <span>{{$words['obra2-item1']}}</span><br>
  88. <span>S/ 475,718,240.00</span>
  89. </div>
  90. <div class="project-advance" data-fisico="29.70" data-financiero="51.57%"></div>
  91. <div class="project-detail">
  92. <p>{{$words['obra2-item4']}}<br>
  93. {{$words['obra2-item5']}}</p>
  94. </div>
  95. <div class="project-buttons">
  96. <div class="row">
  97. <div class="col-sm-6">
  98. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/2.pdf" target="_blank" rel="nofollow">
  99. <button class="btn btn-purple btn-full btn-icon-right">
  100. <span>{{$words['obra2-item6']}}</span>
  101. <i class="fa fa-file-pdf-o"></i>
  102. </button>
  103. </a>
  104. </div>
  105. <div class="col-sm-6">
  106. <a href="#" target="_blank" rel="nofollow">
  107. <button class="btn btn-purple btn-full btn-icon-right">
  108. <span>{{$words['obra2-item7']}}</span>
  109. <i class="fa fa-camera"></i>
  110. </button>
  111. </a>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="col-md-6 no-mob">
  118. <div class="project-image">
  119. <div class="project-image-container">
  120. <img src="/images/projecto-2.jpg" class="img-responsive">
  121. </div>
  122. <div class="project-title">
  123. <div class="project-title-container">
  124. <div class="project-title-text">
  125. <h4>{{$words['tituloprincipal-obra2']}}</h4>
  126. <p>{{$words['titulo-obra2']}}</p>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134.  
  135. <div class="project">
  136. <div class="row">
  137. <div class="col-md-6">
  138. <div class="project-image">
  139. <div class="project-image-container">
  140. <img src="/images/projecto-3.jpg" class="img-responsive">
  141. </div>
  142. <div class="project-title">
  143. <div class="project-title-container">
  144. <div class="project-title-text">
  145. <h4>{{$words['tituloprincipal-obra3']}}</h4>
  146. <p>{{$words['titulo-obra3']}}</p>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="col-md-6">
  153. <div class="project-info">
  154. <div class="project-amount">
  155. <span>{{$words['obra3-item1']}}</span><br>
  156. <span>S/ 226,988,201.00</span>
  157. </div>
  158. <div class="project-advance" data-fisico="41.92%" data-financiero="60.19%"></div>
  159. <div class="project-detail">
  160. <p>{{$words['obra3-item4']}}<br>
  161. {{$words['obra3-item5']}}</p>
  162. </div>
  163. <div class="project-buttons">
  164. <div class="row">
  165. <div class="col-sm-6">
  166. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/3.pdf" target="_blank" rel="nofollow">
  167. <button class="btn btn-purple btn-full btn-icon-right">
  168. <span>{{$words['obra3-item6']}}</span>
  169. <i class="fa fa-file-pdf-o"></i>
  170. </button>
  171. </a>
  172. </div>
  173. <div class="col-sm-6">
  174. <a href="#" target="_blank" rel="nofollow">
  175. <button class="btn btn-purple btn-full btn-icon-right">
  176. <span>{{$words['obra3-item7']}}</span>
  177. <i class="fa fa-camera"></i>
  178. </button>
  179. </a>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187.  
  188. <div class="project project-right">
  189. <div class="row">
  190. <div class="col-md-6 mob">
  191. <div class="project-image">
  192. <div class="project-image-container">
  193. <img src="/images/projecto-4.jpg" class="img-responsive">
  194. </div>
  195. <div class="project-title">
  196. <div class="project-title-container">
  197. <div class="project-title-text">
  198. <h4>{{$words['tituloprincipal-obra4']}}</h4>
  199. <p>{{$words['titulo-obra4']}}</p>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="col-md-6">
  206. <div class="project-info">
  207. <div class="project-amount">
  208. <span>{{$words['obra4-item1']}}</span><br>
  209. <span>S/ 2,161,631.90</span>
  210. </div>
  211. <div class="project-advance" data-fisico="90.26%" data-financiero="87.14%"></div>
  212. <div class="project-detail">
  213. <p>{{$words['obra4-item4']}}<br>
  214. {{$words['obra4-item5']}}</p>
  215. </div>
  216. <div class="project-buttons">
  217. <div class="row">
  218. <div class="col-sm-6">
  219. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/8.pdf" target="_blank" rel="nofollow">
  220. <button class="btn btn-purple btn-full btn-icon-right">
  221. <span>{{$words['obra4-item6']}}</span>
  222. <i class="fa fa-file-pdf-o"></i>
  223. </button>
  224. </a>
  225. </div>
  226. <div class="col-sm-6">
  227. <a href="#" target="_blank" rel="nofollow">
  228. <button class="btn btn-purple btn-full btn-icon-right">
  229. <span>{{$words['obra4-item7']}}</span>
  230. <i class="fa fa-camera"></i>
  231. </button>
  232. </a>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. <div class="col-md-6 no-mob">
  239. <div class="project-image">
  240. <div class="project-image-container">
  241. <img src="/images/projecto-4.jpg" class="img-responsive">
  242. </div>
  243. <div class="project-title">
  244. <div class="project-title-container">
  245. <div class="project-title-text">
  246. <h4>{{$words['tituloprincipal-obra4']}}</h4>
  247. <p>{{$words['titulo-obra4']}}</p>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255.  
  256. <div class="project">
  257. <div class="row">
  258. <div class="col-md-6">
  259. <div class="project-image">
  260. <div class="project-image-container">
  261. <img src="/images/projecto-5.jpg" class="img-responsive">
  262. </div>
  263. <div class="project-title">
  264. <div class="project-title-container">
  265. <div class="project-title-text">
  266. <h4>{{$words['tituloprincipal-obra5']}}</h4>
  267. <p>{{$words['titulo-obra5']}}</p>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. <div class="col-md-6">
  274. <div class="project-info">
  275. <div class="project-amount">
  276. <span>{{$words['obra5-item1']}}</span><br>
  277. <span>S/ 152,089,008.00</span>
  278. </div>
  279. <div class="project-advance" data-fisico="27.42%" data-financiero="50.68%"></div>
  280. <div class="project-detail">
  281. <p>{{$words['obra5-item4']}}<br>
  282. {{$words['obra5-item5']}}</p>
  283. </div>
  284. <div class="project-buttons">
  285. <div class="row">
  286. <div class="col-sm-6">
  287. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/4.pdf" target="_blank" rel="nofollow">
  288. <button class="btn btn-purple btn-full btn-icon-right">
  289. <span>{{$words['obra5-item6']}}</span>
  290. <i class="fa fa-file-pdf-o"></i>
  291. </button>
  292. </a>
  293. </div>
  294. <div class="col-sm-6">
  295. <a href="#" target="_blank" rel="nofollow">
  296. <button class="btn btn-purple btn-full btn-icon-right">
  297. <span>{{$words['obra5-item7']}}</span>
  298. <i class="fa fa-camera"></i>
  299. </button>
  300. </a>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308.  
  309. <div class="project project-right">
  310. <div class="row">
  311. <div class="col-md-6 mob">
  312. <div class="project-image">
  313. <div class="project-image-container">
  314. <img src="/images/projecto-6.jpg" class="img-responsive">
  315. </div>
  316. <div class="project-title">
  317. <div class="project-title-container">
  318. <div class="project-title-text">
  319. <h4>{{$words['tituloprincipal-obra6']}}</h4>
  320. <p>{{$words['titulo-obra6']}}</p>
  321. </div>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. <div class="col-md-6">
  327. <div class="project-info">
  328. <div class="project-amount">
  329. <span>{{$words['obra6-item1']}}</span><br>
  330. <span>S/ 1,771,515.86</span>
  331. </div>
  332. <div class="project-advance" data-fisico="100" data-financiero="104.54"></div>
  333. <div class="project-detail">
  334. <p>{{$words['obra6-item4']}}<br>
  335. {{$words['obra6-item5']}}</p>
  336. </div>
  337. <div class="project-buttons">
  338. <div class="row">
  339. <div class="col-sm-6">
  340. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/9.pdf" target="_blank" rel="nofollow">
  341. <button class="btn btn-purple btn-full btn-icon-right">
  342. <span>{{$words['obra6-item6']}}</span>
  343. <i class="fa fa-file-pdf-o"></i>
  344. </button>
  345. </a>
  346. </div>
  347. <div class="col-sm-6">
  348. <a href="#" target="_blank" rel="nofollow">
  349. <button class="btn btn-purple btn-full btn-icon-right">
  350. <span>{{$words['obra6-item7']}}</span>
  351. <i class="fa fa-camera"></i>
  352. </button>
  353. </a>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. <div class="col-md-6 no-mob">
  360. <div class="project-image">
  361. <div class="project-image-container">
  362. <img src="/images/projecto-6.jpg" class="img-responsive">
  363. </div>
  364. <div class="project-title">
  365. <div class="project-title-container">
  366. <div class="project-title-text">
  367. <h4>{{$words['tituloprincipal-obra6']}}</h4>
  368. <p>{{$words['titulo-obra6']}}</p>
  369. </div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376.  
  377. <div class="project">
  378. <div class="row">
  379. <div class="col-md-6">
  380. <div class="project-image">
  381. <div class="project-image-container">
  382. <img src="/images/projecto-7.jpg" class="img-responsive">
  383. </div>
  384. <div class="project-title">
  385. <div class="project-title-container">
  386. <div class="project-title-text">
  387. <h4>{{$words['tituloprincipal-obra7']}}</h4>
  388. <p>{{$words['titulo-obra7']}}</p>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. <div class="col-md-6">
  395. <div class="project-info">
  396. <div class="project-amount">
  397. <span>{{$words['obra7-item1']}}</span><br>
  398. <span>S/ 1,797,801.32</span>
  399. </div>
  400. <div class="project-advance" data-fisico="32.42%" data-financiero="28.61%"></div>
  401. <div class="project-detail">
  402. <p>{{$words['obra7-item4']}}<br>
  403. {{$words['obra7-item5']}}</p>
  404. </div>
  405. <div class="project-buttons">
  406. <div class="row">
  407. <div class="col-sm-6">
  408. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/10.pdf" target="_blank" rel="nofollow">
  409. <button class="btn btn-purple btn-full btn-icon-right">
  410. <span>{{$words['obra7-item6']}}</span>
  411. <i class="fa fa-file-pdf-o"></i>
  412. </button>
  413. </a>
  414. </div>
  415. <div class="col-sm-6">
  416. <a href="#" target="_blank" rel="nofollow">
  417. <button class="btn btn-purple btn-full btn-icon-right">
  418. <span>{{$words['obra7-item7']}}</span>
  419. <i class="fa fa-camera"></i>
  420. </button>
  421. </a>
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  428. </div>
  429.  
  430. <div class="project project-right">
  431. <div class="row">
  432. <div class="col-md-6 mob">
  433. <div class="project-image">
  434. <div class="project-image-container">
  435. <img src="/images/projecto-8.jpg" class="img-responsive">
  436. </div>
  437. <div class="project-title">
  438. <div class="project-title-container">
  439. <div class="project-title-text">
  440. <h4>{{$words['tituloprincipal-obra8']}}</h4>
  441. <p>{{$words['titulo-obra8']}}</p>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447. <div class="col-md-6">
  448. <div class="project-info">
  449. <div class="project-amount">
  450. <span>{{$words['obra8-item1']}}</span><br>
  451. <span>S/ 90,361,606.85</span>
  452. </div>
  453. <div class="project-advance" data-fisico="10.21%" data-financiero="45.79%"></div>
  454. <div class="project-detail">
  455. <p>{{$words['obra8-item4']}}<br>
  456. {{$words['obra8-item5']}}</p>
  457. </div>
  458. <div class="project-buttons">
  459. <div class="row">
  460. <div class="col-sm-6">
  461. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/5.pdf" target="_blank" rel="nofollow">
  462. <button class="btn btn-purple btn-full btn-icon-right">
  463. <span>{{$words['obra8-item6']}}</span>
  464. <i class="fa fa-file-pdf-o"></i>
  465. </button>
  466. </a>
  467. </div>
  468. <div class="col-sm-6">
  469. <a href="#" target="_blank" rel="nofollow">
  470. <button class="btn btn-purple btn-full btn-icon-right">
  471. <span>{{$words['obra8-item7']}}</span>
  472. <i class="fa fa-camera"></i>
  473. </button>
  474. </a>
  475. </div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. <div class="col-md-6 no-mob">
  481. <div class="project-image">
  482. <div class="project-image-container">
  483. <img src="/images/projecto-8.jpg" class="img-responsive">
  484. </div>
  485. <div class="project-title">
  486. <div class="project-title-container">
  487. <div class="project-title-text">
  488. <h4>{{$words['tituloprincipal-obra8']}}</h4>
  489. <p>{{$words['titulo-obra8']}}</p>
  490. </div>
  491. </div>
  492. </div>
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497.  
  498. <div class="project">
  499. <div class="row">
  500. <div class="col-md-6">
  501. <div class="project-image">
  502. <div class="project-image-container">
  503. <img src="/images/projecto-9.jpg" class="img-responsive">
  504. </div>
  505. <div class="project-title">
  506. <div class="project-title-container">
  507. <div class="project-title-text">
  508. <h4>{{$words['tituloprincipal-obra9']}}</h4>
  509. <p>{{$words['titulo-obra9']}}</p>
  510. </div>
  511. </div>
  512. </div>
  513. </div>
  514. </div>
  515. <div class="col-md-6">
  516. <div class="project-info">
  517. <div class="project-amount">
  518. <span>{{$words['obra9-item1']}}</span><br>
  519. <span>S/ 29,557,090.06</span>
  520. </div>
  521. <div class="project-advance" data-fisico="0%" data-financiero="0%"></div>
  522. <div class="project-detail">
  523. <p>{{$words['obra9-item4']}}<br>
  524. {{$words['obra9-item5']}}</p>
  525. </div>
  526. <div class="project-buttons">
  527. <div class="row">
  528. <div class="col-sm-6">
  529. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/7-ficha-resumen-obras-ecuestre---septiembre-2018.pdf" target="_blank" rel="nofollow">
  530. <button class="btn btn-purple btn-full btn-icon-right">
  531. <span>{{$words['obra9-item6']}}</span>
  532. <i class="fa fa-file-pdf-o"></i>
  533. </button>
  534. </a>
  535. </div>
  536. <div class="col-sm-6">
  537. <a href="#" target="_blank" rel="nofollow">
  538. <button class="btn btn-purple btn-full btn-icon-right">
  539. <span>{{$words['obra9-item7']}}</span>
  540. <i class="fa fa-camera"></i>
  541. </button>
  542. </a>
  543. </div>
  544. </div>
  545. </div>
  546. </div>
  547. </div>
  548. </div>
  549. </div>
  550.  
  551. <div class="project project-right">
  552. <div class="row">
  553. <div class="col-md-6 mob">
  554. <div class="project-image">
  555. <div class="project-image-container">
  556. <img src="/images/projecto-8.jpg" class="img-responsive">
  557. </div>
  558. <div class="project-title">
  559. <div class="project-title-container">
  560. <div class="project-title-text">
  561. <h4>{{$words['tituloprincipal-obra10']}}</h4>
  562. <p>{{$words['titulo-obra10']}}</p>
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567. </div>
  568. <div class="col-md-6">
  569. <div class="project-info">
  570. <div class="project-amount">
  571. <span>{{$words['obra10-item1']}}</span><br>
  572. <span>S/ 27,376,733.19</span>
  573. </div>
  574. <div class="project-advance" data-fisico="0" data-financiero="0"></div>
  575. <div class="project-detail">
  576. <p>{{$words['obra10-item4']}}<br>
  577. {{$words['obra8-item5']}}</p>
  578. </div>
  579. <div class="project-buttons">
  580. <div class="row">
  581. <div class="col-sm-6">
  582. <a href="https://dvzp82trihswu.cloudfront.net/multimedia/6-ficha-resumen-obras-surf---septiembre-2018.pdf" target="_blank" rel="nofollow">
  583. <button class="btn btn-purple btn-full btn-icon-right">
  584. <span>{{$words['obra10-item6']}}</span>
  585. <i class="fa fa-file-pdf-o"></i>
  586. </button>
  587. </a>
  588. </div>
  589. <div class="col-sm-6">
  590. <a href="#" target="_blank" rel="nofollow">
  591. <button class="btn btn-purple btn-full btn-icon-right">
  592. <span>{{$words['obra10-item7']}}</span>
  593. <i class="fa fa-camera"></i>
  594. </button>
  595. </a>
  596. </div>
  597. </div>
  598. </div>
  599. </div>
  600. </div>
  601. <div class="col-md-6 no-mob">
  602. <div class="project-image">
  603. <div class="project-image-container">
  604. <img src="/images/projecto-10.jpg" class="img-responsive">
  605. </div>
  606. <div class="project-title">
  607. <div class="project-title-container">
  608. <div class="project-title-text">
  609. <h4>{{$words['tituloprincipal-obra10']}}</h4>
  610. <p>{{$words['titulo-obra10']}}</p>
  611. </div>
  612. </div>
  613. </div>
  614. </div>
  615. </div>
  616. </div>
  617. </div>
  618.  
  619.  
  620. </div>
  621. </div>
  622. <div class="flowers"></div>
  623. <div class="bar"></div>
  624. <script src="https://code.highcharts.com/highcharts.js"></script>
  625. <script src="https://code.highcharts.com/highcharts-3d.js"></script>
  626. @stop
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement