templates/ipa/botones_pua.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="screen">
  5.         
  6.         <style>
  8.             .button {
  9.               border-radius: 8px;
  10.               background-color: #00ac7c;
  11.               border: none;
  12.               color: #FFFFFF;
  13.               /*text-align: center;*/
  14.               font-size: 28px;
  15.               padding: 20px;
  16.               width: 253px; /*253*/
  17.               transition: all 0.5s;
  18.               cursor: pointer;
  19.               /*margin: 5px;*/
  20.             }
  22.             .button span {
  23.               cursor: pointer;
  24.               display: inline-block;
  25.               position: relative;
  26.               transition: 0.5s;
  27.             }
  29.             .button span:after {
  30.               content: '\00bb';
  31.               position: absolute;
  32.               opacity: 0;
  33.               top: 0;
  34.               right: -20px;
  35.               transition: 0.5s;
  36.             }
  38.             .button:hover span {
  39.               padding-right: 25px;
  40.             }
  42.             .button:hover span:after {
  43.               opacity: 1;
  44.               right: 0;
  45.             }
  46.         </style>
  47.     </head>
  48.     <body>
  50.         <div class="container-fluid">
  51.             
  52.             <div class="row">
  54.                 <div class="col-xs-12 col-md-4">
  56.                     <a href="http://institutodelagua.chubut.gov.ar/es/40/procedimiento">
  58.                         <button class="button">
  60.                             <h3 class="glyphicon glyphicon-align-left" aria-hidden="true"></h3>
  62.                             <br>
  64.                             <span>Procedimiento</span> 
  65.                             
  66.                         </button>                    
  67.                     </a>
  68.                 </div>
  70.                 <div class="col-xs-12 col-md-4">
  72.                     <a href="http://institutodelagua.chubut.gov.ar/es/55/documentacion-necesaria">
  73.                         <button class="button">
  75.                             <h3 class="glyphicon glyphicon-paperclip" aria-hidden="true"></h3>
  77.                             <span>Documentacion Necesaria</span> 
  79.                         </button>
  80.                     </a>
  81.                 </div>
  83.                  <!--<div class="col-xs-12 col-md-4">
  85.                     <a href="http://institutodelagua.chubut.gov.ar/es/56/preguntas-frecuentes">
  86.                         <button class="button">
  88.                             <h3 class="glyphicon glyphicon-question-sign" aria-hidden="true"></h3>
  90.                             <span>Preguntas Frecuentes</span> 
  92.                         </button>
  93.                     </a>
  94.                 </div> -->
  95.            </div>
  96.         </div>
  97.     </body>
  98. </html>