My mistake

by megaadriano

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/signature_pad.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div ng-controller="myCtrl">

        <nav class="navbar navbar-light bg-light">
            <a class="navbar-brand" href="#">
                <span><img alt="Mundo do Saber" height="30" src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg"> </span>
                Mundo do Saber

            </a>


            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="navbar-toggler-icon"></span>
            </button>


            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="navbar-nav">
                    <li><a class="nav-link" ng-click="mostraVersao()">Sobre</a></li>

                </ul>
                <ul class="navbar-nav">
                    <li><a class="nav-link" href="#"> Login</a></li>
                </ul>
            </div>

        </nav>
        <div class="bd-example bd-example-tabs">
            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link" id="escola-tab" data-toggle="pill" href="#escola" role="tab" aria-controls="escola" aria-selected="true">Escola</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="pai-tab"...

CSS

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
 
    background-color:#FFFFFF;
   
}
.img_centro{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.bt_mtop{
    margin-top:10px;
}
.app {
    background: url(../images/cordova.png) no-repeat center top;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 225px;
    text-align: center;
    padding: 180px 0px 0px 0px;
    margin: -115px 0px 0px -112px;
}

@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;
        margin:-90px 0px 0px -198px;
    }
}

h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}
.loginDiv {
    margin-top: 20vh;
}
.centerComp {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.btLogin{
    margin-top:10px !important;
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100%...

JavaScript

var app = angular.module('myApp', []);

function myCtrl($scope) {
    $scope.users = [{
			"Checked" : false,
			"Id" : 5,
			"Name" : "First User"
		}, {
			"Checked" : true,
			"Id" : 6,
			"Name" : "Second User"
		}
	];;
}