API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 18th, 2020
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.95 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  2.  
  3. <style>
  4. .dashboard {
  5. font-family: 'Roboto', sans-serif;
  6. }
  7.  
  8. .d-flex,
  9. .col,
  10. .row {
  11. display: flex;
  12. }
  13.  
  14. .col,
  15. .flex-column {
  16. flex-direction: column;
  17. }
  18.  
  19. .row,
  20. .flex-row {
  21. flex-direction: row;
  22. }
  23.  
  24. .full-center {
  25. align-items: center;
  26. justify-content: center;
  27. }
  28.  
  29. .justify-content-center {
  30. justify-content: center;
  31. }
  32.  
  33. .align-item-center {
  34. align-items: center;
  35. }
  36.  
  37. .mx-1 {
  38. margin-left: 1rem;
  39. margin-right: 1rem;
  40. }
  41.  
  42. .mt-2 {
  43. margin-top: 2rem;
  44. }
  45.  
  46. .border {
  47. border: 1px solid #000;
  48. }
  49.  
  50. .rounded {
  51. border-radius: .25rem !important;
  52. }
  53.  
  54. .shadow {
  55. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  56. }
  57.  
  58. .card {
  59. border-radius: 4px;
  60. box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  61. }
  62.  
  63. .card-container {
  64. padding: 0;
  65. margin-left: 1rem;
  66. margin-right: 1rem;
  67. }
  68.  
  69. .card-header {
  70. border-top-left-radius: 4px;
  71. border-top-right-radius: 4px;
  72. border-bottom-right-radius: 0;
  73. border-bottom-left-radius: 0;
  74. }
  75.  
  76. .card-title {
  77. justify-content: space-between;
  78. font-size: 36px;
  79. font-weight: 900;
  80. align-items: center;
  81. }
  82.  
  83. .card-description {
  84. font-size: 16px;
  85. }
  86.  
  87. .app-green {
  88. background-color: #0faba1;
  89. color: white;
  90. }
  91.  
  92. .app-yellow {
  93. background-color: #daa417;
  94. color: white;
  95. }
  96.  
  97. .app-blue {
  98. background-color: #023766;
  99. color: white;
  100. }
  101.  
  102. .app-grey {
  103. background-color: #9b9b9b;
  104. color: white;
  105. }
  106.  
  107. .title {
  108. font-size: 18px;
  109. padding: 1rem;
  110. }
  111.  
  112. table {
  113. display: table;
  114. font-size: 14px;
  115. }
  116.  
  117. table tbody tr {
  118. display: table-row;
  119. border-top: solid 0.5px #979797;
  120. }
  121.  
  122. table td,
  123. table th {
  124. display: table-cell;
  125. text-align: center;
  126. }
  127.  
  128. table tbody tr td {
  129. height: 16px;
  130. font-size: 14px;
  131. font-weight: normal;
  132. font-stretch: normal;
  133. font-style: normal;
  134. line-height: 3rem !important;
  135. letter-spacing: normal;
  136. text-align: center;
  137. color: #7f8fa4;
  138. }
  139.  
  140. table thead tr th {
  141. line-height: 5rem !important;
  142. font-size: 12px;
  143. font-weight: normal;
  144. font-stretch: normal;
  145. font-style: normal;
  146. line-height: normal;
  147. letter-spacing: normal;
  148. color: #000000;
  149. background-color: #fff;
  150. }
  151.  
  152. table tbody tr td .icon {
  153. font-size: 18px;
  154. }
  155.  
  156. table tbody tr td .icon:hover {
  157. cursor: pointer;
  158. opacity: .6;
  159. }
  160.  
  161. .button {
  162. height: 59px;
  163. object-fit: contain;
  164. border-radius: 1rem;
  165. border: 1px solid #63a2c5;
  166. font-size: 18px;
  167. color: #63a2c5;
  168. box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  169. margin: .5rem 5rem .5rem 5rem;
  170. }
  171.  
  172. .button:hover {
  173. cursor: pointer;
  174. opacity: .6;
  175. }
  176.  
  177. .news.active {
  178. background-color: #fff;
  179. }
  180.  
  181. .news {
  182. display: flex;
  183. flex-direction: column;
  184. padding: 1rem;
  185. background-color: #ecf3f8;
  186. }
  187.  
  188. .news-header {
  189. display: flex;
  190. justify-content: space-between;
  191. align-items: center;
  192. margin-bottom: 1rem;
  193. }
  194.  
  195. .news-header .header-title {
  196. font-size: 14px;
  197. font-weight: 900;
  198. font-stretch: normal;
  199. font-style: normal;
  200. line-height: normal;
  201. letter-spacing: normal;
  202. color: #023766;
  203. }
  204.  
  205. .news-header .time {
  206. font-size: 12px;
  207. font-weight: normal;
  208. font-stretch: normal;
  209. font-style: normal;
  210. line-height: normal;
  211. letter-spacing: normal;
  212. text-align: right;
  213. color: #9b9b9b;
  214. }
  215.  
  216. .news-body {
  217. margin-top: 1rem;
  218. margin-bottom: 1rem;
  219. font-size: 14px;
  220. font-weight: normal;
  221. font-stretch: normal;
  222. font-style: normal;
  223. line-height: normal;
  224. letter-spacing: normal;
  225. color: #9b9b9b;
  226. }
  227.  
  228. .news-footer {
  229. margin-top: 1rem;
  230. margin-bottom: 1rem;
  231. font-size: 12px;
  232. font-weight: normal;
  233. font-stretch: normal;
  234. font-style: normal;
  235. line-height: normal;
  236. letter-spacing: normal;
  237. text-align: right;
  238. color: #4690ba;
  239. }
  240. </style>
  241.  
  242. <section class="dashboard">
  243. <div class="row" data-ng-controller="HomeController">
  244. <div class="col-md-12">
  245. <div class="row">
  246. <div class="col-md-8">
  247. <div class="row">
  248. <div class="col-md-3 mx-1 card app-green">
  249. <p class="card-title d-flex">
  250. <span>34</span>
  251. <i class="glyphicon glyphicon-ok-sign"></i>
  252. </p>
  253.  
  254. <p class="card-description">Pedidos aprobados.</p>
  255. <p class="card-small-description">
  256. <span>+3.2%</span>
  257. <i class="glyphicon glyphicon-arrow-up"></i>
  258. </p>
  259. </div>
  260. <div class="col-md-3 mx-1 card app-yellow">
  261. <p class="card-title d-flex">
  262. <span>5</span>
  263. <i class="glyphicon glyphicon-warning-sign"></i>
  264. </p>
  265.  
  266. <p class="card-description">Pedidos aprobacion</p>
  267. </div>
  268.  
  269. <div class="col-md-3 mx-1 card app-blue">
  270. <p class="card-title d-flex">
  271. <span>12</span>
  272. <i class="glyphicon glyphicon-cog"></i>
  273. </p>
  274.  
  275. <p class="card-description">En producción</p>
  276. </div>
  277.  
  278. <div class="col-md-3 mx-1 card app-grey">
  279. <p class="card-title d-flex">
  280. <span>3</span>
  281. <i class="glyphicon glyphicon-arrow-right"></i>
  282. </p>
  283.  
  284. <p class="card-description">Próximos a pasar a producción</p>
  285. </div>
  286. </div>
  287. </div>
  288.  
  289. <div class="col-md-4">
  290. <div class="row">
  291. <div class="col-md-12">
  292. <div class="button d-flex full-center">Hacer Pedido</div>
  293. <div class="button d-flex full-center">Cotizar</div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300.  
  301. <div class="row">
  302.  
  303. <div class="col-md-8">
  304. <div class="row mt-2">
  305. <div class="col-md-12 card-container shadow">
  306. <div class="card-header app-blue title">Mis Pedidos Confirmados</div>
  307. <div class="card-body">
  308. <table class="table table-responsive">
  309. <thead>
  310. <tr>
  311. <th>Código</th>
  312. <th>Cliente</th>
  313. <th>Tipo de Entrega</th>
  314. <th>Fecha de Creación</th>
  315. <th>Fecha de Entrega</th>
  316. <th>Costo Final</th>
  317. <th>Precio de Venta</th>
  318. <th></th>
  319. </tr>
  320. </thead>
  321.  
  322. <tbody>
  323. <tr>
  324. <td>19672</td>
  325. <td>Seventeen SRL</td>
  326. <td>Retira</td>
  327. <td>08/01/2020</td>
  328. <td>14/01/2020</td>
  329. <td>$40,728.60</td>
  330. <td>$40,728.60</td>
  331. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  332. </tr>
  333. <tr>
  334. <td>19672</td>
  335. <td>Seventeen SRL</td>
  336. <td>Retira</td>
  337. <td>08/01/2020</td>
  338. <td>14/01/2020</td>
  339. <td>$40,728.60</td>
  340. <td>$40,728.60</td>
  341. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  342. </tr>
  343. <tr>
  344. <td>19672</td>
  345. <td>Seventeen SRL</td>
  346. <td>Retira</td>
  347. <td>08/01/2020</td>
  348. <td>14/01/2020</td>
  349. <td>$40,728.60</td>
  350. <td>$40,728.60</td>
  351. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  352. </tr>
  353. <tr>
  354. <td>19672</td>
  355. <td>Seventeen SRL</td>
  356. <td>Retira</td>
  357. <td>08/01/2020</td>
  358. <td>14/01/2020</td>
  359. <td>$40,728.60</td>
  360. <td>$40,728.60</td>
  361. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  362. </tr>
  363. </tbody>
  364.  
  365. </table>
  366. </div>
  367. </div>
  368. </div>
  369.  
  370. <div class="row mt-2">
  371. <div class="col-md-12 card-container shadow">
  372. <div class="card-header app-green title">Ultimas Cotizaciones</div>
  373. <div class="card-body">
  374. <table class="table table-responsive">
  375. <thead>
  376. <tr>
  377. <th>Código</th>
  378. <th>Cliente</th>
  379. <th>Tipo de Entrega</th>
  380. <th>Fecha de Creación</th>
  381. <th>Fecha de Entrega</th>
  382. <th>Costo Final</th>
  383. <th>Precio de Venta</th>
  384. <th></th>
  385. </tr>
  386. </thead>
  387.  
  388. <tbody>
  389. <tr>
  390. <td>19672</td>
  391. <td>Seventeen SRL</td>
  392. <td>Retira</td>
  393. <td>08/01/2020</td>
  394. <td>14/01/2020</td>
  395. <td>$40,728.60</td>
  396. <td>$40,728.60</td>
  397. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  398. </tr>
  399. <tr>
  400. <td>19672</td>
  401. <td>Seventeen SRL</td>
  402. <td>Retira</td>
  403. <td>08/01/2020</td>
  404. <td>14/01/2020</td>
  405. <td>$40,728.60</td>
  406. <td>$40,728.60</td>
  407. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  408. </tr>
  409. <tr>
  410. <td>19672</td>
  411. <td>Seventeen SRL</td>
  412. <td>Retira</td>
  413. <td>08/01/2020</td>
  414. <td>14/01/2020</td>
  415. <td>$40,728.60</td>
  416. <td>$40,728.60</td>
  417. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  418. </tr>
  419. <tr>
  420. <td>19672</td>
  421. <td>Seventeen SRL</td>
  422. <td>Retira</td>
  423. <td>08/01/2020</td>
  424. <td>14/01/2020</td>
  425. <td>$40,728.60</td>
  426. <td>$40,728.60</td>
  427. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  428. </tr>
  429. <tr>
  430. <td>19672</td>
  431. <td>Seventeen SRL</td>
  432. <td>Retira</td>
  433. <td>08/01/2020</td>
  434. <td>14/01/2020</td>
  435. <td>$40,728.60</td>
  436. <td>$40,728.60</td>
  437. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  438. </tr>
  439. <tr>
  440. <td>19672</td>
  441. <td>Seventeen SRL</td>
  442. <td>Retira</td>
  443. <td>08/01/2020</td>
  444. <td>14/01/2020</td>
  445. <td>$40,728.60</td>
  446. <td>$40,728.60</td>
  447. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  448. </tr>
  449. <tr>
  450. <td>19672</td>
  451. <td>Seventeen SRL</td>
  452. <td>Retira</td>
  453. <td>08/01/2020</td>
  454. <td>14/01/2020</td>
  455. <td>$40,728.60</td>
  456. <td>$40,728.60</td>
  457. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  458. </tr>
  459. <tr>
  460. <td>19672</td>
  461. <td>Seventeen SRL</td>
  462. <td>Retira</td>
  463. <td>08/01/2020</td>
  464. <td>14/01/2020</td>
  465. <td>$40,728.60</td>
  466. <td>$40,728.60</td>
  467. <td><i class="glyphicon glyphicon-eye-open icon"></i></td>
  468. </tr>
  469. </tbody>
  470.  
  471. </table>
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476.  
  477. <div class="col-md-4">
  478. <div class="row mt-2">
  479. <div class="col-md-12 card-container shadow">
  480. <div class="card-header app-yellow title">Ultimas Novedades</div>
  481.  
  482. <div class="news active">
  483. <div class="news-header">
  484. <span class="header-title">Promocion imperdible</span>
  485. <span class="time">25 min</span>
  486. </div>
  487.  
  488. <div class="news-body">
  489. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  490. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  491. </div>
  492.  
  493. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  494. </div>
  495.  
  496. <div class="news">
  497. <div class="news-header">
  498. <span class="header-title">Promocion imperdible</span>
  499. <span class="time">25 min</span>
  500. </div>
  501.  
  502. <div class="news-body">
  503. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  504. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  505. </div>
  506.  
  507. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  508. </div>
  509.  
  510. <div class="news">
  511. <div class="news-header">
  512. <span class="header-title">Promocion imperdible</span>
  513. <span class="time">25 min</span>
  514. </div>
  515.  
  516. <div class="news-body">
  517. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  518. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  519. </div>
  520.  
  521. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  522. </div>
  523.  
  524. <div class="news">
  525. <div class="news-header">
  526. <span class="header-title">Promocion imperdible</span>
  527. <span class="time">25 min</span>
  528. </div>
  529.  
  530. <div class="news-body">
  531. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  532. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  533. </div>
  534.  
  535. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  536. </div>
  537.  
  538. <div class="news">
  539. <div class="news-header">
  540. <span class="header-title">Promocion imperdible</span>
  541. <span class="time">25 min</span>
  542. </div>
  543.  
  544. <div class="news-body">
  545. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  546. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  547. </div>
  548.  
  549. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  550. </div>
  551.  
  552. <div class="news">
  553. <div class="news-header">
  554. <span class="header-title">Promocion imperdible</span>
  555. <span class="time">25 min</span>
  556. </div>
  557.  
  558. <div class="news-body">
  559. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  560. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  561. </div>
  562.  
  563. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  564. </div>
  565.  
  566. <div class="news">
  567. <div class="news-header">
  568. <span class="header-title">Promocion imperdible</span>
  569. <span class="time">25 min</span>
  570. </div>
  571.  
  572. <div class="news-body">
  573. Recordá que desde el lunes 3 de Febrero entra en vigencia la promoción del 15% sobre
  574. cortinas de bandas verticales con telas Ibiza, Sunscreen y Valencia.
  575. </div>
  576.  
  577. <div class="news-footer">Oferta válida hasta el 31 de Marzo de 2020</div>
  578. </div>
  579.  
  580. </div>
  581. </div>
  582. </div>
  583. </div>
  584. </section>
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!