mirror of
https://github.com/guilhermewerner/tomasulo-simulator
synced 2025-06-15 05:14:20 +00:00
68 lines
2.5 KiB
JavaScript
68 lines
2.5 KiB
JavaScript
import Head from 'next/head'
|
|
import Image from 'next/image'
|
|
import Table from 'react-bootstrap/Table'
|
|
import Container from 'react-bootstrap/Container';
|
|
import Nav from 'react-bootstrap/Nav';
|
|
import Navbar from 'react-bootstrap/Navbar';
|
|
import NavDropdown from 'react-bootstrap/NavDropdown';
|
|
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>Tomasulo</title>
|
|
<meta name="description" content="Generated by create next app" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
|
|
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
|
|
crossorigin="anonymous"
|
|
/>
|
|
</Head>
|
|
<Navbar bg="light" expand="lg">
|
|
<Container>
|
|
<Navbar.Brand href="/">Tomasulo</Navbar.Brand>
|
|
</Container>
|
|
</Navbar>
|
|
<main>
|
|
<Container>
|
|
<div className="my-4">
|
|
<h1>Instruction Status</h1>
|
|
</div>
|
|
<Table striped bordered hover>
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>First Name</th>
|
|
<th>Last Name</th>
|
|
<th>Username</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>Mark</td>
|
|
<td>Otto</td>
|
|
<td>@mdo</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>Jacob</td>
|
|
<td>Thornton</td>
|
|
<td>@fat</td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td colSpan="2">Larry the Bird</td>
|
|
<td>@twitter</td>
|
|
</tr>
|
|
</tbody>
|
|
</Table>
|
|
</Container>
|
|
</main>
|
|
</>
|
|
)
|
|
}
|