60 lines
3.0 KiB
HTML
60 lines
3.0 KiB
HTML
<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>
|
|
|
|
<!-- 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>
|
|
</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>
|