Scribd
Upload
4 views3 pages

HTML & Css

The document is an HTML template for a Menu and Database Application featuring a navigation bar with options to add, amend, delete, and display records. It includes Bootstrap for styling and jQuery for functionality. The content section welcomes users and describes the application's capabilities.

Uploaded by

takunda mazambani
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
4 views3 pages

HTML & Css

The document is an HTML template for a Menu and Database Application featuring a navigation bar with options to add, amend, delete, and display records. It includes Bootstrap for styling and jQuery for functionality. The content section welcomes users and describes the application's capabilities.

Uploaded by

takunda mazambani
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

<!

DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8”>

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

<title>Menu and Database Application</title>

<!—Bootstrap CSS 

<link rel=”stylesheet” href=[Link]

</head>

<body>

<!—Navigation 

<nav class=”navbar navbar-expand-lg navbar-dark bg-dark”>

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

<button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#navbarNav”


aria-controls=”navbarNav” aria-expanded=”false” aria-label=”Toggle navigation”>

<span class=”navbar-toggler-icon”></span>

</button>

<div class=”collapse navbar-collapse” id=”navbarNav”>

<ul class=”navbar-nav ml-auto”>

<li class=”nav-item active”>

<a class=”nav-link” href=”#”>Home</a>

</li>

<li class=”nav-item”>

<a class=”nav-link” href=”#”>Add Record</a>

</li>

<li class=”nav-item”>

<a class=”nav-link” href=”#”>Amend Record</a>

</li>
<li class=”nav-item”>

<a class=”nav-link” href=”#”>Delete Record</a>

</li>

<li class=”nav-item”>

<a class=”nav-link” href=”#”>Display Records</a>

</li>

</ul>

</div>

</nav>

<!—Content Section 

<section id=”content” class=”container mt-5”>

<h2>Welcome to the Menu and Database Application</h2>

<p>This application allows you to add, amend, delete, and display records from the database.</p>

</section>

<!—Bootstrap & jQuery JS 

<script src=[Link]

<script src=[Link]

</body>

</html>

body {

font-family: Arial, sans-serif;


}

#content {

text-align: center;

padding: 40px;

You might also like