PageSourceSearch

https://www.ugelsanpablo.gob.pe/

html ugelsanpablo.gob.pe collected 2026-10-08 22:09:30 UTC 126,122 bytes, 3,476 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="es">
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <meta name="description" content="">
9    <meta name="author" content="">
10    <title>
11        Unidad de Gestión Educativa Local San Pablo
12    </title>
13    
14    <meta property="og:url" content="https://www.ugelsanpablo.gob.pe"/>
15    <meta property="og:type" content="website"/>
16    <meta property="og:site_name" content="Unidad de Gestión Educativa Local San Pablo"/>
17    <meta property="og:title" content="Portal Web Unidad de Gestión Educativa Local San Pablo"/>
18    <meta property="og:description" content="Gobernador Regional: Roger Guevara Rodríguez"/>
19
20    
21<!-- Favicon icon -->
22
23<link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicon/apple-touch-icon.png">
24<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicon/favicon-32x32.png">
25<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicon/favicon-16x16.png">
26<link rel="manifest" href="/static/images/favicon/site.webmanifest">
27<link rel="mask-icon" href="/static/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
28<meta name="msapplication-TileColor" content="white">
29<meta name="theme-color" content="#C40D22">
30
31<!-- Bootstrap Core CSS -->
32<link href="/static/plugins/bootstrap/css/bootstrap.css" rel='stylesheet'>
33<link href="/static/plugins/toast-master/css/jquery.toast.css" rel='stylesheet'>
34<link href="/static/plugins/sweetalert/sweetalert.css" rel='stylesheet'>
35<link href="/static/plugins/Magnific-Popup-master/dist2/magnific-popup.css" rel='stylesheet'>
36<link href="/static/plugins/toast-master/css/jquery.toast.css" rel='stylesheet'>
37<link href="/static/plugins/select2/dist/css/select2.min.css" rel='stylesheet'>
38<link href="/static/plugins/owlcarousel/assets/owl.carousel.min.css" rel='stylesheet'>
39<link href="/static/css2/hover-min.css" rel='stylesheet'>
40<link href="/static/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css" rel='stylesheet'>
41<link href="/static/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css" rel='stylesheet'>
42<link href="/static/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css" rel='stylesheet'>
43
44<link href="/static/js2/fullcalendar/core/main.min.css" rel='stylesheet'>
45<link href="/static/js2/fullcalendar/bootstrap/main.min.css" rel='stylesheet'>
46<link href="/static/js2/fullcalendar/daygrid/main.min.css" rel='stylesheet'>
47<link href="/static/js2/fullcalendar/timegrid/main.min.css" rel='stylesheet'>
48
49
50<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,300' rel='stylesheet'
51      type='text/css'>
52<link href='/static/js2/leaflet/leaflet.css' rel='stylesheet' type='text/css'>
53
54<link href='/static/js2/leaflet/plugins/fullscreen/Control.FullScreen.css' rel='stylesheet' type='text/css'>
55
56
57
58
59<!-- Custom CSS -->
60<link href="/static/portal/css/stylered.css" rel='stylesheet'>
61
62<link href="/static/css/colors/red.css" id='theme' rel='stylesheet'>
63
64<link href="/static/plugins/owlcarousel/assets/owl.theme.default.css" rel='stylesheet'>
65
66<link href="/static/portal/css/estilogrc23.css?20250702" id='theme' rel='stylesheet'>
67    
68
69<script type="text/javascript" src="/static/plugins/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 69
69
70<script type="text/javascript" src="/static/plugins/popper/popper.min.js"></script>
vendor: 1 bytes, line 70
70
71<script type="text/javascript" src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 71
71
72<script type="text/javascript" src="/static/js/jquery.slimscroll.js"></script>
72
73<!--Wave Effects -->
74<script type="text/javascript" src="/static/js/waves.js"></script>
vendor: 1 bytes, line 74
74
75<script type="text/javascript" src="/static/js/sidebarmenu.js"></script>
75
76<!--stickey kit -->
77<script type="text/javascript" src="/static/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
vendor: 1 bytes, line 77
77
78<script type="text/javascript" src="/static/plugins/sparkline/jquery.sparkline.min.js"></script>
78
79
80<script src="/static/plugins/select2/dist/js/select2.full.min.js"></script>
vendor: 1 bytes, line 80
80
81<script src="/static/plugins/select2/dist/js/i18n/en.js"></script>
vendor: 1 bytes, line 81
81
82<script src="/static/plugins/toast-master/js/jquery.toast.js"></script>
vendor: 1 bytes, line 82
82
83<script src="/static/js2/django_select2.js"></script>
vendor: 1 bytes, line 83
83
84<script src="/static/js2/jquery.twbsPagination.js"></script>
vendor: 1 bytes, line 84
84
85<script src="/static/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
vendor: 1 bytes, line 85
85
86<script src="/static/plugins/bootstrap-datepicker/i18n/bootstrap-datepicker.es.min.js"></script>
vendor: 1 bytes, line 86
86
87<script src="/static/plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js"></script>
87
88
89<script type="text/javascript" src="/static/plugins/owlcarousel/owl.carousel.min.js"></script>
vendor: 1 bytes, line 89
89
90<script src="/static/js2/jquery.form.min.js"></script>
vendor: 1 bytes, line 90
90
91<script src="/static/js2/orgchart.js"></script>
vendor: 1 bytes, line 91
91
92<script src="/static/plugins/blockUI/jquery.blockUI.js"></script>
92
93
94<script src="/static/js2/fullcalendar/core/main.min.js"></script>
vendor: 1 bytes, line 94
94
95<script src="/static/js2/fullcalendar/interaction/main.min.js"></script>
vendor: 1 bytes, line 95
95
96<script src="/static/js2/fullcalendar/daygrid/main.min.js"></script>
vendor: 1 bytes, line 96
96
97<script src="/static/js2/fullcalendar/timegrid/main.min.js"></script>
vendor: 1 bytes, line 97
97
98<script src="/static/js2/fullcalendar/core/locales-all.min.js"></script>
vendor: 1 bytes, line 98
98
99<script src="/static/js2/fullcalendar/bootstrap/main.min.js"></script>
99
100
101
102
103<script src="/static/js2/leaflet/leaflet.js"></script>
vendor: 1 bytes, line 103
103
104<script src="/static/js2/leaflet/plugins/label/leaflet.label.js"></script>
104
105
106<script src="/static/js2/leaflet/plugins/fullscreen/Control.FullScreen.js"></script>
106
107
108
109
110<script>
111    ACCESS_TOKEN = '';
112    MB_ATTR = 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +
113        '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
114        'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>';
115    MB_URL = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=' + ACCESS_TOKEN;
116    OSM_URL = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
117    OSM_ATTRIB = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors';
118</script>
118
119
120<!--Custom JavaScript -->
121<script type="text/javascript" src="/static/portal/js/custom.js"></script>
121
122<!-- ============================================================== -->
123<!-- This page plugins -->
124<!--c3 JavaScript -->
125<script type="text/javascript" src="/static/plugins/d3/d3.min.js"></script>
vendor: 1 bytes, line 125
125
126<script type="text/javascript" src="/static/plugins/c3-master/c3.min.js"></script>
126
127
128<script type="text/javascript"
129        src="/static/plugins/Magnific-Popup-master/dist2/jquery.magnific-popup.min.js"></script>
vendor: 1 bytes, line 129
129
130<script type="text/javascript"
131        src="/static/plugins/Magnific-Popup-master/dist/jquery.magnific-popup-init.js"></script>
131
132
133<script type="text/javascript" src="/static/js2/scrollreveal.min.js"></script>
133
134
135<script type="text/javascript">
136    $(function () {
137        "use strict";
138        // ==============================================================
139        //tooltip
140        // ==============================================================
141        $(function () {
142            $('[data-toggle="tooltip"]').tooltip({trigger: "hover"})
143        });
144        // ==============================================================
145        //Popover
146        // ==============================================================
147        $(function () {
148            $('[data-toggle="popover"]').popover()
149        });
150        // ==============================================================
151        // Slimscrollbars
152        // ==============================================================
153        if (!isMobile()) {
154            $(function () {
155                var altopag = $('body').css("height");
156                $('#main-wrapper').slimScroll({
157                    position: 'right',
158                    size: "8px",
159                    height: "100vh",
160                    width: "100%",
161                    color: 'black',
162                    allowPageScroll: true,
163                    alwaysVisible: true,
164                    wheelStep: 5,
165                    touchScrollStep: 50,
166                    zIndex: 1000
167                });
168                $('#main-wrapper').slimScroll("update");
169             });
170        } else {
171            $("body").removeClass("overflow-hidden");
172        }
173
174
175        // Resize all elements
176        // ==============================================================
177        $("body").trigger("resize");
178
179
180        var prevScrollpos = $("#main-wrapper").scrollTop();
181        $("#main-wrapper").on("scroll", function () {
182            var currentScrollPos = $("#main-wrapper").scrollTop();
183            if (prevScrollpos > currentScrollPos) {
184                $(".left-sidebar").css("top", "0");
185            } else {
186                $(".left-sidebar").css("top", "-125px");
187            }
188            prevScrollpos = currentScrollPos;
189        });
190
191    });
192
193    function isMobile() {
194        try {
195            document.createEvent("TouchEvent");
196            return true;
197        } catch (e) {
198            return false;
199        }
200    }
201
202</script>
202
203
204<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
205<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
206<!--[if lt IE 9]>
207    
207<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
207
208    
208<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
208
209    <![endif]-->
210
211
212
213
214
215
216
217<div id="modalMasterPortal" class="modal fade" data-keyboard="false" data-backdrop="static" role="dialog">
218    <div class="modal-dialog modal-md" role="document">
219        <div class="modal-content">
220        </div>
221    </div>
222</div>
223
224<script type="text/javascript">
225    //
226    $("#modalMasterPortal").on('show.bs.modal', function (e) {
227        if (e.target.id == 'modalMasterPortal' && e.relatedTarget) {
228            $(this).find(".modal-content").html(
229                $("#maestra_capa_cargando").html()
230            );
231            $(this).find('.modal-content').load(e.relatedTarget.getAttribute("href"));
232        }
233    }).on('shown.bs.modal', function (e) {
234        $.unblockUI();
235    }).on('hidden.bs.modal', function (e) {
236        $(this).find(".modal-content").html("");
237    });
238    $('body').on('hidden.bs.modal', '.modal', function () {
239        $(this).removeData('bs.modal');
240    });
241</script>
241
242
243
244<script src="/static/js2/token.js"></script>
244
245<div id="maestra_capa_cargando" class="hide">
246    <div class="m-1 text-center">
247        <div><img src="/static/images/loader.gif" alt=""/></div>
248        <div class="font-10 mt-1">Cargando...</div>
249    </div>
250</div>
251<script type="text/javascript">
252    // ============== ABRIR IMAGEN AL CLICK ===================
253
254    $('.image-popup-no-margins').magnificPopup({
255        type: 'image',
256        closeOnContentClick: true,
257        closeBtnInside: false,
258        fixedContentPos: true,
259        mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
260        image: {
261            verticalFit: true
262        },
263        zoom: {
264            enabled: true,
265            duration: 300 // don't foget to change the duration also in CSS
266        }
267    });
268
269    (function ($) {
270        $.fn.videoPopup = function () {
271            $(this).magnificPopup({
272                disableOn: 700,
273                type: 'iframe',
274                mainClass: 'mfp-fade',
275                removalDelay: 160,
276                preloader: false,
277                fixedContentPos: false
278            });
279        };
280    })(jQuery);
281
282    $('.popup-youtube, .popup-vimeo, .popup-gmaps').videoPopup();
283
284    (function ($) {
285        $.fn.cargarPagina = function (url, funcpost, bloquear, mensaje, params) {
286            bloquear = bloquear || true;
287            mensaje = mensaje || "Cargando...";
288            mensaje = "<div class='font-11 m-1'>" + mensaje + "</div>";
289            if (bloquear) $(this).block({
290                message: mensaje, baseZ: 20, css: {
291                    width: "80%",
292                    borderRadius: "7px",
293                    border: '0',
294                }
295            });
296            $meCP = $(this);
297            params = params || {};
298            params["csrfmiddlewaretoken"] = csrftoken;
299            $.post(url, params, function (data) {
300                if ($meCP) $meCP.html(data);
301                if (funcpost) funcpost(data);
302            }).fail(function () {
303                $.toast({
304                    heading: "Error",
305                    text: "Error al cargar el contenido",
306                    icon: 'error',
307                    loader: true,
308                    position: 'top-right',
309                });
310            }).always(function () {
311                $meCP.unblock();
312            });
313            return this;
314        };
315
316        $.forEach = function (collection, callback, scope) {
317            if (Object.prototype.toString.call(collection) === '[object Object]') {
318                for (var prop in collection) {
319                    if (Object.prototype.hasOwnProperty.call(collection, prop
319)) {
320                        callback.call(scope, collection[prop], prop, collection);
321                    }
322                }
323            } else {
324                for (var i = 0, len = collection.length; i < len; i++) {
325                    callback.call(scope, collection[i], i, collection);
326                }
327            }
328        };
329
330        $.fn.serializeObject = function () {
331            let o = {};
332            let a = this.serializeArray();
333            $.each(a, function () {
334                if (o[this.name]) {
335                    if (!o[this.name].push) {
336                        o[this.name] = [o[this.name]];
337                    }
338                    o[this.name].push(this.value);
339                } else {
340                    o[this.name] = this.value;
341                }
342            });
343            return o;
344        };
345
346    })(jQuery);
347
348    Array.prototype.last = function () {
349        return this[this.length - 1];
350    };
351
352    window.chartColors = {
353        rojo: 'rgb(244, 67, 54)',
354        anaranjado: 'rgb(255, 87, 34)',
355        amarillo: 'rgb(255, 235, 59)',
356        verde: 'rgb(76, 175, 80)',
357        azul: 'rgb(33, 150, 243)',
358        morado: 'rgb(156, 39, 176)',
359        gris: 'rgb(158, 158, 158)'
360    };
361
362    function bloquearPantalla(mensaje, objeto, zIndex) {
363        zIndex = zIndex || 2000;
364        mensaje = "<div class='m-1'><div><img src='/static/images/loader.gif'" +
365            "alt=''/><div class='font-10 mt-1 mb-2'>" + mensaje +
366            "</div></div></div>";
367        if (objeto) {
368            objeto.block({
369                message: mensaje, baseZ: zIndex, css: {
370                    width: '80%',
371                    left: '10%',
372                    border: '0',
373                    borderRadius: '7px'
374                }
375            });
376        } else {
377            $.blockUI({
378                message: mensaje, baseZ: 2000, css: {
379                    width: '80%',
380                    left: '10%',
381                    border: '0',
382                    borderRadius: '7px'
383                }
384            });
385        }
386    }
387
388    function reload() {
389        document.location.reload(false);
390    }
391
392    function configAjaxForm(target, capaBlockUI, funcSuccess, funcError, dataType, funcPre, zIndex) {
393        zIndex = zIndex || 2000;
394        return {
395            target: target,
396            dataType: dataType || '',
397            beforeSubmit: function (pfields, pform) {
398                pfields.forEach(function (t) {
399                    campoE = pform.find("input[name=" + t.name + "]");
400                    if (campoE.hasClass("file-upload-crop")) {
401                        archivoE = eval(t.name + "_fileUP");
402                        if (archivoE) {
403                            const fd = new FormData();
404                            fd.set('a', archivoE, campoE.val().split("\\").pop());
405                            archivoE = fd.get('a');
406                            t.value = archivoE;
407                        }
408                    }
409                });
410                result = null;
411                if (funcPre) result = funcPre();
412                if (result === false) {
413                    return false;
414                } else {
415                    if (capaBlockUI !== undefined) bloquearPantalla('Procesando... Un momento por favor!!!', capaBlockUI, zIndex);
416                }
417            },
418            success: function (e) {
419                if (capaBlockUI !== undefined) {
420                    if (capaBlockUI) capaBlockUI.unblock();
421                    else $.unblockUI();
422                }
423                if (funcSuccess) {
424                    if (typeof funcSuccess == "string") eval(funcSuccess + "(e)");
425                    if (typeof funcSuccess == "function") funcSuccess(e);
426                }
427            },
428            error: function (e) {
429                if (capaBlockUI !== undefined) {
430                    if (capaBlockUI) capaBlockUI.unblock();
431                    else $.unblockUI();
432                }
433                if (funcError) {
434                    if (typeof funcError == "string") eval(funcError + "(e)");
435                    if (typeof funcError == "function") funcError(e);
436                }
437            }
438        }
439    }
440
441    function DescargarArchivo(ruta, dataAdicional) {
442        dataPost = {"csrfmiddlewaretoken": "mlmYib7vogsJ2ctY1yZxRGEQXBR4sSiNe0zv80EBO068aoXoZ57Y4EYOAegd6CWT"};
443        if (dataAdicional) {
444            dataPost = Object.assign({}, dataPost, dataAdicional);
445        }
446        //console.log(ruta);
447        //console.log(dataPost);
448        $.fileDownload(ruta, {
449            httpMethod: 'POST',
450            data: dataPost,
451            prepareCallback: function () {
452                bloquearPantalla("Descargando... Un momento por favor!!!");
453            },
454            successCallback: function (url) {
455                $.unblockUI();
456                $.toast({
457                    heading: "Correcto",
458                    text: "El archivo se descargó correctamente!!",
459                    icon: 'success',
460                    loader: true,
461                    position: 'top-right',
462                });
463            },
464            failCallback: function (html, url) {
465                $.unblockUI();
466                $.toast({
467                    heading: "Error",
468                    text: "Error al descargar el archivo",
469                    icon: 'error',
470                    loader: true,
471                    position: 'top-right',
472                });
473            }
474        });
475    }
476
477    function popupImagenes(obj) {
478        $(obj).magnificPopup({
479            type: 'image',
480            removalDelay: 500,
481            closeBtnInside: false,
482            image: {
483                markup: '<div class="card bg-primary px-2 mb-0">' +
484                    '<figure class="m-0">' +
485                    '<div class="mfp-img"></div>' +
486                    '</figure>' +
487                    '</div>'
488            },
489            closeOnContentClick: true,
490            midClick: true
491        });
492    }
493
494    function isMobile() {
495        try {
496            document.createEvent("TouchEvent");
497            return true;
498        } catch (e) {
499            return false;
500        }
501    }
502
503    function createModal(idModal, heading, formContent, ancho = "modal-md") {
504        idModal = idModal || "myModal";
505        html = '<div id="' + idModal + '" class="modal fade" data-keyboard="false" data-backdrop="static" role="dialog">';
506        html += '<div class="modal-dialog ' + ancho + '" role="document">';
507        html += '<div class="modal-content">';
508        html += '<div class="modal-header modal-header-success">';
509        html += '<h4 class="modal-title">' + heading + '</h4>';
510        html += '<button type="button" class="close" data-dismiss="modal" aria-label="Close">';
511        html += '<span aria-hidden="true">&times;</span>';
512        html += '</button>';
513        html += '</div>';
514        html += '<div class="modal-body">';
515        html += formContent;
516        html += '</div>';
517        html += '<div class="modal-footer">';
518        html += '<span class="btn btn-primary btn-sm btn-round waves-effect" data-dismiss="modal">Cerrar</span>';
519        html += '</div>';  // content
520        html += '</div>';  // dialog
521        html += '</div>';  // footer
522        html += '</div>';  // modalWindow
523        $('body').append(html);
524        $("#" + idModal).modal();
525        $("#" + idModal).modal('show');
526
527        $('#' + idModal).on('hidden.bs.modal', function (e) {
528            $(this).remove();
529        });
530
531    }
532
533    $("body").on("click", ".enlaceCopiar", function (e) {
534        e.preventDefault();
535        var $temp = $("<input>");
536        $("body").append($temp);
537        $temp.val($(this).attr("href")).select();
538        document.execCommand("copy");
539        $temp.remove();
540        $.toast({
541            heading: 'Correcto',
542            text: 'URL Copiada al Portapapeles',
543            position: 'top-right',
544            loaderBg: '#ff6849',
545            icon: 'success',
546            hideAfter: 2000,
547            stack: 6
548        });
549    });
550
551    function wrapTexto(texto, tamanio, salto) {
552        palabras = texto.split(" ");
553        parrafos = [];
554        contador = 0;
555        cadena = "";
556        espacio = "";
557        while (contador < palabras.length) {
558            if (contador > 0) espacio = " ";
559            if ((cadena + espacio + palabras[contador]).length >= tamanio || contador === palabras.length - 1) {
560                if (contador === palabras.length - 1) {
561                    if ((cadena + espacio + palabras[contador]).length >= tamanio) {
562                        parrafos.push(cadena);
563                        parrafos.push(palabras[contador]);
564                    } else {
565                        cadena += espacio + palabras[contador];
566                        parrafos.push(cadena);
567                    }
568                } else {
569                    parrafos.push(cadena);
570                    cadena = palabras[contador];
571                }
572            } else {
573                cadena += espacio + palabras[contador];
574            }
575            contador += 1;
576        }
577        return parrafos.join(salto);
578    }
579
580</script>
580
581    
582    
583</head>
584<body class="fix-header fix-sidebar card-no-border"> 
585<div class="preloader">
586    <svg class="circular" viewBox="25 25 50 50">
587        <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
588    </svg>
589</div>
590<div id="main-wrapper">
591    
592
593<style type="text/css">
594    .fondoEjecutora {
595        background: rgba(30, 126, 239, 1);
596        background: -moz-linear-gradient(left, rgba(30, 126, 239, 1) 0%, rgba(30, 126, 239, 1) 23.5%, rgba(32, 92, 240, 1) 23.5%, rgba(32, 92, 240, 1) 100%);
597        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30, 126, 239, 1)), color-stop(23.5%, rgba(30, 126, 239, 1)), color-stop(23.5%, rgba(32, 92, 240, 1)), color-stop(100%, rgba(32, 92, 240, 1)));
598        background: -webkit-linear-gradient(left, rgba(30, 126, 239, 1) 0%, rgba(30, 126, 239, 1) 23.5%, rgba(32, 92, 240, 1) 23.5%, rgba(32, 92, 240, 1) 100%);
599        background: -o-linear-gradient(left, rgba(30, 126, 239, 1) 0%, rgba(30, 126, 239, 1) 23.5%, rgba(32, 92, 240, 1) 23.5%, rgba(32, 92, 240, 1) 100%);
600        background: -ms-linear-gradient(left, rgba(30, 126, 239, 1) 0%, rgba(30, 126, 239, 1) 23.5%, rgba(32, 92, 240, 1) 23.5%, rgba(32, 92, 240, 1) 100%);
601        background: linear-gradient(to right, rgba(30, 126, 239, 1) 0%, rgba(30, 126, 239, 1) 23.5%, rgba(32, 92, 240, 1) 23.5%, rgba(32, 92, 240, 1) 100%);
602        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499cea', endColorstr='#0f9900', GradientType=1);
603    }
604</style>
605
606<header class="topbar w-100 position-fixed" style="background-color: #205cf0">
607    <nav class="navbar top-navbar navbar-expand-md navbar-light">
608        <!-- ============================================================== -->
609        <!-- Logo -->
610        <!-- ============================================================== -->
611        <div class="navbar-header">
612            <a class="navbar-brand" href="/">
613                <b>
614                    
615                        <img src="/static/images/grc_icono.svg" alt="Unidad de Gestión Educativa Local San Pablo - fijo"
616                             class="light-logo-grc"/>
617                        <img src="/media/portal/BNECA/logo/imagen_imagen_logo_imagen_grc_2023.png?r=1732556673" alt="Unidad de Gestión Educativa Local San Pablo - fijo otro"
618                             class="light-logo-dependencia"/>
619                        
620                        
621                    
622                </b>
623                <span>
624                    <img src="/media/portal/BNECA/logo/texto_56.png?r=1732556673" class="light-logo" alt="Unidad de Gestión Educativa Local San Pablo"/>
625                </span>
626            </a>
627        </div>
628        <div class="navbar-collapse">
629            <ul class="navbar-nav mr-auto mt-md-0">
630                <li class="nav-item">
631                    <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark"
632                       href="javascript:void(0)">
633                        <i class="mdi mdi-menu"></i>
634                    </a>
635                </li>
636                <!-- ============================================================== -->
637                <!-- Messages -->
638                <!-- ============================================================== -->
639                
640                
641                
642                
643                
644                
645                
646                
647                
648                
649                
650                
651                
652                
653                
654                
655                
656                
657                
658                
659                
660                
661                
662                
663                
664                
665                
666                
667                
668                
669                
670                
671                
672                
673                
674                
675                
676                
677                
678                
679                
680                
681                
682                
683                
684                
685                
686                
687                
688                
689                
690                
691                
692                
693                
694                
695                
696                
697                
698                
699                
700                
701                
702                
703                
704                
705                
706                
707                
708                
709                
710                
711                
712                
713                
714                
715                
716                
717                
718                
719                
720                
721                
722                
723                
724                
725                
726                
727                
728                
729                
730                
731                
732                
733                
734                
735                
736                
737                
738                
739                
740                
741                
742                
743                
744                
745                
746                
747                
748                
749                
750                
751                
752                
753                
754                
755                
756                
757                
758                
759                
760                
761                
762                
763                
764                
765                <!-- ============================================================== -->
766                <!-- End Messages -->
767                <!-- ============================================================== -->
768            </ul>
769            <!-- ============================================================== -->
770            <!-- User profile and search -->
771            <!-- ============================================================== -->
772            <ul class="navbar-nav my-lg-0">
773                
774                <li class="nav-item dropdown">
775                    <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" target="_blank"
776                       href="https://sar2.regioncajamarca.gob.pe">
777                        <i class="ti-user"></i>
778                    </a>
779                </li>
780                
781                    <li class="nav-item">
782                        <a id="enlaceTransparencia" class="nav-link waves-effect waves-dark"
783                           href="http://www.transparencia.gob.pe/enlaces/pte_transparencia_enlaces.aspx?id_entidad=18729&amp;id_tema=1&amp;ver=D#.Xn66fmC23IV" target="_blank">
784                            <img src="/static/images/pte_logo.svg" class="d-none d-sm-inline" alt="PTE"/>
785                            <img src="/static/images/pte_icono.svg" class="d-inline d-sm-none" alt="PTE"/>
786                        </a>
787                    </li>
788                
789                
790                    <li class="nav-item">
791                        <a id="enlace-gob-pe" class="nav-link waves-effect waves-dark"
792                           href="https://www.gob.pe/ugelsanpablo" target="_blank">
793                            <img src="/static/images/gob_pe_white.svg" class="d-none d-sm-inline" alt="gobpe"/>
794                            <img src="/static/images/gob_pe_white.svg" class="d-inline d-sm-none" alt="gobpe"/>
795                        </a>
796                    </li>
797                
798            </ul>
799        </div>
800    </nav>
801</header>
802    <aside class="left-sidebar">
803    <!-- Sidebar scroll-->
804    <div class="scroll-sidebar">
805        <!-- Sidebar navigation-->
806        <nav class="sidebar-nav">
807            <ul id="sidebarnav">
808                
809                    
810<li>
811    <a class=""
812       href="javascript:void(0)" aria-expanded="false" target="_self">
813        <span class="hide-menu">
814            Transparencia
815        </span>
816    </a>
817    
818        <ul aria-expanded="false" class="collapse">
819            
820                
821<li>
822    <a class=""
823       href="/portal/mn/726" aria-expanded="false" target="_blank">
824        <span class="hide-menu">
825            Resoluciones Institucionales
826        </span>
827    </a>
828    
829</li>
830            
831                
832<li>
833    <a class=""
834       href="javascript:void(0)" aria-expanded="false" target="_self">
835        <span class="hide-menu">
836            Reclamos
837        </span>
838    </a>
839    
840</li>
841            
842                
843<li>
844    <a class=""
845       href="/portal/mn/740" aria-expanded="false" target="_blank">
846        <span class="hide-menu">
847            Directorio de Proveedores
848        </span>
849    </a>
850    
851</li>
852            
853                
854<li>
855    <a class=""
856       href="/portal/mn/806" aria-expanded="false" target="_self">
857        <span class="hide-menu">
858            COVID-19
859        </span>
860    </a>
861    
862</li>
863            
864                
865<li>
866    <a class=""
867       href="http://www.transparencia.gob.pe/enlaces/pte_transparencia_enlaces.aspx?id_entidad=18729&amp;id_tema=1&amp;ver=D#.YPGyr9VKjIW" aria-expanded="false" target="_blank">
868        <span class="hide-menu">
869            Portal Transparencia Estándar - PTE
870        </span>
871    </a>
872    
873</li>
874            
875                
876<li>
877    <a class=""
878       href="http://www.ugelsanpablo.gob.pe/portal/docs/det/15100" aria-expanded="false" target="_self">
879        <span class="hide-menu">
880            Formato de Acceso a la Información Pública
881        </span>
882    </a>
883    
884</li>
885            
886        </ul>
887    
888</li>
889                
890                    
891<li>
892    <a class=""
893       href="javascript:void(0)" aria-expanded="false" target="_self">
894        <span class="hide-menu">
895            Unidades Orgánicas
896        </span>
897    </a>
898    
899        <ul aria-expanded="false" class="collapse">
900            
901                
902<li>
903    <a class="has-arrow"
904       href="javascript:void(0)" aria-expanded="false" target="_self">
905        <span class="hide-menu">
906            Dirección
907        </span>
908    </a>
909    
910        <ul aria-expanded="false" class="collapse">
911            
912                
913<li>
914    <a class=""
915       href="javascript:void(0)" aria-expanded="false" target="_self">
916        <span class="hide-menu">
917            Oficina de Imagen Institucional
918        </span>
919    </a>
920    
921</li>
922            
923                
924<li>
925    <a class=""
926       href="javascript:void(0)" aria-expanded="false" target="_self">
927        <span class="hide-menu">
928            Oficina de Trámite Documentario
929        </span>
930    </a>
931    
932</li>
933            
934                
935<li>
936    <a class=""
937       href="javascript:void(0)" aria-expanded="false" target="_self">
938        <span class="hide-menu">
939            Oficina de Archivo
940        </span>
941    </a>
942    
943</li>
944            
945                
946<li>
947    <a class=""
948       href="javascript:void(0)" aria-expanded="false" target="_self">
949        <span class="hide-menu">
950            Oficina de Secretaría de Dirección
951        </span>
952    </a>
953    
954</li>
955            
956        </ul>
957    
958</li>
959            
960                
961<li>
962    <a class="has-arrow"
963       href="javascript:void(0)" aria-expanded="false" target="_self">
964        <span class="hide-menu">
965            Gestión Pedagógica
966        </span>
967    </a>
968    
969        <ul aria-expanded="false" class="collapse">
970            
971                
972<li>
973    <a class="has-arrow"
974       href="javascript:void(0)" aria-expanded="false" target="_self">
975        <span class="hide-menu">
976            Oficina AGP
977        </span>
978    </a>
979    
980        <ul aria-expanded="false" class="collapse">
981            
982                
983<li>
984    <a class=""
985       href="javascript:void(0)" aria-expanded="false" target="_self">
986        <span class="hide-menu">
987            Secretaría
988        </span>
989    </a>
990    
991</li>
992            
993        </ul>
994    
995</li>
996            
997                
998<li>
999    <a class="has-arrow"
1000       href="javascript:void(0)" aria-expanded="false" target="_self">
1001        <span class="hide-menu">
1002            Apoyo Pedagógico
1003        </span>
1004    </a>
1005    
1006        <ul aria-expanded="false" class="collapse">
1007            
1008                
1009<li>
1010    <a class=""
1011       href="javascript:void(0)" aria-expanded="false" target="_self">
1012        <span class="hide-menu">
1013            Programas Pedagógicos
1014        </span>
1015    </a>
1016    
1017</li>
1018            
1019        </ul>
1020    
1021</li>
1022            
1023                
1024<li>
1025    <a class=""
1026       href="javascript:void(0)" aria-expanded="false" target="_self">
1027        <span class="hide-menu">
1028            Educación y Cultura
1029        </span>
1030    </a>
1031    
1032</li>
1033            
1034                
1035<li>
1036    <a class=""
1037       href="javascript:void(0)" aria-expanded="false" target="_self">
1038        <span class="hide-menu">
1039            Recreación y Deporte
1040        </span>
1041    </a>
1042    
1043</li>
1044            
1045                
1046<li>
1047    <a class=""
1048       href="javascript:void(0)" aria-expanded="false" target="_self">
1049        <span class="hide-menu">
1050            Comunitario Ambiental
1051        </span>
1052    </a>
1053    
1054</li>
1055            
1056                
1057<li>
1058    <a class=""
1059       href="javascript:void(0)" aria-expanded="false" target="_self">
1060        <span class="hide-menu">
1061            Tutoría y Orientación Educativa
1062        </span>
1063    </a>
1064    
1065</li>
1066            
1067                
1068<li>
1069    <a class=""
1070       href="javascript:void(0)" aria-expanded="false" target="_self">
1071        <span class="hide-menu">
1072            EBE
1073        </span>
1074    </a>
1075    
1076</li>
1077            
1078                
1079<li>
1080    <a class=""
1081       href="javascript:void(0)" aria-expanded="false" target="_self">
1082        <span class="hide-menu">
1083            EBA CETPRO
1084        </span>
1085    </a>
1086    
1087</li>
1088            
1089                
1090<li>
1091    <a class="has-arrow"
1092       href="javascript:void(0)" aria-expanded="false" target="_self">
1093        <span class="hide-menu">
1094            Desarrollo del Docente
1095        </span>
1096    </a>
1097    
1098        <ul aria-expanded="false" class="collapse">
1099            
1100                
1101<li>
1102    <a class=""
1103       href="javascript:void(0)" aria-expanded="false" target="_self">
1104        <span class="hide-menu">
1105            Innovación e Investigación
1106        </span>
1107    </a>
1108    
1109</li>
1110            
1111                
1112<li>
1113    <a class=""
1114       href="javascript:void(0)" aria-expanded="false" target="_self">
1115        <span class="hide-menu">
1116            Acompañamiento Pedagógico
1117        </span>
1118    </a>
1119    
1120</li>
1121            
1122                
1123<li>
1124    <a class=""
1125       href="javascript:void(0)" aria-expanded="false" target="_self">
1126        <span class="hide-menu">
1127            Capacitación
1128        </span>
1129    </a>
1130    
1131</li>
1132            
1133        </ul>
1134    
1135</li>
1136            
1137                
1138<li>
1139    <a class="has-arrow"
1140       href="javascript:void(0)" aria-expanded="false" target="_self">
1141        <span class="hide-menu">
1142            Especialistas
1143        </span>
1144    </a>
1145    
1146        <ul aria-expanded="false" class="collapse">
1147            
1148                
1149<li>
1150    <a class=""
1151       href="javascript:void(0)" aria-expanded="false" target="_self">
1152        <span class="hide-menu">
1153            Inicial
1154        </span>
1155    </a>
1156    
1157</li>
1158            
1159                
1160<li>
1161    <a class=""
1162       href="javascript:void(0)" aria-expanded="false" target="_self">
1163        <span class="hide-menu">
1164            Primaria
1165        </span>
1166    </a>
1167    
1168</li>
1169            
1170                
1171<li>
1172    <a class=""
1173       href="javascript:void(0)" aria-expanded="false" target="_self">
1174        <span class="hide-menu">
1175            Secundaria
1176        </span>
1177    </a>
1178    
1179</li>
1180            
1181        </ul>
1182    
1183</li>
1184            
1185        </ul>
1186    
1187</li>
1188            
1189                
1190<li>
1191    <a class="has-arrow"
1192       href="javascript:void(0)" aria-expanded="false" target="_self">
1193        <span class="hide-menu">
1194            Gestión Institucional
1195        </span>
1196    </a>
1197    
1198        <ul aria-expanded="false" class="collapse">
1199            
1200                
1201<li>
1202    <a class=""
1203       href="javascript:void(0)" aria-expanded="false" target="_self">
1204        <span class="hide-menu">
1205            Oficina AGI
1206        </span>
1207    </a>
1208    
1209</li>
1210            
1211                
1212<li>
1213    <a class=""
1214       href="javascript:void(0)" aria-expanded="false" target="_self">
1215        <span class="hide-menu">
1216            Oficina de Planificiación
1217        </span>
1218    </a>
1219    
1220</li>
1221            
1222                
1223<li>
1224    <a class=""
1225       href="javascript:void(0)" aria-expanded="false" target="_self">
1226        <span class="hide-menu">
1227            Oficina de Estadística
1228        </span>
1229    </a>
1230    
1231</li>
1232            
1233                
1234<li>
1235    <a class=""
1236       href="javascript:void(0)" aria-expanded="false" target="_self">
1237        <span class="hide-menu">
1238            Oficina de Presupuesto
1239        </span>
1240    </a>
1241    
1242</li>
1243            
1244                
1245<li>
1246    <a class=""
1247       href="javascript:void(0)" aria-expanded="false" target="_self">
1248        <span class="hide-menu">
1249            Oficina de Racionalización
1250        </span>
1251    </a>
1252    
1253</li>
1254            
1255                
1256<li>
1257    <a class=""
1258       href="javascript:void(0)" aria-expanded="false" target="_self">
1259        <span class="hide-menu">
1260            Oficina de Psicología
1261        </span>
1262    </a>
1263    
1264</li>
1265            
1266                
1267<li>
1268    <a class=""
1269       href="javascript:void(0)" aria-expanded="false" target="_self">
1270        <span class="hide-menu">
1271            Oficina de SIAGIE
1272        </span>
1273    </a>
1274    
1275</li>
1276            
1277                
1278<li>
1279    <a class=""
1280       href="javascript:void(0)" aria-expanded="false" target="_self">
1281        <span class="hide-menu">
1282            Oficina de AIRHSP
1283        </span>
1284    </a>
1285    
1286</li>
1287            
1288        </ul>
1289    
1290</li>
1291            
1292                
1293<li>
1294    <a class="has-arrow"
1295       href="javascript:void(0)" aria-expanded="false" target="_self">
1296        <span class="hide-menu">
1297            Gestión Administrativa
1298        </span>
1299    </a>
1300    
1301        <ul aria-expanded="false" class="collapse">
1302            
1303                
1304<li>
1305    <a class=""
1306       href="javascript:void(0)" aria-expanded="false" target="_self">
1307        <span class="hide-menu">
1308            Oficina de Administración
1309        </span>
1310    </a>
1311    
1312</li>
1313            
1314                
1315<li>
1316    <a class=""
1317       href="/portal/mn/507" aria-expanded="false" target="_self">
1318        <span class="hide-menu">
1319            Oficina de Contabilidad
1320        </span>
1321    </a>
1322    
1323</li>
1324            
1325                
1326<li>
1327    <a class=""
1328       href="/portal/mn/508" aria-expanded="false" target="_self">
1329        <span class="hide-menu">
1330            Oficina de Tesorería
1331        </span>
1332    </a>
1333    
1334</li>
1335            
1336                
1337<li>
1338    <a class=""
1339       href="/portal/mn/509" aria-expanded="false" target="_self">
1340        <span class="hide-menu">
1341            Oficina de Abastecimientos
1342        </span>
1343    </a>
1344    
1345</li>
1346            
1347                
1348<li>
1349    <a class=""
1350       href="/portal/mn/510" aria-expanded="false" target="_self">
1351        <span class="hide-menu">
1352            Oficina de Informática
1353        </span>
1354    </a>
1355    
1356</li>
1357            
1358                
1359<li>
1360    <a class=""
1361       href="javascript:void(0)" aria-expanded="false" target="_self">
1362        <span class="hide-menu">
1363            Oficina de Patrimonio
1364        </span>
1365    </a>
1366    
1367</li>
1368            
1369                
1370<li>
1371    <a class=""
1372       href="javascript:void(0)" aria-expanded="false" target="_self">
1373        <span class="hide-menu">
1374            Oficina de Almacén
1375        </span>
1376    </a>
1377    
1378</li>
1379            
1380        </ul>
1381    
1382</li>
1383            
1384                
1385<li>
1386    <a class="has-arrow"
1387       href="javascript:void(0)" aria-expanded="false" target="_self">
1388        <span class="hide-menu">
1389            Asesoría Legal
1390        </span>
1391    </a>
1392    
1393        <ul aria-expanded="false" class="collapse">
1394            
1395                
1396<li>
1397    <a class=""
1398       href="javascript:void(0)" aria-expanded="false" target="_self">
1399        <span class="hide-menu">
1400            Oficina de Asesoría
1401        </span>
1402    </a>
1403    
1404</li>
1405            
1406        </ul>
1407    
1408</li>
1409            
1410                
1411<li>
1412    <a class="has-arrow"
1413       href="javascript:void(0)" aria-expanded="false" target="_self">
1414        <span class="hide-menu">
1415            Personal
1416        </span>
1417    </a>
1418    
1419        <ul aria-expanded="false" class="collapse">
1420            
1421                
1422<li>
1423    <a class=""
1424       href="/portal/mn/514" aria-expanded="false" target="_self">
1425        <span class="hide-menu">
1426            Oficina de Personal
1427        </span>
1428    </a>
1429    
1430</li>
1431            
1432                
1433<li>
1434    <a class=""
1435       href="javascript:void(0)" aria-expanded="false" target="_self">
1436        <span class="hide-menu">
1437            Oficina de NEXUS
1438        </span>
1439    </a>
1440    
1441</li>
1442            
1443                
1444<li>
1445    <a class=""
1446       href="javascript:void(0)" aria-expanded="false" target="_self">
1447        <span class="hide-menu">
1448            Oficina de Remuneraciones y Pensiones
1449        </span>
1450    </a>
1451    
1452</li>
1453            
1454                
1455<li>
1456    <a class=""
1457       href="javascript:void(0)" aria-expanded="false" target="_self">
1458        <span class="hide-menu">
1459            Oficina de Escalafón
1460        </span>
1461    </a>
1462    
1463</li>
1464            
1465                
1466<li>
1467    <a class=""
1468       href="javascript:void(0)" aria-expanded="false" target="_self">
1469        <span class="hide-menu">
1470            Oficina de Proyectos
1471        </span>
1472    </a>
1473    
1474</li>
1475            
1476                
1477<li>
1478    <a class=""
1479       href="javascript:void(0)" aria-expanded="false" target="_self">
1480        <span class="hide-menu">
1481            Oficina de Bienestar Social
1482        </span>
1483    </a>
1484    
1485</li>
1486            
1487        </ul>
1488    
1489</li>
1490            
1491        </ul>
1492    
1493</li>
1494                
1495                    
1496<li>
1497    <a class=""
1498       href="javascript:void(0)" aria-expanded="false" target="_self">
1499        <span class="hide-menu">
1500            Servicios
1501        </span>
1502    </a>
1503    
1504        <ul aria-expanded="false" class="collapse">
1505            
1506                
1507<li>
1508    <a class=""
1509       href="https://servicios-ayni.minedu.gob.pe/ayni/inicio" aria-expanded="false" target="_blank">
1510        <span class="hide-menu">
1511            MI BOLETA
1512        </span>
1513    </a>
1514    
1515</li>
1516            
1517                
1518<li>
1519    <a class=""
1520       href="https://drive.google.com/file/d/12pDDVVNs8IiIsxg3-R89HGays8r9JVmd/view?usp=sharing" aria-expanded="false" target="_blank">
1521        <span class="hide-menu">
1522            F.U.T.
1523        </span>
1524    </a>
1525    
1526</li>
1527            
1528                
1529<li>
1530    <a class=""
1531       href="https://acortar.link/56iFPx" aria-expanded="false" target="_blank">
1532        <span class="hide-menu">
1533            MANUAL AYNI
1534        </span>
1535    </a>
1536    
1537</li>
1538            
1539        </ul>
1540    
1541</li>
1542                
1543                    
1544<li>
1545    <a class=""
1546       href="javascript:void(0)" aria-expanded="false" target="_self">
1547        <span class="hide-menu">
1548            Institucional
1549        </span>
1550    </a>
1551    
1552        <ul aria-expanded="false" class="collapse">
1553            
1554                
1555<li>
1556    <a class=""
1557       href="/portal/mn/458" aria-expanded="false" target="_self">
1558        <span class="hide-menu">
1559            Misión y Visión
1560        </span>
1561    </a>
1562    
1563</li>
1564            
1565                
1566<li>
1567    <a class=""
1568       href="/portal/mn/465" aria-expanded="false" target="_self">
1569        <span class="hide-menu">
1570            Valores
1571        </span>
1572    </a>
1573    
1574</li>
1575            
1576                
1577<li>
1578    <a class=""
1579       href="/portal/mn/728" aria-expanded="false" target="_self">
1580        <span class="hide-menu">
1581            Normatividad
1582        </span>
1583    </a>
1584    
1585</li>
1586            
1587                
1588<li>
1589    <a class=""
1590       href="/portal/mn/466" aria-expanded="false" target="_self">
1591        <span class="hide-menu">
1592            Documentos de Gestión
1593        </span>
1594    </a>
1595    
1596</li>
1597            
1598                
1599<li>
1600    <a class=""
1601       href="/portal/mn/729" aria-expanded="false" target="_blank">
1602        <span class="hide-menu">
1603            Directorio
1604        </span>
1605    </a>
1606    
1607</li>
1608            
1609                
1610<li>
1611    <a class=""
1612       href="/portal/mn/467" aria-expanded="false" target="_self">
1613        <span class="hide-menu">
1614            Organigrama
1615        </span>
1616    </a>
1617    
1618</li>
1619            
1620        </ul>
1621    
1622</li>
1623                
1624                    
1625<li>
1626    <a class=""
1627       href="javascript:void(0)" aria-expanded="false" target="_self">
1628        <span class="hide-menu">
1629            Comunicaciones
1630        </span>
1631    </a>
1632    
1633        <ul aria-expanded="false" class="collapse">
1634            
1635                
1636<li>
1637    <a class=""
1638       href="/portal/mn/462" aria-expanded="false" target="_self">
1639        <span class="hide-menu">
1640            Convocatorias
1641        </span>
1642    </a>
1643    
1644</li>
1645            
1646                
1647<li>
1648    <a class=""
1649       href="/portal/mn/463" aria-expanded="false" target="_self">
1650        <span class="hide-menu">
1651            Comunicados
1652        </span>
1653    </a>
1654    
1655</li>
1656            
1657                
1658<li>
1659    <a class=""
1660       href="javascript:void(0)" aria-expanded="false" target="_self">
1661        <span class="hide-menu">
1662            Eventos
1663        </span>
1664    </a>
1665    
1666</li>
1667            
1668                
1669<li>
1670    <a class=""
1671       href="javascript:void(0)" aria-expanded="false" target="_self">
1672        <span class="hide-menu">
1673            Noticias
1674        </span>
1675    </a>
1676    
1677</li>
1678            
1679                
1680<li>
1681    <a class=""
1682       href="/portal/mn/722" aria-expanded="false" target="_self">
1683        <span class="hide-menu">
1684            Galería de Imágenes
1685        </span>
1686    </a>
1687    
1688</li>
1689            
1690                
1691<li>
1692    <a class=""
1693       href="javascript:void(0)" aria-expanded="false" target="_self">
1694        <span class="hide-menu">
1695            Galería de Vídeos
1696        </span>
1697    </a>
1698    
1699</li>
1700            
1701                
1702<li>
1703    <a class=""
1704       href="http://www.ugelsanpablo.gob.pe/portal/docs/det/15337" aria-expanded="false" target="_self">
1705        <span class="hide-menu">
1706            Boletín Informativo
1707        </span>
1708    </a>
1709    
1710</li>
1711            
1712        </ul>
1713    
1714</li>
1715                
1716                    
1717<li>
1718    <a class=""
1719       href="javascript:void(0)" aria-expanded="false" target="_self">
1720        <span class="hide-menu">
1721            Control Institucional
1722        </span>
1723    </a>
1724    
1725        <ul aria-expanded="false" class="collapse">
1726            
1727                
1728<li>
1729    <a class=""
1730       href="/portal/mn/724" aria-expanded="false" target="_self">
1731        <span class="hide-menu">
1732            Sistema de Control Interno
1733        </span>
1734    </a>
1735    
1736</li>
1737            
1738                
1739<li>
1740    <a class=""
1741       href="/portal/mn/751" aria-expanded="false" target="_self">
1742        <span class="hide-menu">
1743            Código de Ética
1744        </span>
1745    </a>
1746    
1747</li>
1748            
1749                
1750<li>
1751    <a class=""
1752       href="/portal/mn/802" aria-expanded="false" target="_self">
1753        <span class="hide-menu">
1754            Integridad Pública
1755        </span>
1756    </a>
1757    
1758</li>
1759            
1760        </ul>
1761    
1762</li>
1763                
1764                
1765            </ul>
1766        </nav>
1767        <!-- End Sidebar navigation -->
1768    </div>
1769    <!-- End Sidebar scroll-->
1770</aside>
1771
1772
1773    <aside class="social-bar d-none d-md-flex">
1774        
1775            <a href="https://www.facebook.com/Ugel-San-Pablo-Cajamarca-144574992889873/" class="fab fa-facebook-f" target="_blank"
1776               style="background-color: #4064AD"></a>
1777        
1778            <a href="https://www.youtube.com/channel/UCL59EZt1RUxc8CCMfX3_j0w" class="fab fa-youtube" target="_blank"
1779               style="background-color: red"></a>
1780        
1781            <a href="" class="fab fa-instagram" target="_blank"
1782               style="background-color: #CB2693"></a>
1783        
1784            <a href="" class="fab fa-spotify" target="_blank"
1785               style="background-color: #1DD15D"></a>
1786        
1787            <a href="" class="fab fa-whatsapp" target="_blank"
1788               style="background-color: #009A01"></a>
1789        
1790    </aside>
1791
1792    
1793    
1794
1795<section class="notificaciones">
1796
1797
1798            
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823</section>
1824
1825<script>
1826    
1827    
1828    
1829    
1830    
1831    
1832    
1833
1834    $(document).ready(function () {
1835        
1836
1837    });
1838</script>
1838
1839
1840
1841
1842<section id="carrusel_principal">
1843    <div class="container-fluid p-0">
1844        <div id="carouselPrincipal" class="margen-inicial carousel slide" data-ride="carousel">
1845            <ol class="carousel-indicators">
1846                
1847                    <li data-target="#carouselPrincipal" data-slide-to="0"
1848                        class="active"></li>
1849                
1850                    <li data-target="#carouselPrincipal" data-slide-to="1"
1851                        class=""></li>
1852                
1853                    <li data-target="#carouselPrincipal" data-slide-to="2"
1854                        class=""></li>
1855                
1856                    <li data-target="#carouselPrincipal" data-slide-to="3"
1857                        class=""></li>
1858                
1859                    <li data-target="#carouselPrincipal" data-slide-to="4"
1860                        class=""></li>
1861                
1862            </ol>
1863            <div class="carousel-inner" role="listbox">
1864                
1865                    <div class="carousel-item active">
1866                        <img class="img-responsive" src="/media/portal/BNECA/banner/P/Gemini_Generated_Image_8leofj8leofj8leo.png?r=1785366060" alt="Consultas">
1867                        <div class="carousel-caption">
1868                            <h2 class="text-white d-none d-md-block">Consultas</h2>
1869                            
1870                        
1871                        </div>
1872                    </div>
1873                
1874                    <div class="carousel-item ">
1875                        <img class="img-responsive" src="/media/portal/BNECA/banner/P/LOGO_2023.jpg?r=1675975319" alt="">
1876                        <div class="carousel-caption">
1877                            <h2 class="text-white d-none d-md-block"></h2>
1878                            
1879                        
1880                        </div>
1881                    </div>
1882                
1883                    <div class="carousel-item ">
1884                        <img class="img-responsive" src="/media/portal/BNECA/banner/P/Gemini_Generated_Image_ulmbbqulmbbqulmb.png?r=1785200809" alt="">
1885                        <div class="carousel-caption">
1886                            <h2 class="text-white d-none d-md-block"></h2>
1887                            
1888                        
1889                            <div class="enlaces_banner text-center">
1890                                <a class="btn btn-success btn-sm btn-round waves-effect" role="button" target="_blank"
1891                                   href="https://servicios-ayni.minedu.gob.pe/ayni/inicio">
1892                                        Ingresa Aquí
1893                                </a>
1894                                
1895                            </div>
1896                        
1897                        </div>
1898                    </div>
1899                
1900                    <div class="carousel-item ">
1901                        <img class="img-responsive" src="/media/portal/BNECA/banner/P/Gemini_Generated_Image_orwaeiorwaeiorwa.png?r=1785198813" alt="">
1902                        <div class="carousel-caption">
1903                            <h2 class="text-white d-none d-md-block"></h2>
1904                            
1905                        
1906                            <div class="enlaces_banner text-center">
1907                                <a class="btn btn-success btn-sm btn-round waves-effect" role="button" target="_blank"
1908                                   href="https://tramitedigital.regioncajamarca.gob.pe/">
1909                                        Ingresa Aquí
1910                                </a>
1911                                
1912                            </div>
1913                        
1914                        </div>
1915                    </div>
1916                
1917                    <div class="carousel-item ">
1918                        <img class="img-responsive" src="/media/portal/BNECA/banner/P/Gemini_Generated_Image_cx7wqccx7wqccx7w.png?r=1785198325" alt="">
1919                        <div class="carousel-caption">
1920                            <h2 class="text-white d-none d-md-block"></h2>
1921                            
1922                        
1923                            <div class="enlaces_banner text-center">
1924                                <a class="btn btn-success btn-sm btn-round waves-effect" role="button" target="_blank"
1925                                   href="http://www.ugelsanpablo.gob.pe/portal/ac/290">
1926                                        Contáctanos Aquí
1927                                </a>
1928                                
1929                            </div>
1930                        
1931                        </div>
1932                    </div>
1933                
1934            </div>
1935            <a class="carousel-control-prev" href="#carouselPrincipal" role="button" data-sli
1935de="prev">
1936                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1937                <span class="sr-only">Previous</span>
1938            </a>
1939            <a class="carousel-control-next" href="#carouselPrincipal" role="button" data-slide="next">
1940                <span class="carousel-control-next-icon" aria-hidden="true"></span>
1941                <span class="sr-only">Next</span>
1942            </a>
1943        </div>
1944    </div>
1945</section>
1946
1947
1948
1949<section id="enlaces_externos">
1950    <div class="container-fluid text-center bg-info text-white" style="background-color: #205cf0 !important;">
1951        <div class="row">
1952            
1953                <div class="icono col">
1954                
1955                    <i class="fas fa-envelope"></i>
1956                
1957
1958                    
1959                        <a href="https://accounts.google.com/signin/v2/identifier?continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&amp;service=mail&amp;sacu=1&amp;rip=1&amp;flowName=GlifWebSignIn&amp;flowEntry=ServiceLogin" class="text-white stretched-link" target="_blank">
1960                            Correo Institucional
1961                        </a>
1962                    
1963                </div>
1964            
1965                <div class="icono col">
1966                
1967                    <i class="fas fa-search"></i>
1968                
1969
1970                    
1971                        <a href="https://mad.regioncajamarca.gob.pe/Forms/Tra_ExpBusqueda.aspx" class="text-white stretched-link" target="_blank">
1972                            Consulte su Trámite
1973                        </a>
1974                    
1975                </div>
1976            
1977                <div class="icono col">
1978                
1979                    <i class="fas fa-file-pdf"></i>
1980                
1981
1982                    
1983                        <a href="http://boletas.ugelsanpablo.gob.pe/" class="text-white stretched-link" target="_blank">
1984                            Boletas Virtuales
1985                        </a>
1986                    
1987                </div>
1988            
1989                <div class="icono col">
1990                
1991                    <i class="fas fa-address-card"></i>
1992                
1993
1994                    
1995                        <a href="http://www.ugelsanpablo.gob.pe/portal/mn/462" class="text-white stretched-link" target="_blank">
1996                            Convocatorias
1997                        </a>
1998                    
1999                </div>
2000            
2001                <div class="icono col">
2002                
2003                    <i class="fas fa-clipboard-list"></i>
2004                
2005
2006                    
2007                        <a href="https://tramitedigital.regioncajamarca.gob.pe/" class="text-white stretched-link" target="_blank">
2008                            Trámite Digital
2009                        </a>
2010                    
2011                </div>
2012            
2013        </div>
2014    </div>
2015</section>
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040<section id="enlaces_internos" class="seccion" style="padding-bottom: 40px">
2041    <div class="container-fluid text-center">
2042        <div class="row d-flex justify-content-center">
2043            
2044            
2045                <div
2046                        
2047                            class="col-6 col-md-4 col-lg-2 my-2"
2048                        
2049                >
2050                    <a href="/portal/ac/290"
2051                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2052                       target="_blank">
2053                        
2054                            <img src="/static/images/logo_ldr_salud2.png" alt="" width="110" class="mt-1 mb-2">
2055                        
2056                        <strong class="d-block mb-2">Directorio Institucional</strong>
2057                        <span class="d-none d-md-block">Oficina, Cargo y Teléfonos de los Empleados Públicos Ugel San Pablo</span>
2058                    </a>
2059                </div>
2060            
2061                <div
2062                        
2063                            class="col-6 col-md-4 col-lg-2 my-2"
2064                        
2065                >
2066                    <a href="https://servicios-ayni.minedu.gob.pe/ayni/inicio"
2067                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2068                       target="_blank">
2069                        
2070                            <i class="fas fa-server d-block"></i>
2071                        
2072                        <strong class="d-block mb-2">AYNI</strong>
2073                        <span class="d-none d-md-block">Plataforma se Servicio al Servidor Público, Mi Legajo - Mi Boleta</span>
2074                    </a>
2075                </div>
2076            
2077                <div
2078                        
2079                            class="col-6 col-md-4 col-lg-2 my-2"
2080                        
2081                >
2082                    <a href="http://www.ugelsanpablo.gob.pe/portal/mn/463"
2083                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2084                       target="_blank">
2085                        
2086                            <i class="fas fa-bars d-block"></i>
2087                        
2088                        <strong class="d-block mb-2">Comunicados</strong>
2089                        <span class="d-none d-md-block">Comunicados Generales</span>
2090                    </a>
2091                </div>
2092            
2093                <div
2094                        
2095                            class="col-6 col-md-4 col-lg-2 my-2"
2096                        
2097                >
2098                    <a href="/portal/ac/293"
2099                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2100                       target="_self">
2101                        
2102                            <i class="fab fa-slideshare d-block"></i>
2103                        
2104                        <strong class="d-block mb-2">Directivas</strong>
2105                        <span class="d-none d-md-block">Directivas de Dirección, Administración, Institucional y Pedagógica</span>
2106                    </a>
2107                </div>
2108            
2109                <div
2110                        
2111                            class="col-6 col-md-4 col-lg-2 my-2"
2112                        
2113                >
2114                    <a href="https://www.resoluciones.ejecutora313sanpablo.edu.pe/"
2115                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2116                       target="_blank">
2117                        
2118                            <i class="fas fa-anchor d-block"></i>
2119                        
2120                        <strong class="d-block mb-2">Resoluciones</strong>
2121                        <span class="d-none d-md-block">Resoluciones de las diversas áreas</span>
2122                    </a>
2123                </div>
2124            
2125                <div
2126                        
2127                            class="col-6 col-md-4 col-lg-2 my-2"
2128                        
2129                >
2130                    <a href="/portal/ac/631"
2131                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2132                       target="_blank">
2133                        
2134                            <i class="fas fa-sign-language d-block"></i>
2135                        
2136                        <strong class="d-block mb-2">Seguridad y Salud en el Trabajo</strong>
2137                        <span class="d-none d-md-block">La prevención de enfermedades laborales</span>
2138                    </a>
2139                </div>
2140            
2141                <div
2142                        
2143                            class="col-6 col-md-4 col-lg-2 my-2"
2144                        
2145                >
2146                    <a href="/portal/ac/632"
2147                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2148                       target="_blank">
2149                        
2150                            <i class="fas fa-search d-block"></i>
2151                        
2152                        <strong class="d-block mb-2">Sistema de Control Interno</strong>
2153                        <span class="d-none d-md-block">Herramienta de gestión que contribuye al logro de objetivos institucionales</span>
2154                    </a>
2155                </div>
2156            
2157                <div
2158                        
2159                            class="col-6 col-md-4 col-lg-2 my-2"
2160                        
2161                >
2162                    <a href="/portal/ac/633"
2163                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2164                       target="_self">
2165                        
2166                            <i class="fas fa-clipboard-list d-block"></i>
2167                        
2168                        <strong class="d-block mb-2">Código de Ética</strong>
2169                        <span class="d-none d-md-block">Principios, deberes y prohibiciones éticos</span>
2170                    </a>
2171                </div>
2172            
2173                <div
2174                        
2175                            class="col-6 col-md-4 col-lg-2 my-2"
2176                        
2177                >
2178                    <a href="/portal/ac/713"
2179                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  "
2180                       target="_self">
2181                        
2182                            <i class="fas fa-lock d-block"></i>
2183                        
2184                        <strong class="d-block mb-2">Integridad Pública</strong>
2185                        <span class="d-none d-md-block">Coherencia con el cumplimiento de los principios, deberes y normas</span>
2186                    </a>
2187                </div>
2188            
2189                <div
2190                        
2191                            class="col-6 col-md-4 col-lg-2 my-2"
2192                        
2193                >
2194                    <a href="https://pfsd.asistenciaugelsanpablo.com/moodle30/login/index.php"
2195                       class="boton btn btn-block waves-effect waves-light btn-outline-primary  resaltado"
2196                       target="_blank">
2197                        
2198                            <i class="fas fa-desktop d-block"></i>
2199                        
2200                        <strong class="d-block mb-2">Aula Virtual</strong>
2201                        <span class="d-none d-md-block">Nuestra plataforma de capacitación virtual.</span>
2202                    </a>
2203                </div>
2204            
2205        </div>
2206    </div>
2207</section>
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219    <section class="text-center mb-5">
2220        <a href="https://reclamos.servicios.gob.pe/?institution_id=59" target="_blank">
2221        <img src="/static/portal/img/logo_libro_reclamaciones.jpg" width="220" alt="">
2222        </a>
2223    </section>
2224
2225
2226<script type="text/javascript">
2227    ScrollReveal().reveal('#enlaces_internos .row>div', {
2228        interval: 100,
2229        origin: 'top',
2230        distance: '50px',
2231        easing: 'ease-in-out',
2232        container: $("#main-wrapper"),
2233        
2234        
2235        
2236    });
2237</script>
2237
2238
2239
2240    
2241    <section id="noticias" class="seccion-fondo">
2242        <div class="container-fluid">
2243            <h2 class="titulo-seccion">
2244                Noticias
2245            </h2>
2246            <div class="row">
2247                <div id="carruselNoticias" class="owl-carousel owl-theme owl-loaded owl-drag">
2248                    
2249                        <div class="card">
2250                            
2251                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/COMUNICADO_5.png?r=1673570129">
2252                                    <img src="/media/portal/BNECA/noticia/COMUNICADO_5.png?r=1673570129" alt="image" class="img-responsive">
2253                                </a>
2254                            
2255                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2256                                <h4 class="font-normal">DOCENTES POSTULANTES EN LA ETAPA DESCENTRALIZADA DE INGRESO A LA CPM 2022 DEBERAN ACTUALIZAR SUS DATOS</h4>
2257                                <div class="subtitulo w-100 d-flex justify-content-between">
2258                                    <div class="">
2259                                        12/01/2023 11:26 a.m.
2260                                    </div>
2261                                    <div class="">
2262                                        <a href="/portal/noticias/pdf/5617" target="_blank"
2263                                           class="link float-right text-muted" title="Descargar PDF">
2264                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2265                                                class="d-none d-sm-inline-block"></span>
2266                                        </a>
2267                                        <a href="javascript:void(0)" class="link">
2268                                            <i class="far fa-comment mr-2"></i>
2269                                        </a>
2270                                    </div>
2271                                </div>
2272                                <p class="m-b-10 m-t-15 flex-grow-1">EL PLAZO PARA ACTUALIZAR SUS DATOS ES HASTA EL VIERNES 13 - 12:00 DEL MEDIO DIA</p>
2273                                <a href="/portal/noticias/det/5617"
2274                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2275                                    Leer más
2276                                </a>
2277                            </div>
2278                        </div>
2279                    
2280                        <div class="card">
2281                            
2282                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/Captura_jZ7Ot1h.PNG?r=1642092900">
2283                                    <img src="/media/portal/BNECA/noticia/Captura_jZ7Ot1h.PNG?r=1642092900" alt="image" class="img-responsive">
2284                                </a>
2285                            
2286                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2287                                <h4 class="font-normal">RECUERDA</h4>
2288                                <div class="subtitulo w-100 d-flex justify-content-between">
2289                                    <div class="">
2290                                        13/01/2022 11:24 a.m.
2291                                    </div>
2292                                    <div class="">
2293                                        <a href="/portal/noticias/pdf/3972" target="_blank"
2294                                           class="link float-right text-muted" title="Descargar PDF">
2295                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2296                                                class="d-none d-sm-inline-block"></span>
2297                                        </a>
2298                                        <a href="javascript:void(0)" class="link">
2299                                            <i class="far fa-comment mr-2"></i>
2300                                        </a>
2301                                    </div>
2302                                </div>
2303                                <p class="m-b-10 m-t-15 flex-grow-1">USO DE LA MASCARILLAS SON DE USO OBLIGATORIO</p>
2304                                <a href="/portal/noticias/det/3972"
2305                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2306                                    Leer más
2307                                </a>
2308                            </div>
2309                        </div>
2310                    
2311                        <div class="card">
2312                            
2313                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/boletin2_001.png?r=1632181732">
2314                                    <img src="/media/portal/BNECA/noticia/boletin2_001.png?r=1632181732" alt="image" class="img-responsive">
2315                                </a>
2316                            
2317                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2318                                <h4 class="font-normal">BOLETÍN INFORMATIVO 2 - DRE CAJAMARCA</h4>
2319                                <div class="subtitulo w-100 d-flex justify-content-between">
2320                                    <div class="">
2321                                        20/09/2021 01:02 p.m.
2322                                    </div>
2323                                    <div class="">
2324                                        <a href="/portal/noticias/pdf/3389" target="_blank"
2325                                           class="link float-right text-muted" title="Descargar PDF">
2326                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2327                                                class="d-none d-sm-inline-block"></span>
2328                                        </a>
2329                                        <a href="javascript:void(0)" class="link">
2330                                            <i class="far fa-comment mr-2"></i>
2331                                        </a>
2332                                    </div>
2333                                </div>
2334                                <p class="m-b-10 m-t-15 flex-grow-1">ESCUELA QUE GENERA DESAROLLO EN LA COMUNIDAD</p>
2335                                <a href="/portal/noticias/det/3389"
2336                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2337                                    Leer más
2338                                </a>
2339                            </div>
2340                        </div>
2341                    
2342                        <div class="card">
2343                            
2344                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/Banner_01-01-300x182.jpg?r=1628638123">
2345                                    <img src="/media/portal/BNECA/noticia/Banner_01-01-300x182.jpg?r=1628638123" alt="image" class="img-responsive">
2346                                </a>
2347                            
2348                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2349                                <h4 class="font-normal">MINEDU HA PUESTO A DISPOSICIÓN CANALES DE ATENCIÓN PARA LA APLICACIÓN DE LA GARANTÍA Y SOPORTE TÉCNICO PARA EL USO DEL PLAN DE DATOS</h4>
2350                                <div class="subtitulo w-100 d-flex justify-content-between">
2351                                    <div class="">
2352                                        10/08/2021 05:40 p.m.
2353                                    </div>
2354                                    <div class="">
2355                                        <a href="/portal/noticias/pdf/3078" target="_blank"
2356                                           class="link float-right text-muted" title="Descargar PDF">
2357                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2358                                                class="d-none d-sm-inline-block"></span>
2359                                        </a>
2360                                        <a href="javascript:void(0)" class="link">
2361                                            <i class="far fa-comment mr-2"></i>
2362                                        </a>
2363                                    </div>
2364                                </div>
2365                                <p class="m-b-10 m-t-15 flex-grow-1">OFICIO MÚLTIPLE N° 00028-2021-MINEDU/VMGP-DITE</p>
2366                                <a href="/portal/noticias/det/3078"
2367                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2368                                    Leer más
2369                                </a>
2370                            </div>
2371                        </div>
2372                    
2373                        <div class="card">
2374                            
2375                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/Captura_de_pantalla_633.png?r=1628292023">
2376                                    <img src="/media/portal/BNECA/noticia/Captura_de_pantalla_633.png?r=1628292023" alt="image" class="img-responsive">
2377                                </a>
2378                            
2379                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2380                                <h4 class="font-normal">MINEDU pone en marcha la nueva Plataforma de Servicios para el Servidor Público!</h4>
2381                                <div class="subtitulo w-100 d-flex justify-content-between">
2382                                    <div class="">
2383                                        06/08/2021 05:06 p.m.
2384                                    </div>
2385                                    <div class="">
2386                                        <a href="/portal/noticias/pdf/3058" target="_blank"
2387                                           class="link float-right text-muted" title="Descargar PDF">
2388                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2389                                                class="d-none d-sm-inline-block"></span>
2390                                        </a>
2391                                        <a href="javascript:void(0)" class="link">
2392                                            <i class="far fa-comment mr-2"></i>
2393                                        </a>
2394                                    </div>
2395                                </div>
2396                                <p class="m-b-10 m-t-15 flex-grow-1">Portal permitirá que más 500 mil servidores públicos entre docentes de educación básica y superior, auxiliares de educación, administrativos entre otros, accedan a los servicios de “Mi Legajo” y “Mi Boleta” de manera fácil y rápida desde cualquier dispositivo con Internet.</p>
2397                                <a href="/portal/noticias/det/3058"
2398                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2399                                    Leer más
2400                                </a>
2401                            </div>
2402                        </div>
2403                    
2404                        <div class="card">
2405                            
2406                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/Captura.PNG?r=1628202371">
2407                                    <img src="/media/portal/BNECA/noticia/Captura.PNG?r=1628202371" alt="image" class="img-responsive">
2408                                </a>
2409                            
2410                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2411                                <h4 class="font-normal">BOLETÍN INFORMATIVO</h4>
2412                                <div class="subtitulo w-100 d-flex justify-content-between">
2413                                    <div class="">
2414                                        21/07/2021 02:45 p.m.
2415                                    </div>
2416                                    <div class="">
2417                                        <a href="/portal/noticias/pdf/2997" target="_blank"
2418                                           class="link float-right text-muted" title="Descargar PDF">
2419                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2420                                                class="d-none d-sm-inline-block"></span>
2421                                        </a>
2422                                        <a href="javascript:void(0)" class="link">
2423                                            <i class="far fa-comment mr-2"></i>
2424                                        </a>
2425                                    </div>
2426                                </div>
2427                                <p class="m-b-10 m-t-15 flex-grow-1">BALANCE DE ACCIONES  2019-2021 .</p>
2428                                <a href="/portal/noticias/det/2997"
2429                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2430                                    Leer más
2431                                </a>
2432                            </div>
2433                        </div>
2434                    
2435                        <div class="card">
2436                            
2437                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/WhatsApp_Image_2021-06-04_at_9.06.39_PM_1.jpeg?r=1622916101">
2438                                    <img src="/media/portal/BNECA/noticia/WhatsApp_Image_2021-06-04_at_9.06.39_PM_1.jpeg?r=1622916101" alt="image" class="img-responsive">
2439                                </a>
2440                            
2441                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2442                                <h4 class="font-normal">AUDITORES JUVENILES</h4>
2443                                <div class="subtitulo w-100 d-flex justify-content-between">
2444                                    <div class="">
2445                                        04/06/2021 05:00 p.m.
2446                                    </div>
2447                                    <div class="">
2448                                        <a href="/portal/noticias/pdf/2745" target="_blank"
2449                                           class="link float-right text-muted" title="Descargar PDF">
2450                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2451                                                class="d-none d-sm-inline-block"></span>
2452                                        </a>
2453                                        <a href="javascript:void(0)" class="link">
2454                                            <i class="far fa-comment mr-2"></i>
2455                                        </a>
2456                                    </div>
2457                                </div>
2458                                <p class="m-b-10 m-t-15 flex-grow-1">Participa
2459Inicia tu Veeduría Escolar Virtual</p>
2460                                <a href="/portal/noticias/det/2745"
2461                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2462                                    Leer más
2463                                </a>
2464                            </div>
2465                        </div>
2466                    
2467                        <div class="card">
2468                            
2469                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/WhatsApp_Image_2021-05-23_at_9.57.33_PM.jpeg?r=1621863921">
2470                                    <img src="/media/portal/BNECA/noticia/WhatsApp_Image_2021-05-23_at_9.57.33_PM.jpeg?r=1621863921" alt="image" class="img-responsive">
2471                                </a>
2472                            
2473                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2474                                <h4 class="font-normal">90 AÑOS EDUCACIÓN INICIAL</h4>
2475                                <div class="subtitulo w-100 d-flex justify-content-between">
2476                                    <div class="">
2477                                        17/05/2021 04:54 p.m.
2478                                    </div>
2479                                    <div class="">
2480                                        <a href="/portal/noticias/pdf/2688" target="_blank"
2481                                           class="link float-right text-muted" title="Descargar PDF">
2482                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2483                                                class="d-none d-sm-inline-block"></span>
2484                                        </a>
2485                                        <a href="javascript:void(0)" class="link">
2486                                            <i class="far fa-comment mr-2"></i>
2487                                        </a>
2488                                    </div>
2489                                </div>
2490                                <p class="m-b-10 m-t-15 flex-grow-1">En estos 90 años de historia se han realizado grandes avances con respecto a la concepción que tenemos de la niña y niño. Todo esto es un aprendizaje para enfrentar este nuevo contexto en la educación inicial.</p>
2491                                <a href="/portal/noticias/det/2688"
2492                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2493                                    Leer más
2494                                </a>
2495                            </div>
2496                        </div>
2497                    
2498                        <div class="card">
2499                            
2500                                <a class="image-popup-no-margins" href="/media/portal/BNECA/noticia/WhatsApp_Image_2021-02-22_at_10.49.06_AM.jpeg?r=1614009199">
2501                                    <img src="/media/portal/BNECA/noticia/WhatsApp_Image_2021-02-22_at_10.49.06_AM.jpeg?r=1614009199" alt="image" class="img-responsive">
2502                                </a>
2503                            
2504                            <div class="card-body d-flex flex-column flex-wrap align-items-end">
2505                                <h4 class="font-normal">MATRICULAS 2021</h4>
2506                                <div class="subtitulo w-100 d-flex justify-content-between">
2507                                    <div class="">
2508                                        18/02/2021 05:40 p.m.
2509                                    </div>
2510                                    <div class="">
2511                                        <a href="/portal/noticias/pdf/2210" target="_blank"
2512                                           class="link float-right text-muted" title="Descargar PDF">
2513                                            <i class="mdi mdi-file-pdf-box text-danger"></i> <span
2514                                                class="d-none d-sm-inline-block"></span>
2515                                        </a>
2516                                        <a href="javascript:void(0)" class="link">
2517                                            <i class="far fa-comment mr-2"></i>
2518                                        </a>
2519                                    </div>
2520                                </div>
2521                                <p class="m-b-10 m-t-15 flex-grow-1">Comunicado 02-2021-UGEL-SP</p>
2522                                <a href="/portal/noticias/det/2210"
2523                                   class="btn btn-sm btn-success btn-rounded waves-effect waves-light mt-2 align-baseline w-auto">
2524                                    Leer más
2525                                </a>
2526                            </div>
2527                        </div>
2528                    
2529                </div>
2530            </div>
2531        </div>
2532
2533        <div class="text-center mt-3">
2534            
2535                <a href="/portal/noticias"
2536                   class="btn btn-sm btn-outline-success waves-effect waves-light ml-2" type="button">
2537                    Más noticias...
2538                </a>
2539            
2540            
2541        </div>
2542    </section>
2543
2544    
2544<script type="text/javascript">
2545        $(document).ready(function () {
2546            $('#carruselNoticias').owlCarousel({
2547                loop: true,
2548                center: true,
2549                margin: 15,
2550                responsiveClass: true,
2551                autoplay: true,
2552                autoplayHoverPause: true,
2553                responsive: {
2554                    0: {
2555                        items: 1
2556                    },
2557                    576: {
2558                        items: 2
2559                    },
2560                    768: {
2561                        items: 3
2562                    }
2563                }
2564            });
2565        });
2566    </script>
2566
2567
2568
2569
2570    <section id="anuncios" class="seccion">
2571        <div class="container-fluid">
2572            <h2 class="titulo-seccion">
2573                Videos
2574            </h2>
2575            
2576
2577            
2578                <div id="carrusel_video" class="carousel slide" data-ride="carousel">
2579                    <ol class="carousel-indicators">
2580                        
2581                            <li data-target="#carrusel_video" data-slide-to="0"
2582                                class="active">
2583                            </li>
2584                        
2585                            <li data-target="#carrusel_video" data-slide-to="1"
2586                                class="">
2587                            </li>
2588                        
2589                            <li data-target="#carrusel_video" data-slide-to="2"
2590                                class="">
2591                            </li>
2592                        
2593                            <li data-target="#carrusel_video" data-slide-to="3"
2594                                class="">
2595                            </li>
2596                        
2597                            <li data-target="#carrusel_video" data-slide-to="4"
2598                                class="">
2599                            </li>
2600                        
2601                            <li data-target="#carrusel_video" data-slide-to="5"
2602                                class="">
2603                            </li>
2604                        
2605                            <li data-target="#carrusel_video" data-slide-to="6"
2606                                class="">
2607                            </li>
2608                        
2609                            <li data-target="#carrusel_video" data-slide-to="7"
2610                                class="">
2611                            </li>
2612                        
2613                            <li data-target="#carrusel_video" data-slide-to="8"
2614                                class="">
2615                            </li>
2616                        
2617                    </ol>
2618                    <div class="carousel-inner" role="listbox">
2619                        
2620                            <div class="carousel-item active">
2621                                <div class="row align-items-center">
2622                                    <div class="col-md-6 text-center">
2623                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2624                                           data-mfp-src="https://www.youtube.com/shorts/3keHcLWf9Pw">
2625                                            <img src="/media/portal/BNECA/anuncios/video/iInicio_de_Semana_2.png?r=1773789629"
2626                                                 class="img-fluid"
2627                                                 style="height: 360px !important;" alt="">
2628                                        </a>
2629                                    </div>
2630                                    <div class="col-md-6">
2631                                        <h3 class="mb-3 text-info mt-3">INICIO DE CLASES 16 DE MARZO</h3>
2632                                        <p class="text-justify">HA LLEGADO EL MOMENTO DE BRINDAR UN SERVICIO DE CALIDAD, POR ESO TODOS A CLASES DESDE EL PRIMER DÍA.</p>
2633                                    </div>
2634                                </div>
2635                            </div>
2636                        
2637                            <div class="carousel-item ">
2638                                <div class="row align-items-center">
2639                                    <div class="col-md-6 text-center">
2640                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2641                                           data-mfp-src="https://www.youtube.com/watch?v=1k0S1XmRiGs">
2642                                            <img src="/media/portal/BNECA/anuncios/video/20240111_100557.jpg?r=1705513185"
2643                                                 class="img-fluid"
2644                                                 style="height: 360px !important;" alt="">
2645                                        </a>
2646                                    </div>
2647                                    <div class="col-md-6">
2648                                        <h3 class="mb-3 text-info mt-3">COPROSEC PONDRÁ EN MARCHA PLAN DE TRABAJO PARA EL PRIMER TRIMESTRE</h3>
2649                                        <p class="text-justify">Con miras a proteger la vida del ciudadano sampablino, se aprobó el Plan de Trabajo del COPROSEC; por consiguiente se estableció un cronograma de actividades conforme al plan de trabajo en búsqueda de la paz y la tranquilidad de los ciudadanos.</p>
2650                                    </div>
2651                                </div>
2652                            </div>
2653                        
2654                            <div class="carousel-item ">
2655                                <div class="row align-items-center">
2656                                    <div class="col-md-6 text-center">
2657                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2658                                           data-mfp-src="https://www.youtube.com/watch?v=LUmYAbckt4Y">
2659                                            <img src="/media/portal/BNECA/anuncios/video/IMG_7588.JPG?r=1705512503"
2660                                                 class="img-fluid"
2661                                                 style="height: 360px !important;" alt="">
2662                                        </a>
2663                                    </div>
2664                                    <div class="col-md-6">
2665                                        <h3 class="mb-3 text-info mt-3">SE RENUEVA DIRECTORIO DEL SUBCAFAE</h3>
2666                                        <p class="text-justify">En presencia de nuevos funcionarios de la UGEL que en adelante conformarán el actual directorio. Exdirector de la UGEL Prof. Fernando Quiroz Narváez dio cuenta de las acciones realizadas desde el momento que asumió la presidencia del Subcafae. Posteriormente junto a los exfuncionarios hizo entrega del cargo al nuevo directorio.</p>
2667                                    </div>
2668                                </div>
2669                            </div>
2670                        
2671                            <div class="carousel-item ">
2672                                <div class="row align-items-center">
2673                                    <div class="col-md-6 text-center">
2674                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2675                                           data-mfp-src="https://www.youtube.com/watch?v=buoTaLg3W8c">
2676                                            <img src="/media/portal/BNECA/anuncios/video/20240105_095651.jpg?r=1705511977"
2677                                                 class="img-fluid"
2678                                                 style="height: 360px !important;" alt="">
2679                                        </a>
2680                                    </div>
2681                                    <div class="col-md-6">
2682                                        <h3 class="mb-3 text-info mt-3">Juramentación de integrantes del COPROSEC</h3>
2683                                        <p class="text-justify">ALCALDE  COMO PRESIDENTE DEL COPROSEC ASUMIÓ LA RESPONSABILIDAD DE JURAMENTAR A INTEGRANTES DEL COMITÉ PROVINCIAL DE SEGURIDAD CIUDADANA DE NUESTRA PROVINCIA DE SAN PABLO, ASIMISMO CADA UNO DE LOS PRESENTES BRINDARON APORTES PARA FORTALECER EL PLAN DE TRABAJO PARA EL PRIMER TRIMESTRE DEL AÑO.</p>
2684                                    </div>
2685                                </div>
2686                            </div>
2687                        
2688                            <div class="carousel-item ">
2689                                <div class="row align-items-center">
2690                                    <div class="col-md-6 text-center">
2691                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2692                                           data-mfp-src="https://youtu.be/VZc0umTX0K4">
2693                                            <img src="/media/portal/BNECA/anuncios/video/Captura_de_pantalla_3285.png?r=1671466966"
2694                                                 class="img-fluid"
2695                                                 style="height: 360px !important;" alt="">
2696                                        </a>
2697                                    </div>
2698                                    <div class="col-md-6">
2699                                        <h3 class="mb-3 text-info mt-3">
2699VII FERIA DE EXPERIENCIAS EXITOSAS</h3>
2700                                        <p class="text-justify">ORGANIZA UGEL SAN PABLO</p>
2701                                    </div>
2702                                </div>
2703                            </div>
2704                        
2705                            <div class="carousel-item ">
2706                                <div class="row align-items-center">
2707                                    <div class="col-md-6 text-center">
2708                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2709                                           data-mfp-src="https://www.youtube.com/watch?v=YXcVnyIKh08">
2710                                            <img src="/media/portal/BNECA/anuncios/video/Captura_de_pantalla_2827.png?r=1658165612"
2711                                                 class="img-fluid"
2712                                                 style="height: 360px !important;" alt="">
2713                                        </a>
2714                                    </div>
2715                                    <div class="col-md-6">
2716                                        <h3 class="mb-3 text-info mt-3">CEREMONIA PROTOCOLAR POR EL 13 DE JULIO</h3>
2717                                        <p class="text-justify">AUTORIDADES Y PRESENTANTES DE INSTITUCIONES RECORDARON LOS 140 AÑOS DE LA GLORIOSA BATALLA DE SAN PABLO, LA ÚNICA VICTORIA OBTENIDA EN EL NORTE PERUANO</p>
2718                                    </div>
2719                                </div>
2720                            </div>
2721                        
2722                            <div class="carousel-item ">
2723                                <div class="row align-items-center">
2724                                    <div class="col-md-6 text-center">
2725                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2726                                           data-mfp-src="https://www.youtube.com/watch?v=eD41U47aTtM">
2727                                            <img src="/media/portal/BNECA/anuncios/video/Captura_de_pantalla_2819.png?r=1658163043"
2728                                                 class="img-fluid"
2729                                                 style="height: 360px !important;" alt="">
2730                                        </a>
2731                                    </div>
2732                                    <div class="col-md-6">
2733                                        <h3 class="mb-3 text-info mt-3">CHARLA MOTIVACIONAL EN LA IE SAN BERNARDINO</h3>
2734                                        <p class="text-justify">CHARLA FUE DIRIGIDA A ESTUDIANTES DE 3RO, 4TO. Y 5TO DE SECUNDARIA</p>
2735                                    </div>
2736                                </div>
2737                            </div>
2738                        
2739                            <div class="carousel-item ">
2740                                <div class="row align-items-center">
2741                                    <div class="col-md-6 text-center">
2742                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2743                                           data-mfp-src="https://www.youtube.com/watch?v=q9R-svqN0Jk">
2744                                            <img src="/media/portal/BNECA/anuncios/video/Captura_de_pantalla_2821.png?r=1658163394"
2745                                                 class="img-fluid"
2746                                                 style="height: 360px !important;" alt="">
2747                                        </a>
2748                                    </div>
2749                                    <div class="col-md-6">
2750                                        <h3 class="mb-3 text-info mt-3">DIA DE LA BANDERA</h3>
2751                                        <p class="text-justify">AUTORIDADES Y REPRESENTANTES DE INSTITUCIONES CELEBRARON EL DIA DE LA BANDERA</p>
2752                                    </div>
2753                                </div>
2754                            </div>
2755                        
2756                            <div class="carousel-item ">
2757                                <div class="row align-items-center">
2758                                    <div class="col-md-6 text-center">
2759                                        <a class="popup-youtube img-video position-relative" href="javascript:void(0)"
2760                                           data-mfp-src="https://www.youtube.com/watch?v=CU-l8wEFKDI">
2761                                            <img src="/media/portal/BNECA/anuncios/video/Captura_de_pantalla_2822.png?r=1658163545"
2762                                                 class="img-fluid"
2763                                                 style="height: 360px !important;" alt="">
2764                                        </a>
2765                                    </div>
2766                                    <div class="col-md-6">
2767                                        <h3 class="mb-3 text-info mt-3">UGEL ENTREGA PREMIOS A GANADORES DE CONCURSOS 2021</h3>
2768                                        <p class="text-justify">EL ÁREA DE CONVIVENCIA ESCOLAR ORGANIZÓ CONCURSOS EN EL AÑO 2021 Y EN EL PRESENTE AÑO SE HIZO ENTREGA A LOS GANADORES.</p>
2769                                    </div>
2770                                </div>
2771                            </div>
2772                        
2773                    </div>
2774                    <a class="carousel-control-prev" href="#carrusel_video" role="button" data-slide="prev">
2775                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
2776                        <span class="sr-only">Anterior</span>
2777                    </a>
2778                    <a class="carousel-control-next" href="#carrusel_video" role="button" data-slide="next">
2779                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
2780                        <span class="sr-only">Siguiente</span>
2781                    </a>
2782                </div>
2783            
2784
2785            
2786                <div class="text-center" style="margin-top: 4.5rem">
2787                    <a href="/portal/videos"
2788                       class="btn btn-sm btn-outline-success waves-effect waves-light ml-2" type="button">
2789                        Más videos...
2790                    </a>
2791                </div>
2792            
2793        </div>
2794    </section>
2795
2796
2797
2798    
2799    <section id="agendaEncuesta" class="seccion-fondo">
2800        <div class="container-fluid">
2801            <div class="row">
2802                
2803                
2804                
2805                
2806                    
2807                
2808                
2809                    <div class="col-md-6">
2810                        <h2 class="titulo-seccion">Audios</h2>
2811                        <div class="message-box lista-audios">
2812                            <div class="message-widget m-t-20">
2813                                
2814                                    
2815    <a href="https://youtu.be/Unfk7yd5lPs" data-toggle="modal" data-target="#modalPortalAudio">
2816
2817    <div class="flex-grow-1 d-flex flex-row justify-content-between align-items-center">
2818        <div class="user-img mr-auto"><span class="round bg-warning"><i class="mdi mdi-play"></i></span></div>
2819        <div class="ml-2 w-100 text-justify"><h6>Adivinanzas</h6></div>
2820    </div>
2821    <div class="d-flex flex-row justify-content-between mt-2">
2822        <div class="">12/03/2020</div>
2823        <div class="text-primary">5:39</div>
2824    </div>
2825
2826    </a>
2827
2828
2829
2830
2831
2832
2833
2834
2835
2836
2837
2838
2839                                
2840                                    
2841    <a href="https://www.facebook.com/144574992889873/videos/2603385379909869/" data-toggle="modal" data-target="#modalPortalAudio">
2842
2843    <div class="flex-grow-1 d-flex flex-row justify-content-between align-items-center">
2844        <div class="user-img mr-auto"><span class="round bg-warning"><i class="mdi mdi-play"></i></span></div>
2845        <div class="ml-2 w-100 text-justify"><h6>Inicio de Año Escolar 2020</h6></div>
2846    </div>
2847    <div class="d-flex flex-row justify-content-between mt-2">
2848        <div class="">12/03/2020</div>
2849        <div class="text-primary">0.15</div>
2850    </div>
2851
2852    </a>
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865                                
2866                            </div>
2867                        </div>
2868                        
2869<div id="modalPortalAudio" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="vcenter"
2870     aria-hidden="true">
2871    <div class="modal-dialog modal-dialog-centered">
2872        <div class="modal-content w-auto">
2873            <div class="holds-the-iframe">
2874                <iframe src="" height="102px" width="400px" frameborder="0" scrolling="no"></iframe>
2875            </div>
2876        </div>
2877    </div>
2878</div>
2879<style type="text/css">
2880    .holds-the-iframe {
2881        background: url(/static/images/loader.gif) center center no-repeat;
2882    }
2883</style>
2884<script type="text/javascript">
2885    $("#modalPortalAudio").on('show.bs.modal', function (e) {
2886        if (e.target.id == 'modalPortalAudio' && e.relatedTarget) {
2887            $(this).find(".modal-content iframe").prop(
2888                "src",
2889                e.relatedTarget.getAttribute("href")
2890            );
2891        }
2892    }).on('shown.bs.modal', function (e) {
2893        $.unblockUI();
2894    }).on('hidden.bs.modal', function (e) {
2895        $(this).find(".modal-content iframe").prop("src", "");
2896    });
2897</script>
2897
2898                        
2899                    </div>
2900                
2901                <div class="col-md-6 agenda">
2902                    <h2 class="titulo-seccion"><label for="ws-agenda-select2">Agenda</label></h2>
2903                    <div class="row">
2904                        <div class="offset-md-2 col-md-8">
2905                            <select id="ws-agenda-select2" class="w-100">
2906                                <option value="0">Todos</option>
2907
2908                                
2909                                    <option value="107">
2910                                        Dirección
2911                                    </option>
2912                                
2913                            </select>
2914                        </div>
2915                    </div>
2916                    <div class="d-flex align-items-center justify-content-center">
2917                        
2918<style type="text/css">
2919    .datepicker table tr td.new {
2920        display: none;
2921    
2922    }
2923
2924    .datepicker table tr td.old {
2925        visibility: hidden;
2926    
2927    }
2928</style>
2929<div id="ws-agenda-datepicker" style="margin-left: -40px;
2929" data-date="08-10-2026"></div>
2930
2931<script type="text/javascript">
2932    var fechasProgramadas = new Array();
2933
2934    $("#ws-agenda-select2").on("change", function () {
2935        wsCargarAgenda();
2936    });
2937
2938    $('#ws-agenda-datepicker').datepicker({
2939        format: "dd/mm/yyyy",
2940        language: "es",
2941        todayHighlight: false,
2942        beforeShowDay: function (d) {
2943            fecha = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
2944            
2945            fecha = new Date(fecha).getTime();
2946
2947            
2948
2949            
2950            
2951            
2952            
2953
2954            if ($.inArray(fecha, fechasProgramadas) != -1) {
2955                urlWSADetail = '/portal/agendas/detalle/0/0/0/0';
2956                urlWSADetail = urlWSADetail.replace(
2957                    "/0/0/0/0",
2958                    "/" + $("#ws-agenda-select2").val() +
2959                    "/" + d.getFullYear() +
2960                    "/" + (d.getMonth() + 1) +
2961                    "/" + d.getDate()
2962                );
2963                return {
2964                    content: '<a href="' + urlWSADetail + '" data-toggle="modal" ' +
2965                        'data-target="#modalMasterPortal">' + d.getDate() + '</a>',
2966                    classes: 'today'
2967                };
2968            }
2969        }
2970    }).on("changeMonth", function (e) {
2971        wsCargarAgenda(e);
2972    }).on("changeYear", function (e) {
2973        wsCargarAgenda(e);
2974    });
2975
2976    function wsCargarAgenda(e) {
2977
2978        urlWSAgenda = "/portal/agendas/0/0/0";
2979        fechaNueva = null;
2980        if (e) {
2981            $("#ws-agenda-datepicker").datepicker("setDate", e.date);
2982            fechaNueva = e.date;
2983        }
2984        wsFS = $("#ws-agenda-datepicker").datepicker("getDate");
2985        urlWSAgenda = urlWSAgenda.replace(
2986            "/0/0/0",
2987            "/" + $("#ws-agenda-select2").val() + "/" + wsFS.getFullYear() + "/" + (wsFS.getMonth() + 1)
2988        );
2989
2990        $.post({
2991            url: urlWSAgenda,
2992            method: 'POST',
2993            extraParams: {
2994                csrfmiddlewaretoken: csrftoken
2995            },
2996        }).done(function (wsdataAG) {
2997            listaFechas = new Array();
2998            for (wscobj = 0; wscobj < wsdataAG.length; wscobj++) {
2999                listaFechas.push((new Date(wsdataAG[wscobj].dia)).getTime());
3000            }
3001            fechasProgramadas = listaFechas;
3002            if (fechaNueva) {
3003                $("#ws-agenda-datepicker").datepicker("update", fechaNueva);
3004            } else {
3005                $("#ws-agenda-datepicker").datepicker("update");
3006            }
3007        }).fail(function (xhr, status, error) {
3008            
3009        });
3010    }
3011
3012    wsCargarAgenda();
3013
3014
3015    $("#ws-agenda-datepicker .datepicker-days").on('click', 'td.today', function (e) {
3016        urlDetalle = $(this).find("a:first");
3017        $(urlDetalle.data("target")).find('.modal-content').cargarPagina(
3018            urlDetalle.prop("href"),
3019            function () {
3020                $(urlDetalle.data("target")).modal("show");
3021            }
3022        )
3023    });
3024</script>
3024
3025
3026                    </div>
3027                    <div class="text-center mt-3">
3028                        <a href="/portal/agendas"
3029                           class="btn btn-sm btn-outline-success waves-effect waves-light ml-2" type="button">
3030                            Detalle...
3031                        </a>
3032                    </div>
3033                </div>
3034            </div>
3035        </div>
3036    </section>
3037    
3037<script type="text/javascript">
3038        $("#ws-agenda-select2").djangoSelect2();
3039    </script>
3039
3040
3041
3042
3043    
3044
3045    <section id="seccion-locales" class="seccion pb-0">
3046        <h2 class="titulo-seccion mb-4">
3047            Locales
3048        </h2>
3049        
3049<script async defer
3050                src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNrwuFFhIOVSqXecERgYdryPZoyNGEZAE">
3051            src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyA2BYxGMZmVmOqyGL3-fOcmzjDd9XaN3q8&callback=initMap"
3052        </script>
3052
3053        <div class="row">
3054            <div class="col-lg-4 offset-lg-4 mb-3">
3055                <select name="local" id="cbLocal" required="required" data-minimum-results-for-search="Infinity" class="form-control  django-select2" data-allow-clear="false" data-minimum-input-length="0">
3056  <option value="39" selected>Unidad de Gestión Educativa Local San Pablo</option>
3057
3058</select>
3059            </div>
3060        </div>
3061        <div id="capalocal">
3062            
3063<div id="contenedor-mapa">
3064    <div id="seccion_mapas" class="mapa"></div>
3065    <div id="mapa-contactanos" class="p-3 pt-4 d-none d-md-block" style="background-color: #205cf0">
3066        <h2 class="titulo-seccion mb-3">Contáctanos</h2>
3067        <table>
3068            
3069                <tr>
3070                    <td><i class="ti ti-location-pin"></i></td>
3071                    <td>
3072                        <label>DIRECCIÓN</label><br>
3073                        <div>Jr. Talara N° 114<br>San Pablo<br>Cajamarca - Perú</div>
3074                    </td>
3075                </tr>
3076            
3077            
3078                <tr>
3079                    <td class="pt-4"><i class="mdi mdi-phone"></i></td>
3080                    <td class="pt-4">
3081                        <label>TELÉFONOS</label><br>
3082                        <div>
3083                            
3084                                960181041
3085                                 | 
3086                            
3087                                973396561 - 956067725
3088                                
3089                            
3090                        </div>
3091                    </td>
3092                </tr>
3093            
3094            
3095                <tr>
3096                    <td class="pt-4"><i class="fas fa-envelope"></i></td>
3097                    <td class="pt-4">
3098                        <label>CORREO</label><br>
3099                        <div>
3100                            
3101                                [email protected]
3102                                
3103                            
3104                        </div>
3105                    </td>
3106                </tr>
3107            
3108            
3109                <tr>
3110                    <td class="pt-4"><i class="fas fa-globe"></i></td>
3111                    <td class="pt-4">
3112                        <label>WEB</label><br>
3113                        <div>
3114                            
3115                                <a href="http://www.ugelsanpablo.gob.pe/" class="text-white"
3116                                   target="_blank">http://www.ugelsanpablo.gob.pe/</a>
3117                                
3118                            
3119                        </div>
3120                    </td>
3121                </tr>
3122            
3123        </table>
3124    </div>
3125
3126    <div id="seccion_contactanos" class="container-fluid d-block d-md-none seccion-fondo">
3127        <h2 class="titulo-seccion">Contáctanos</h2>
3128        <table>
3129            
3130                <tr>
3131                    <td><i class="ti ti-location-pin"></i></td>
3132                    <td>
3133                        <label>DIRECCIÓN</label><br>
3134                        <div>Jr. Talara N° 114<br>San Pablo<br>Cajamarca - Perú</div>
3135                    </td>
3136                </tr>
3137            
3138            
3139                <tr>
3140                    <td class="pt-4"><i class="mdi mdi-phone"></i></td>
3141                    <td class="pt-4">
3142                        <label>TELÉFONOS</label><br>
3143                        <div>
3144                            
3145                                960181041  |
3146                            
3147                            
3148                                973396561 - 956067725 
3149                            
3150                        </div>
3151                    </td>
3152                </tr>
3153            
3154            
3155                <tr>
3156                    <td class="pt-4"><i class="fas fa-envelope"></i></td>
3157                    <td class="pt-4">
3158                        <label>CORREO</label><br>
3159                        <div>
3160                            
3161                                [email protected]
3162                                
3163                            
3164                        </div>
3165                    </td>
3166                </tr>
3167            
3168        </table>
3169    </div>
3170</div>
3171<style type="text/css">
3172    .leaflet-pane, .leaflet-top, .leaflet-right, .leaflet-control {
3173        z-index: unset;
3174    }
3175</style>
3176<script type="text/javascript">
3177    $(document).ready(function () {
3178        
3179
3180        var puntoWEBSITE = [-7.114388, -78.82260100];
3181        var mapaWEBSITE = L.map('seccion_mapas', {
3182            zoomControl: false,
3183            fullscreenControl: true,
3184            fullscreenControlOptions: {
3185                position: 'topright',
3186                title: 'Ver el mapa en pantalla completa',
3187                titleCancel: 'Salir de pantalla completa',
3188            },
3189        }).setView(puntoWEBSITE, 20);
3190        L.control.zoom({position: 'bottomright'}).addTo(mapaWEBSITE);
3191        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
3192            attribution: "&copy; <a href='https://www.regioncajamarca.gob.pe' target='_blank'>" +
3193                "Gobierno Regional Cajamarca</a>"
3194        }).addTo(mapaWEBSITE);
3195        var iconWEBSITE = L.icon({
3196            iconUrl: "/static/images/favicon/favicon-32x32.png",
3197            shadowUrl: "/static/js2/leaflet/images/marker-shadow.png",
3198            iconSize: [32, 32], // size of the icon
3199            shadowSize: [50, 64], // size of the shadow
3200            iconAnchor: [0, 32], // point of the icon which will correspond to marker's location
3201            shadowAnchor: [0, 32],  // the same for the shadow
3202            popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor
3203        });
3204        var mkWEBSITE = L.marker(puntoWEBSITE, {
3205            keyboard: false,
3206            bubblingMouseEvents: false,
3207            icon: iconWEBSITE
3208        }).addTo(mapaWEBSITE);
3209        
3210            var mkpWEBSITE = L.popup({
3211                closeButton: false,
3212                autoClose: false,
3213                closeOnEscapeKey: false,
3214                closeOnClick: false
3215            }).setContent("<h6>Jr. Talara N° 114<br>San Pablo<br>Cajamarca - Perú</h6>");
3216            mkWEBSITE.bindPopup(mkpWEBSITE).openPopup();
3217        
3218        
3219        
3220        
3221        
3222        
3223        
3224        
3225        
3226        
3227        
3228        
3229        
3230        
3231        
3232        
3233        
3234        
3235        
3236        
3237        
3238        
3239        
3240        
3241        
3242        
3243        
3244        
3245        
3246        
3247        
3248        
3249        
3250        
3251        
3252        
3253        
3254        
3255        
3256        
3257        
3258        
3259        
3260        
3261        
3262        
3263        
3264        
3265        
3266        
3267        
3268        
3269        
3270        
3271    });
3272
3273</script>
3273
3274        </div>
3275        <form id="formlocal" method="post">
3276            <input type="hidden" name="csrfmiddlewaretoken" value="mlmYib7vogsJ2ctY1yZxRGEQXBR4sSiNe0zv80EBO068aoXoZ57Y4EYOAegd6CWT">
3277        </form>
3278        
3278<script type="text/javascript">
3279            $("#formlocal").ajaxForm(configAjaxForm($("#capalocal"), $("#capalocal")));
3280            $("#cbLocal").on("change", function () {
3281                urlLocal = "/portal/portal/mapalocal/0";
3282                urlLocal = urlLocal.replace("/0", "/" + $(this).val());
3283                $("#formlocal").prop("action", urlLocal).submit();
3284            });
3285            $(document).ready(function () {
3286                ancla = window.location.hash;
3287                if (ancla != '') {
3288                    window.location.hash = "";
3289                    $('#main-wrapper').animate({scrollTop: $(ancla).offset().top - 30}, 10);
3290                    $('#main-wrapper').slimScroll("update");
3291                }
3292            });
3293        </script>
3293
3294    </section>
3295
3296
3297
3298    
3299    <section id="enlaces_interes" class="seccion">
3300        <h2 class="titulo-seccion">Enlaces de Interés</h2>
3301        <div class="container-fluid">
3302            <div class="row">
3303                <div id="carruselEnlacesInteres" class="owl-carousel owl-theme owl-loaded owl-drag">
3304                    
3305                        <a href="https://www.regioncajamarca.gob.pe/" class="minbanner" target="_blank">
3306                            <img src="/media/portal/BNECA/acceso/N/WhatsApp_Image_2020-04-07_at_4.22.02_PM.jpeg?r=1586294591" alt="GOBIERNO REGIONAL CAJAMARCA">
3307                            
3308                        </a>
3309                    
3310                        <a href="https://peru.info/es-pe/" class="minbanner" target="_blank">
3311                            <img src="/media/portal/BNECA/acceso/N/descarga.png?r=1586298338" alt="MARCA PERÚ">
3312                            
3313                        </a>
3314                    
3315                        <a href="https://www.gob.pe/" class="minbanner" target="_blank">
3316                            <img src="/media/portal/BNECA/acceso/N/enlacegob.jpg?r=1586298479" alt="ESTADO PERUANO">
3317                            
3318                        </a>
3319                    
3320                        <a href="https://www.facebook.com/centroempleocajamarca/" class="minbanner" target="_blank">
3321                            <img src="/media/portal/BNECA/acceso/N/link-BolsaTrabajo1.png?r=1586298583" alt="BOLSA DE TRABAJO">
3322                            
3323                        </a>
3324                    
3325                        <a href="http://siagie.minedu.gob.pe/inicio/" class="minbanner" target="_blank">
3326                            <img src="/media/portal/BNECA/acceso/N/image_gallery.png.jpg?r=1586298712" alt="SIAGUE">
3327                            
3328                        </a>
3329                    
3330                        <a href="http://comunicado.perueduca.pe/" class="minbanner" target="_blank">
3331                            <img src="/media/portal/BNECA/acceso/N/logo-perueduca.png?r=1586299343" alt="PERÚ EDUCA">
3332                            
3333                        </a>
3334                    
3335                        <a href="http://escale.minedu.gob.pe/" class="minbanner" target="_blank">
3336                            <img src="/media/portal/BNECA/acceso/N/logoescale36758830.png.jpg?r=1586299407" alt="ESCALE">
3337                            
3338                        </a>
3339                    
3340                        <a href="https://sigied.minedu.gob.pe/" class="minbanner" target="_blank">
3341                            <img src="/media/portal/BNECA/acceso/N/image_gallery.jpg?r=1586299459" alt="SIGIED">
3342                            
3343                        </a>
3344                    
3345                        <a href="http://www.sunat.gob.pe/" class="minbanner" target="_blank">
3346                            <img src="/media/portal/BNECA/acceso/N/sunat_icon.png?r=1586300059" alt="SUNAT">
3347                            
3348                        </a>
3349                    
3350                        <a href="https://apps5.mineco.gob.pe/transparencia/Navegador/default.aspx" class="minbanner" target="_blank">
3351                            <img src="/media/portal/BNECA/acceso/N/OMARCD.jpg?r=1655245138" alt="CONSULTA AMIGABLE">
3352                            
3353                        </a>
3354                    
3355                </div>
3356            </div>
3357        </div>
3358
3359    </section>
3360    
3361
3362    
3363    
3363<script type="text/javascript">
3364        $(document).ready(function () {
3365            $('#carruselEnlacesInteres').owlCarousel({
3366                loop: true,
3367                center: true,
3368                margin: 10,
3369                responsiveClass: true,
3370                autoplay: true,
3371                autoplayHoverPause: true,
3372                responsive: {
3373                    0: {
3374                        items: 3
3375                    },
3376                    576: {
3377                        items: 4
3378                    },
3379                    768: {
3380                        items: 6
3381                    }
3382                }
3383            });
3384        });
3385    </script>
3385
3386
3387
3388
3389<section id="responsables" class="seccion-fondo">
3390    <div class="container-fluid">
3391        <div class="row">
3392            
3393                <div class="col-sm-6">
3394                    <h2 class="titulo-seccion-izquierda">Nosotros</h2>
3395                    
3396                        <p>Planificar, promover y conducir, el desarrollo integral, sostenible y seguro de la problacion del departamento de Cajamarca a través, de la gestión pública moderna, inclusiva, participativa, transparente y de calidad.</p>
3397                    
3398                </div>
3399            
3400            <div class="col-sm-6 text-sm-right mt-3">
3401                
3402                    <br class="d-block d-sm-none">
3403                    <h2 class="titulo-seccion-derecha">Transparencia Web</h2>
3404                    
3405                        <div class="mb-3">
3406                            <h5 class="mb-0"><span
3407                                    class="text-muted">Ing.</span> SEGUNDO MANUEL GAMONAL SANCHEZ</h5>
3408                            
3409                                <div class="mb-0">ÁREA DE GESTIÓN ADMINISTRATIVA, INFRAESTRUCTURA Y EQUIPAMIENTO</div>
3410                            
3411                            <div>Responsable de la Elaboración y Actualización del Portal de Transparencia</div>
3412                            
3413                                <a href="/media/portal/BNECA/responsable/PROYECTO_RD_N_642_07-07-21FFFF.pdf" target="_blank">RD N° 000642- 2021-GR.CAJ/DRE/UGEL-SP</a>
3414                                
3415                            
3416                        </div>
3417                    
3418                        <div class="">
3419                            <h5 class="mb-0"><span
3420                                    class="text-muted">Abg.</span> EDELMIRA ROSALIA VERASTEGUI VIGO</h5>
3421                            
3422                            <div>Responsable de entregar la Información de Acceso Público</div>
3423                            
3424                                <a href="/media/portal/BNECA/responsable/PROYECTOS_N_641_07-07-21FFF_1F.pdf" target="_blank">RD N° 000641-2021-GR.CAJ/DRE/UGEL-SP</a>
3425                                
3426                            
3427                        </div>
3428                    
3429                
3430            </div>
3431        </div>
3432    </div>
3433</section>
3434
3435
3436
3437
3438
3439
3440
3441
3442    
3443<footer id="pie_pagina" class="seccion bg-dark text-white">
3444    <div class="container-fluid text-center">
3445        <div class="redes-sociales mb-3">
3446            
3447                <a href="https://www.facebook.com/Ugel-San-Pablo-Cajamarca-144574992889873/" class="fab fa-facebook-f" target="_blank"></a>
3448            
3449                <a href="https://www.youtube.com/channel/UCL59EZt1RUxc8CCMfX3_j0w" class="fab fa-youtube" target="_blank"></a>
3450            
3451                <a href="" class="fab fa-instagram" target="_blank"></a>
3452            
3453                <a href="" class="fab fa-spotify" target="_blank"></a>
3454            
3455                <a href="" class="fab fa-whatsapp" target="_blank"></a>
3456            
3457        </div>
3458        <div>
3459            Copyright <i class="mdi mdi-copyright"></i> 2026 Unidad de Gestión Educativa Local San Pablo. Todos los derechos
3460            reservados
3461        </div>
3462        <div>
3463            <i class="mdi mdi-code-tags"></i> Diseñado y programado por la Dirección Regional de Transformación Digital
3464        </div>
3465        
3466    </div>
3467</footer>
3468
3469    
3469<script>
3470        MP();
3471    </script>
3471
3472</div>
3473
3474
3475</body>
3476</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.