Skip to content

fixed Send Button // fixed the order page #378

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
DeenuRSD wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fixed Send Button // fixed the order page #378

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 66 additions & 4 deletions frontend/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,76 @@

<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MediHub</title>
<title>MediHub - Order Page</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}

.navbar {
background-color: #3498db;
padding: 10px;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
}

.order-container {
padding: 20px;
}

.send-button {
background-color: #28a745; /* Green color for send button */
color: white;
border: none;
padding: 10px 15px;
cursor: pointer;
border-radius: 5px;
font-size: 16px;
}

.send-button:hover {
background-color: #218838; /* Darker green on hover */
}

.order-details {
margin-bottom: 20px;
}
</style>
</head>

<body>
<div id="root"></div>

<!-- Navbar -->
<div class="navbar">
<div>MediHub</div>
</div>

<!-- Order Page -->
<div class="order-container">
<h1>Order Page</h1>
<div class="order-details">
<p><strong>Order ID:</strong> #12345</p>
<p><strong>Item:</strong> MediCare Package</p>
<p><strong>Quantity:</strong> 1</p>
<p><strong>Total Price:</strong> $50.00</p>
</div>

<button class="send-button" id="sendOrder">Send Order</button>
</div>

<script>
document.getElementById('sendOrder').addEventListener('click', function () {
// Placeholder for order submission logic
alert('Order has been sent successfully!');
// You can replace the alert with actual logic to send the order to the server
});
</script>

<script type="module" src="/src/main.jsx"></script>
</body>

</html>
</html>