123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <title>iVProgH - LInE (free educational software and contents)</title>
- <link href="css/bootstrap.min.css" rel="stylesheet">
- <link href="css/style.css" rel="stylesheet">
- </head>
- <body>
- <nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background-color: #03396c;">
- <b><a class="navbar-brand" href="#">iVProgH</a></b>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarsExampleDefault">
- <ul class="navbar-nav mr-auto">
-
- <li class="nav-item">
- <a class="nav-link" href="manual_pt/index.html" title="manual iVProgH">Conheça</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="ex_pt/index.html">Exemplos</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Download</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="bugs/report.html">Informar uma falha</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">LInE</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Ajuda</a>
- </li>
- </ul>
- <div class="form-inline my-2 my-lg-0">
- <img src="img/img_flag_brazil.png">
- <img src="img/img_flag_usa.png">
- </div>
- </div>
- </nav>
- <main role="main">
-
- <div class="container ivprog-container" style="width:900px">
- <!-- Page Content -->
- <div class="container" style="margin-top:50px;" >
- <!-- Portfolio Item Heading -->
- <h1 class="my-4">iVProg - Visual Programming
- <small>LInE-IME-USP</small>
- </h1>
- <!-- Portfolio Item Row -->
- <div class="row">
- <div class="col-md-8">
- <figure>
- <img class="img-fluid" width="500px" height="250px" src="img/ivprogalfa.jpeg" alt="Imagem da interface do iVProg-nova versão">
- <figcaption align="center"> iVProg versão Alfa </figcaption>
- </figure>
- </div>
- <div class="col-md-4">
- <h3 class="my-3">Sobre o iVProg</h3>
- <p>O iVProgH é sistema educacional livre, implementado em HTML5 (usa fortemente JavaScript), está destinado ao ensino e aprendizagem de algoritmos e programação. Sua versão Web,dispõe de um esquema para avaliação automática de exercícios. O iVProg foi desenhado a partir de um modelo visual para programação, podendo ser utilizado desde o segundo ciclo do Ensino Fundamental.</p>
- <a href="#"> Ir para o manual </a>
- </div>
- </div>
- <!-- /.row -->
- <!-- Related Projects Row -->
- <h3 class="my-4" style="margin-top: 5px">Releases</h3>
- <div class="row">
- <ul>
- <li> <a href="#">Release 01 </a></li>
- <li> <a href="#">Release 02 </a></li>
- </ul>
- </div>
- <button type="button" class="btn btn-primary" style="margin-left:50%;margin-bottom: 30px" onclick="javascript:window.history.go(-1)"> Voltar</button>
- </div>
- <!-- /.container -->
- </div>
- </main>
- <footer class="container text-center">
- <a href="http://www.ime.usp.br/line">iVProgH</a> |
- <a href="http://www.ime.usp.br/line">LInE</a> |
- <a href="http://www.matematica.br">iMática</a>
- </footer>
- <script src="js/jquery.min.js"></script>
- <script src="js/bootstrap.bundle.min.js"></script>
- </body>
- </html>
|