eclass.unmer.ac.id

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title" id="exampleModalLabel">ÁREA DO ALUNO</h1>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                
                    <div class='card-body' style="font-family: Calibri;">
                        <form class="form-signin" method="post" action="includes/conexao/validacao.php" target="_blank" >
                            <div class='form-group'>
                                <label for='username'>Login</label>
                                <input id='username' name="usuario" type='text' class='form-control' placeholder='Digie seu login' style="font-family: Calibri;font-size: 14px">
                            </div>
                            <div class='form-group'>
                                <label for='password'>Senha</label>
                                <input type="password" id='password' name="senha" type='text' class='form-control' placeholder='*******'  style="font-family: Calibri;font-size: 14px">
                            </div>
                            
                        
                        <br>
                        <p>Não tem uma conta? <a href='#' class='btn btn-underline' style="font-size: 16px;">Cadastre-se</a></p>
                        <p>Esqueceu sua senha? <a href='#' class='btn btn-underline' style="font-size: 16px;">Recupere</a></p>
                        <hr>
                        
                    </div>
                
            </div>
            <div class="modal-footer"><button type="submit" data-btntext-sending="Sending..." style=" width: 100%; background-color: #000; color: #fff; border-radius: 8px; border: none; padding: 5px; text-align: center;">ENTRAR</button>

</form>
               
            </div>
        </div>
    </div>
</div>

<footer class="footer" style="background-color: #FCCB00">
            <div class="container">
                <div class="row">
                    
                    <div class="col-md-12 col-lg-5">
                        <h3 style="font-family: Calibri; font-weight: bold">CONTATO</h3>
                        <p style="font-family: Calibri; color: #000">
                            <i class="fa fa-map-marker"></i> <?php echo $resc['enderecotopo_config']; ?>
                        </p>
                        <p style="font-family: Calibri; color: #000">
                            <i class="fa fa-phone"></i> <?php echo $resc['telefone_config']; ?> -                      
                            <i class="fa fa-envelope-o"></i> <?php echo $resc['email_config']; ?>
                        </p>
                    </div>

<div class="col-md-12 col-lg-4" style="padding-right: 5%">
                        <h3 style="font-family: Calibri; font-weight: bold">NEWSLETTER</h3>
                        <div class="mb30">
                            <form>
                                <div class="form-group">
                                    <label for="subscribe" style="font-family: Calibri; color: #000">Cadastre-se e receba as principais noticias da IBAPE-SP em seu e-mail</label>
                                    <input type="email" class="form-control" placeholder="Seu e-mail" id="subscribe">
                                    <button type="submit" class="btn-newsletter"><i class="fa fa-paper-plane-o"></i></button>
                                </div>
                            </form>
                        </div>

</div>
                    
                    <div class="col-md-12 col-lg-3" style=" margin-bottom: 10px">
                        
                        <div class="icones">
                        <ul class="list-inline">
                            <li class="list-inline-item" style="margin: 0 6px"><a href="<?php echo $resc['facebook_config']; ?>" target="_blank"><img src="images\icons\PNG\face.png"></a></li>
                            <li class="list-inline-item" style="margin: 0 6px"><a href="<?php echo $resc['in_config']; ?>" target="_blank"><img src="images\icons\PNG\link.png"></a></li>
                            <li class="list-inline-item" style="margin: 0 6px"><a href="<?php echo $resc['insta_config']; ?>" target="_blank"><img src="images\icons\PNG\insta.png"></a></li>
                        </ul>
                        </div>
                        
                    </div>

</div>
            </div>
        </footer>
        <script src="js/bundle/bundle.js" type="text/javascript"></script>
        <script src="js/versa.custom.js"></script>
        
        
        <script type="text/javascript" src="plugins/dzsparallaxer/dzsparallaxer.js"></script>
        <script type="text/javascript" src="plugins/dzsparallaxer/scroller.js"></script>
        <script type="text/javascript" src="plugins/dzsparallaxer/advancedscroller/plugin.js"></script>
        <script src="js/master-slider-home.js"></script>
        
        <script type="text/javascript" src="plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
        
        <script type="text/javascript" src="js/cube-portfolio-home.js"></script>

$('.leftLst, .rightLst').click(function () {
                var condition = $(this).hasClass("leftLst");
                if (condition)
                    click(0, this);
                else
                    click(1, this)
            });

ResCarouselSize();

$(window).resize(function () {
                ResCarouselSize();
            });

//this function define the size of the items
            function ResCarouselSize() {
                var incno = 0;
                var dataItems = ("data-items");
                var itemClass = ('.item');
                var id = 0;
                var btnParentSb = '';
                var itemsSplit = '';
                var sampwidth = $(itemsMainDiv).width();
                var bodyWidth = $('body').width();
                $(itemsDiv).each(function () {
                    id = id + 1;
                    var itemNumbers = $(this).find(itemClass).length;
                    btnParentSb = $(this).parent().attr(dataItems);
                    itemsSplit = btnParentSb.split(',');
                    $(this).parent().attr("id", "MultiCarousel" + id);

if (bodyWidth >= 1200) {
                        incno = itemsSplit[1];
                        itemWidth = sampwidth / incno;
                    }
                    else if (bodyWidth >= 992) {
                        incno = itemsSplit[1];
                        itemWidth = sampwidth / incno;
                    }
                    else if (bodyWidth >= 768) {
                        incno = itemsSplit[1];
                        itemWidth = sampwidth / incno;
                    }
                    else {
                        incno = itemsSplit[0];
                        itemWidth = sampwidth / incno;
                    }
                    $(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers });
                    $(this).find(itemClass).each(function () {
                        $(this).outerWidth(itemWidth);
                    });

$(".leftLst").addClass("over");
                    $(".rightLst").removeClass("over");

});
            }

//this function used to move the items
            function ResCarousel(e, el, s) {
                var leftBtn = ('.leftLst');
                var rightBtn = ('.rightLst');
                var translateXval = '';
                var divStyle = $(el + ' ' + itemsDiv).css('transform');
                var values = divStyle.match(/-?[\d\.]+/g);
                var xds = Math.abs(values[4]);
                if (e == 0) {
                    translateXval = parseInt(xds) - parseInt(itemWidth * s);
                    $(el + ' ' + rightBtn).removeClass("over");

if (translateXval <= itemWidth / 2) {
                        translateXval = 0;
                        $(el + ' ' + leftBtn).addClass("over");
                    }
                }
                else if (e == 1) {
                    var itemsCondition = $(el).find(itemsDiv).width() - $(el).width();
                    translateXval = parseInt(xds) + parseInt(itemWidth * s);
                    $(el + ' ' + leftBtn).removeClass("over");

if (translateXval >= itemsCondition - itemWidth / 2) {
                        translateXval = itemsCondition;
                        $(el + ' ' + rightBtn).addClass("over");
                    }
                }
                $(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)');
            }

//It is used to get some elements from btn
            function click(ell, ee) {
                var Parent = "#" + $(ee).parent().attr("id");
                var slide = $(Parent).attr("data-slide");
                ResCarousel(ell, Parent, slide);
            }

});
        </script>