the-tempus-project/thetempusproject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile updates

Browse Source
This commit is contained in:
Joey Kimsey
2025-02-04 05:10:00 -05:00
parent b670c977cf
commit ff36d27c38
16 changed files with 416 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
app/views/hire.html
View File

@ -1,59 +1,61 @@
<div class="container context-main-bg p-3 my-4">
<!-- Hero Section -->
<div class="text-center py-5 rounded context-third-bg">
<h1 class="fw-bold">Let's Build Something Amazing Together</h1>
<p class="lead text-muted">I'm a full-stack developer specializing in backend development. Whether you're looking for freelance support, a long-term contractor, or a full-time developer, I'm here to help!</p>
<a href="#hire-me" class="btn btn-primary btn-lg mt-3">Get in Touch</a>
</div>
<div class="col-12 col-md-10 col-lg-8 offset-lg-2 offset-md-1 offset-0 mb-3 mb-lg-5 mt-2 mt-lg-4">
<div class="p-2 p-lg-4 mb-lg-4 m-2 rounded-3 context-main context-main-bg">
<!-- Hero Section -->
<div class="text-center py-5 rounded context-third-bg">
<h1 class="fw-bold">Let's Build Something Amazing Together</h1>
<p class="lead text-muted">I'm a full-stack developer specializing in backend development. Whether you're looking for freelance support, a long-term contractor, or a full-time developer, I'm here to help!</p>
<a href="#hire-me" class="btn btn-primary btn-lg mt-3">Get in Touch</a>
</div>
<!-- Work Preferences -->
<div class="mt-5">
<h2 class="text-center mb-4">Work Preferences</h2>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<span class="badge bg-primary p-3">Freelance / Limited Contract Work</span>
<span class="badge bg-success p-3">Long-Term Contract Work</span>
<span class="badge bg-success p-3">Salaried Positions</span>
<!-- Work Preferences -->
<div class="mt-3 mt-lg-5">
<h2 class="text-center mb-4">Work Preferences</h2>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<span class="badge bg-primary p-3">Freelance / Limited Contract Work</span>
<span class="badge bg-success p-3">Long-Term Contract Work</span>
<span class="badge bg-success p-3">Salaried Positions</span>
</div>
</div>
<!-- About Section -->
<div class="mt-3 mt-lg-5 ps-3">
<h2>About Me</h2>
<p class="text-muted">
As a full-stack developer, I excel in backend development but may not be the best fit for design-heavy projects requiring frequent revisions. I focus on delivering robust and scalable solutions for my clients.
</p>
</div>
<!-- Pricing Section -->
<div class="mt-3 mt-lg-5 ps-3">
<h2>Pricing</h2>
<p class="text-muted">
My standard rate for smaller projects is hourly with a two-hour minimum. For larger or repeat projects, I'm open to flexible arrangements. Let's discuss your project to find a solution that works for both of us.
</p>
</div>
<!-- Contact Form -->
<div class="mt-3 mt-lg-5 ps-3">
<h2>Contact Me</h2>
<p class="text-muted">To respect privacy, I don't share personal contact details publicly. Please fill out the form below or connect with me on LinkedIn. I typically respond within 24 hours.</p>
<form action="" method="post" class="row g-3" id="hire-me">
<div class="col-md-6">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Your Full Name">
</div>
<div class="col-md-6">
<label for="contactEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="contactEmail" name="contactEmail" placeholder="Your Email Address">
</div>
<div class="col-12">
<label for="details" class="form-label">Details (max 2000 characters)</label>
<textarea class="form-control" id="details" name="details" rows="5" maxlength="2000" placeholder="Tell me about your project"></textarea>
</div>
<input type="hidden" name="token" value="{TOKEN}">
<div class="col-12 text-center">
<button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Submit</button>
</div>
</form>
</div>
</div>
<!-- About Section -->
<div class="mt-5 ps-3">
<h2>About Me</h2>
<p class="text-muted">
As a full-stack developer, I excel in backend development but may not be the best fit for design-heavy projects requiring frequent revisions. I focus on delivering robust and scalable solutions for my clients.
</p>
</div>
<!-- Pricing Section -->
<div class="mt-5 ps-3">
<h2>Pricing</h2>
<p class="text-muted">
My standard rate for smaller projects is hourly with a two-hour minimum. For larger or repeat projects, I'm open to flexible arrangements. Let's discuss your project to find a solution that works for both of us.
</p>
</div>
<!-- Contact Form -->
<div class="mt-5 ps-3">
<h2>Contact Me</h2>
<p class="text-muted">To respect privacy, I don't share personal contact details publicly. Please fill out the form below or connect with me on LinkedIn. I typically respond within 24 hours.</p>
<form action="" method="post" class="row g-3" id="hire-me">
<div class="col-md-6">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Your Full Name">
</div>
<div class="col-md-6">
<label for="contactEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="contactEmail" name="contactEmail" placeholder="Your Email Address">
</div>
<div class="col-12">
<label for="details" class="form-label">Details (max 2000 characters)</label>
<textarea class="form-control" id="details" name="details" rows="5" maxlength="2000" placeholder="Tell me about your project"></textarea>
</div>
<input type="hidden" name="token" value="{TOKEN}">
<div class="col-12 text-center">
<button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Submit</button>
</div>
</form>
</div>
</div>