0% found this document useful (0 votes)
35 views4 pages

Sistema Com Menu Medio

The document contains the code for an HTML/CSS app with 3 pages - an index page, a registration page, and a search page. The pages use Bootstrap for layout and share a common navigation bar to link between the pages. Placeholders are provided to add registration and search form code.

Uploaded by

rmsx22
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
35 views4 pages

Sistema Com Menu Medio

The document contains the code for an HTML/CSS app with 3 pages - an index page, a registration page, and a search page. The pages use Bootstrap for layout and share a common navigation bar to link between the pages. Placeholders are provided to add registration and search form code.

Uploaded by

rmsx22
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Index.

html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Página Principal</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="styles.css">

</head>

<body>

<div class="container">

<nav class="navbar navbar-expand-lg navbar-light bg-light">

<a class="navbar-brand" href="#">App</a>

<div class="collapse navbar-collapse">

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" href="cadastro.html">Cadastrar</a>

</li>

<li class="nav-item">

<a class="nav-link" href="consulta.html">Consultar</a>

</li>

</ul>

</div>

</nav>

</div>

</body>

</html>
Cadastro.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Cadastro</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="styles.css">

</head>

<body>

<div class="container">

<nav class="navbar navbar-expand-lg navbar-light bg-light">

<a class="navbar-brand" href="index.html">App</a>

<div class="collapse navbar-collapse">

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" href="cadastro.html">Cadastrar</a>

</li>

<li class="nav-item">

<a class="nav-link" href="consulta.html">Consultar</a>

</li>

</ul>

</div>

</nav>

<!-- Insira seu código de cadastro aqui -->

</div>

</body>
</html>

Consulta.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Consulta</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet">

<link rel="stylesheet" href="styles.css">

</head>

<body>

<div class="container">

<nav class="navbar navbar-expand-lg navbar-light bg-light">

<a class="navbar-brand" href="index.html">App</a>

<div class="collapse navbar-collapse">

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" href="cadastro.html">Cadastrar</a>

<li class="nav-item">

<a class="nav-link" href="consulta.html">Consultar</a>

</li>

</ul>

</div>

</nav>

<!-- Insira seu código de consulta aqui -->


</div>

styles.css

body {

margin: 20px;

.navbar {

margin-bottom: 20px;

You might also like