admin-picture.html

<!DOCTYPE html>
<html>
  <head>
	<title>Outclass</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta charset="utf-8">
	
	<!-- Bootstrap -->
	<link href="styles/css/admin-styles.css" rel="stylesheet" media="screen">
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="bower_components/bootstrapValidator/dist/css/bootstrapValidator.min.css" rel="stylesheet" media="screen">

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    
    <link rel="shortcut icon" href="favicon//favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon/favicon.png">
    <link rel="apple-touch-icon" href="favicon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-fa fa-57x57-precomposed.png">
    <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-fa fa-72x72-precomposed.png">
    <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-fa fa-114x114-precomposed.png">
    <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-fa fa-144x144-precomposed.png">

  </head>
  <body>
  

    <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="admin-index.html">Ouclass Admin</a>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
                <li><a href="admin-support.html"><i class="fa fa-question-circle fa-lg"></i> Suporte</a></li>
                <li><a href="admin-login.html"><i class="fa fa-sign-out fa-lg"></i> Sair</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>


<div class="container-fluid">

        <a href="admin-picture.html" class="vcard visible-xs">
          <img src="img/antonio.jpg" alt="antonio" width="100" height="100" class="photo">
          <span class="fn">Nome do Colegio</span>
        </a> 

  <div class="row">

    <div class="col-xs-1 col-sm-3 col-md-2 sidebar">

        <a href="admin-picture.html" class="vcard hidden-xs">
          <img src="img/antonio.jpg" alt="antonio" width="100" height="100" class="photo">
          <span class="fn">Nome do Colegio</span>       
          <div class="edit-profile">
            <i class="fa fa-pencil-square-o fa-lg"></i>
          </div>
        </a> 

      <div class="nav-container">
        <ul class="side-nav">        
 
          <li>
            <a href="admin-units.html">
              <i class="fa fa-university fa-lg"></i>
              <span class="text">Setores</span>
            </a>
          </li>
 
          <li>
            <a href="admin-inbox.html">
              <i class="fa fa-envelope fa-lg"></i>
              <span class="text">Mensagens</span>
            </a>
          </li>

          <li class="active">
            <a href="admin-settings.html">
              <i class="fa fa-cog fa-lg"></i>
              <span class="text">Configurações</span>
            </a>
          </li>
          
 
        </ul>
      </div>

    </div><!-- side menu -->

    <div class="col-xs-11 col-xs-offset-1 col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">


<div class="page-header">
  <h1>Imagem <small class="hidden-xs">Inserir ou editar imagem da sua instituição de ensino.</small></h1>
</div>

<div class="alert alert-success"><strong>Muito bem!</strong> A imagem foi inserida corretamente.</div>
<!-- 
================================================================================ 
THIAGO, se o usuario estiver mudando a imagem, o texto do alert vai ser:
Muito bem! A imagem foi alterada corretamente.
================================================================================ 
-->

<p>Utilize a logomarca, logotipo, ou foto que melhor represente a sua instituição de ensino. A imagem selecionada irá aparecer para alunos e responsáveis no aplicativo Outclass.</p>

<div class="row">

<div class="col-sm-8">

  <div class="alert alert-danger"><strong>Algo deu errado!</strong> Verifique se a imagem selecionada está em .png ou .jpg e não possua mais do que 2MB. Se o erro persistir <a href="admin-support.html">entre em contato</a>.
</div>

<form role="form" class="validateForm" enctype="multipart/form-data">
  <div class="form-group">
    <label for="logo">Inserir ou alterar a imagem da instituição de ensino.</label>
    <input type="file" id="logo" name="picture" required>
    <p class="help-block">Selecione logo ou imagem em .jpg ou .png com no máximo 2MB.</p>
  </div><!-- form-group -->
  
  <p><input type="submit" class="btn btn-success" value="Enviar a imagem"></p>

</form>

</div><!-- col -->

<div class="col-sm-4">

  <div class="panel panel-info">
    <div class="panel-heading">Panel de informação</div><!-- panel-heading -->
    <div class="panel-body">
      <p>A imagem ou foto de perfil é a representação visual da sua instituição de ensino no aplicativo Outclass e estará diretamente ligada as ações que você poderá executar utilizando a nossa ferramenta.</p>
      <p>Dúvidas, visite o nosso suporte <a href="admin-support.html">clicando aqui</a>.</p>
    </div><!-- panel body -->
  </div><!-- panel -->

</div><!-- col -->


</div><!-- row-->


    </div><!-- main area -->


  </div><!-- row -->
</div><!-- container fluid -->


	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="bower_components/jquery/dist/jquery.min.js"></script> 
	
	<!-- Bootestrap Validate for forms validation -->
	<script src="bower_components/bootstrapValidator/dist/js/bootstrapValidator.min.js"></script> 
	
	<!-- Include all compiled plugins (below), or include individual files as needed  -->  
	<script src="js/bootstrap.min.js"></script>
   
  <!-- My script  -->
  <script src="js/admin-script.js"></script>


  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-44750198-1', 'outclassapp.com');
  ga('send', 'pageview');

</script>


	</body>
</html>