Skip to content

Resolved styling jobpost #11

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
testbot-codemonk wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Resolved styling jobpost #11

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
242ee65
Update files in styling-jobpost-10
testbot-codemonk[bot] May 9, 2024
8b963b2
Updated the file in response to the PR comment
testbot-codemonk[bot] May 9, 2024
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
19 changes: 15 additions & 4 deletions views/jobpost.ejs
View file
Open in desktop
Copy link
Owner

@mathewchris96 mathewchris96 May 9, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Create a header for the page called "Enter the Job Details" add some inline styling to the page.

Copy link
Contributor Author

@testbot-codemonk testbot-codemonk bot May 9, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Requested changes has been made 🎉

Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,21 @@
<meta charset="UTF-8">
<title>Apply for Job</title>
<link rel="stylesheet" href="styles.css"> <!-- Adjust the path as necessary -->
<style>
.header {
text-align: center;
background-color: #f2f2f2;
padding: 10px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<form id="applyJobForm" method="POST" action="/jobpost" >

<div class="header">
<h1>Enter the Job Details</h1>
</div>

<form id="applyJobForm" method="POST" action="/jobpost" style="max-width: 500px; margin: 0 auto;">
<label for="companyName">Company Name:</label>
<input type="text" id="companyName" name="companyName" required placeholder="e.g., Acme Corp">

Expand All @@ -34,7 +45,7 @@

<input type="hidden" id="jobId" name="jobId">

<button type="submit">Apply</button>
<button type="submit" style="display: block; margin: 10px auto;">Apply</button>
</form>

<script src="/js/interactivity.js"></script> <!-- Adjust the path as necessary -->
Expand All @@ -44,4 +55,4 @@
const jobId = params.get('jobId');
document.getElementById('jobId').value = jobId;
</script>
</body>
</body>