<commit_before><!DOCTYPE html>
  <html lang="es">
    <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Poncho</title>
  <meta name="description" content="Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina.">
  <meta name="author" content="Presidencia de la Nación">
  <link rel="shortcut icon" href="/poncho/favicon.ico">

  <!-- Nav and address bar color -->
  <meta name="theme-color" content="#0072b8">
  <meta name="msapplication-navbutton-color" content="#0072b8">
  <meta name="apple-mobile-web-app-status-bar-style" content="#0072b8">

  <meta property="og:url" content="/poncho/docs/" />
  <meta property="og:type" content="article" />
  <meta property="og:title" content="Poncho" />
  <meta property="og:description" content="Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina." />
  <meta property="og:image" content="/ejemplos/img/jumbotron.jpg" />
  <meta property="og:locale" content="es_AR" />

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Poncho" />
  <meta name="twitter:description" content="Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina." />
  <meta name="twitter:image" content="/ejemplos/img/jumbotron.jpg" />

  <link href="/poncho/css/roboto-fontface.css" rel="stylesheet">
  <link href="/poncho/css/bootstrap.css" rel="stylesheet">
  <link href="/poncho/css/droid-serif.css" rel="stylesheet">
  <link href="/poncho/css/font-awesome.min.css" rel="stylesheet">
  <link href="/poncho/css/docs.css" rel="stylesheet">
  <link href="/poncho/css/prism.css" rel="stylesheet">
  <link href="/poncho/css/poncho.css" rel="stylesheet">
</head>

  <body data-spy="scroll" data-target="#navbar-docs">

    <header>
  <nav class="navbar navbar-top navbar-default" role="navigation">
    <div class="container">
      <div>
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/poncho/">
            <!-- <img alt="Brand" src="/ponchoimg/argentinagob.svg" height="50"> -->
            <h1>Poncho <br><small>Base de estilos para web</small></h1>
          </a>
        </div>
        <div class="collapse navbar-collapse" id="main-navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#">Documentación</a>
            </li>

            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Ejemplos <b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="../ejemplos/pagina.html">Página</a></li>
                <li><a href="../ejemplos/pagina-area.html">Página-area</a></li>
                <li><a class="verMas right" href="../ejemplos/pagina-navegacion.html">Página-navegación</a></li>
                <li><a class="verMas right" href="../ejemplos/noticia.html">Noticia</a></li>
              </ul>
            </li>

          </ul>
        </div>

        <!-- SEARCH FORM -->
        <div id="search_wrapper" class="col-sm-6 col-sm-offset-3">
          <span class="bg-primary">en: Modernización</span>
          <div class="input-group stylish-input-group">
              <input type="text" class="form-control"  placeholder="Buscar trámites, servicios o áreas" >
              <span class="input-group-addon">
                  <button type="submit">
                      <span class="glyphicon glyphicon-search"></span>
                  </button>
              </span>
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>

    <main id="docs" role="main">
      <div class="container">
  <div class="row">
    <div class="col-sm-6">
      <ol class="breadcrumb">
        <li><a href="../">Poncho</a></li>
        <li class="active">Documentación</li>
      </ol>
    </div>
  </div>
</div>

<section>
  <div class="container">
    <div class="row">
      <aside class="page-sidebar col-md-3">
          <nav>
            <ul id="navbar-docs" class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="4" role="tablist">
              <li class="btn-title">
                <a href="#estilos">Estilos</a>
                <ul class="nav">
                  <li><a href="#tipografia">Tipografía</a></li>
                  <li><a href="#encabezado-pagina">Encabezado Página</a></li>
                  <li><a href="#cuerpo">Cuerpo</a></li>
                  <li><a href="#enfasis">Énfasis</a></li>
                  <li><a href="#cita">Cita</a></li>
                  <li><a href="#listas">Listas</a></li>
                  <li><a href="#tablas">Tablas</a></li>
                  <li><a href="#formularios">Formulario</a></li>
                  <li><a href="#botones">Botones</a></li>
                  <li><a href="#imagenes">Imágenes</a></li>
                  <li><a href="#clases-auxiliares">Clases auxiliares</a></li>
                </ul>
              </li>
              <li class="btn-title">
                <a href="#components">Componentes</a>
                <ul class="nav">
                  <li><a href="#boton-con-desplegable">Botón con desplegable</a></li>
                  <li><a href="#grupo-de-botones">Grupo de botones</a></li>
                  <li><a href="#navbar">Navbar</a></li>
                  <li><a href="#breadcrumb">Breadcrumb</a></li>
                  <li><a href="#pagination">Paginación</a></li>
                  <li><a href="#labels">Etiquetas</a></li>
                  <li><a href="#badges">Etiquetas Numeradas</a></li>
                  <li><a href="#alertas">Alertas</a></li>
                  <li><a href="#alertas-con-icono">Alertas Con Íconos</a></li>
                  <li><a href="#background-color">Colores de Fondo</a></li>
                </ul>
              </li>
              <li class="btn-title">
                <a href="#javascript">Javascript</a>
                <ul class="nav">
                  <li><a href="#modal">Modal</a></li>
                  <li><a href="#ayuda-sobre-elementos">Nota de Ayuda Sobre Elementos</a></li>
                  <li><a href="#info-contextual">Información Contextual</a></li>
                </ul>
              </li>
            </ul>
          </nav>


      </aside>
      <div class="col-md-9">
        <div class="row">
          <div class="col-md-12">
            <div id="estilos">
              <h3 id="tipografia">Tipografía</h3>
              <br>
              <h4>Encabezado</h4>
              <h1>h1. Texto referencia <small>40 px | 2.5 em</small></h1>
              <h2>h2. Texto referencia <small>36 px | 2.285714 em</small></h2>
              <h3>h3. Texto referencia <small>32 pts | 2 em </small></h3>
              <h4>h4. Texto referencia <small>27 pts | 1.714285 em</small></h4><commit_msg> se añade referencia a la seccion panel en el menu<commit_after><!DOCTYPE html>
  <html lang="es">
    <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Poncho</title>
  <meta name="description" content="Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina.">
  <meta name="author" content="Presidencia de la Nación">
  <link rel="shortcut icon" href="/poncho/favicon.ico">

  <!-- Nav and address bar color -->
  <meta name="theme-color" content="#0072b8">
  <meta name="msapplication-navbutton-color" content="#0072b8">
  <meta name="apple-mobile-web-app-status-bar-style" content="#0072b8">

  <meta property="og:url" content="/poncho/docs/" />
  <meta property="og:type" content="article" />
  <meta property="og:title" content="Poncho" />
  <meta property="og:description" content="Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina." />
  <meta property="og:image" content="/ejemplos/img/jumbotron.jpg" />
  <meta property="og:locale" content="es_AR" />

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Poncho" />
  <meta name="twitter:description" content="Base de html y css para la creación de sitios pertenecientes a la Administración Pública Nacional de la República Argentina." />
  <meta name="twitter:image" content="/ejemplos/img/jumbotron.jpg" />

  <link href="/poncho/css/roboto-fontface.css" rel="stylesheet">
  <link href="/poncho/css/bootstrap.css" rel="stylesheet">
  <link href="/poncho/css/droid-serif.css" rel="stylesheet">
  <link href="/poncho/css/font-awesome.min.css" rel="stylesheet">
  <link href="/poncho/css/docs.css" rel="stylesheet">
  <link href="/poncho/css/prism.css" rel="stylesheet">
  <link href="/poncho/css/poncho.css" rel="stylesheet">
</head>

  <body data-spy="scroll" data-target="#navbar-docs">

    <header>
  <nav class="navbar navbar-top navbar-default" role="navigation">
    <div class="container">
      <div>
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/poncho/">
            <!-- <img alt="Brand" src="/ponchoimg/argentinagob.svg" height="50"> -->
            <h1>Poncho <br><small>Base de estilos para web</small></h1>
          </a>
        </div>
        <div class="collapse navbar-collapse" id="main-navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#">Documentación</a>
            </li>

            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Ejemplos <b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="../ejemplos/pagina.html">Página</a></li>
                <li><a href="../ejemplos/pagina-area.html">Página-area</a></li>
                <li><a class="verMas right" href="../ejemplos/pagina-navegacion.html">Página-navegación</a></li>
                <li><a class="verMas right" href="../ejemplos/noticia.html">Noticia</a></li>
              </ul>
            </li>

          </ul>
        </div>

        <!-- SEARCH FORM -->
        <div id="search_wrapper" class="col-sm-6 col-sm-offset-3">
          <span class="bg-primary">en: Modernización</span>
          <div class="input-group stylish-input-group">
              <input type="text" class="form-control"  placeholder="Buscar trámites, servicios o áreas" >
              <span class="input-group-addon">
                  <button type="submit">
                      <span class="glyphicon glyphicon-search"></span>
                  </button>
              </span>
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>

    <main id="docs" role="main">
      <div class="container">
  <div class="row">
    <div class="col-sm-6">
      <ol class="breadcrumb">
        <li><a href="../">Poncho</a></li>
        <li class="active">Documentación</li>
      </ol>
    </div>
  </div>
</div>

<section>
  <div class="container">
    <div class="row">
      <aside class="page-sidebar col-md-3">
          <nav>
            <ul id="navbar-docs" class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="4" role="tablist">
              <li class="btn-title">
                <a href="#estilos">Estilos</a>
                <ul class="nav">
                  <li><a href="#tipografia">Tipografía</a></li>
                  <li><a href="#encabezado-pagina">Encabezado Página</a></li>
                  <li><a href="#cuerpo">Cuerpo</a></li>
                  <li><a href="#enfasis">Énfasis</a></li>
                  <li><a href="#cita">Cita</a></li>
                  <li><a href="#listas">Listas</a></li>
                  <li><a href="#tablas">Tablas</a></li>
                  <li><a href="#formularios">Formulario</a></li>
                  <li><a href="#botones">Botones</a></li>
                  <li><a href="#imagenes">Imágenes</a></li>
                  <li><a href="#clases-auxiliares">Clases auxiliares</a></li>
                </ul>
              </li>
              <li class="btn-title">
                <a href="#components">Componentes</a>
                <ul class="nav">
                  <li><a href="#boton-con-desplegable">Botón con desplegable</a></li>
                  <li><a href="#grupo-de-botones">Grupo de botones</a></li>
                  <li><a href="#navbar">Navbar</a></li>
                  <li><a href="#breadcrumb">Breadcrumb</a></li>
                  <li><a href="#pagination">Paginación</a></li>
                  <li><a href="#panel">Panel</a></li>
                  <li><a href="#labels">Etiquetas</a></li>
                  <li><a href="#badges">Etiquetas Numeradas</a></li>
                  <li><a href="#alertas">Alertas</a></li>
                  <li><a href="#alertas-con-icono">Alertas Con Íconos</a></li>
                  <li><a href="#background-color">Colores de Fondo</a></li>
                </ul>
              </li>
              <li class="btn-title">
                <a href="#javascript">Javascript</a>
                <ul class="nav">
                  <li><a href="#modal">Modal</a></li>
                  <li><a href="#ayuda-sobre-elementos">Nota de Ayuda Sobre Elementos</a></li>
                  <li><a href="#info-contextual">Información Contextual</a></li>
                </ul>
              </li>
            </ul>
          </nav>


      </aside>
      <div class="col-md-9">
        <div class="row">
          <div class="col-md-12">
            <div id="estilos">
              <h3 id="tipografia">Tipografía</h3>
              <br>
              <h4>Encabezado</h4>
              <h1>h1. Texto referencia <small>40 px | 2.5 em</small></h1>
              <h2>h2. Texto referencia <small>36 px | 2.285714 em</small></h2>
              <h3>h3. Texto referencia <small>32 pts | 2 em </small></h3>
              <h4>h4. Texto referencia <small>27 pts | 1.714285 em</small></h4>
{'fraction_non_alphanumeric': 0.18632027603003856, 'fraction_numerical': 0.00947161897029971, 'mean_word_length': 2.242377714411055, 'pattern_counts': {'":': 0, '<': 551, '<?xml version=': 0, '>': 551, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4470941', 'n_tokens_mistral': 4893, 'n_tokens_neox': 4737, 'n_words': 889}