%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/tjamichg/portal.tjamich.gob.mx/Igualdad-de-GeneroNEW/
Upload File :
Create Path :
Current File : /home/tjamichg/portal.tjamich.gob.mx/Igualdad-de-GeneroNEW/contenido.php

<?php 
require("conn.php");
$error = "";
?>

<div class="container">
	<!-- Nuevo carrusel de imagenes -->
    <section class="section-banner section-md section-fluid bg-default">
        <div class="carrusel">
                <ul class="slides">
                  <input type="radio" name="radio-buttons" id="img-1" checked />
                  <li class="slide-container">
                    <div class="slide-image">
                      <img src="imgs/acs_img_2.png">
                    </div>
                    <div class="slide-text">
                      <p class="text-slider-left">Centro de Mecanismos Alternativos de la Solución de Controversias.</p>
                    </div>
                  </li>
                  <input type="radio" name="radio-buttons" id="img-2" />
                  <li class="slide-container">
                    <div class="slide-image">
                      <img src="imgs/acs_img_1.png">
                    </div>
                    <div class="slide-text">
                      <p class="text-slider-left">Resolviendo conflictos de forma pacífica y eficiente.</p>
                    </div>
                  </li>
                  <input type="radio" name="radio-buttons" id="img-3" />
                  <li class="slide-container">
                    <div class="slide-image">
                      <img src="imgs/acs_img_3.png">
                    </div>
                    <div class="slide-text">
                      <p class="text-slider-left">Solucionar con diálogo, decidir con justicia.</p>
                    </div>
                  </li>
                  <div class="carousel-dots">
                    <label for="img-1" class="carousel-dot" id="img-dot-1"></label>
                    <label for="img-2" class="carousel-dot" id="img-dot-2"></label>
                    <label for="img-3" class="carousel-dot" id="img-dot-3"></label>
                  </div>
                </ul>
              </div>
    </section>
    
    
    
    <!-- SECCIÓN - TRAMITES Y SERVICIOS-->
    <section class="section section-md section-fluid bg-default">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
        <link rel="stylesheet" href="css/styles.css"> 
        <!-- Archivo CSS externo -->
        <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
      </head>
      <br>

      <body>

        <div class="container-tramites">
          <!-- Buscador -->
          <div class="search-container">
            <input type="text" placeholder="Buscar trámites y servicios...">
          </div>

          <!-- Tarjetas -->
          <div class="grid-container">
            <div class="card-tramites">
              <i class="i-tra fas fa-address-book"></i>
              <h2>Directorio</h2>
              <p>Oficial</p>
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-sitemap"></i>
              <h2>Organigrama</h2>
              <p>oficial</p>
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-shield-alt"></i>
              <h2>Seguridad</h2>
              <p>Víal</p>
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-info-circle"></i>
              <h2>Información</h2>
              <p>oficial</p>
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-info-circle"></i>
              <h2>Convocatorias</h2>
              <p>abiertas</p>
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-file-alt"></i>
              <h2>Trámites</h2>
              <p>y servicios</p>
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-check"></i>
              <h2>Transparencia</h2>
              
            </div>
            <div class="card-tramites">
              <i class="i-tra fas fa-envelope"></i>
              <h2>Buzón Ciudadano</h2>
              
            </div>
          </div>
        </div>
    </section>
</div>

Zerion Mini Shell 1.0