60 lines
3.7 KiB
HTML
Executable File
60 lines
3.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en"
|
|
th:replace="~{layout :: parent(~{::#content},~{::title},~{::script})}">
|
|
<head>
|
|
<title>Contact Us - Code NetworkZ</title>
|
|
|
|
</head>
|
|
<body class="d-flex flex-column">
|
|
<main class="flex-shrink-0">
|
|
|
|
<!-- Page content-->
|
|
<section class="py-5" id="content">
|
|
<div class="container px-5">
|
|
<!-- Contact form-->
|
|
<div class="bg-light rounded-4 py-5 px-4 px-md-5">
|
|
<div class="text-center mb-5">
|
|
<div class="feature bg-primary bg-gradient-primary-to-secondary text-white rounded-3 mb-3"><i class="bi bi-envelope"></i></div>
|
|
<h1 class="fw-bolder">Get in touch</h1>
|
|
<p class="lead fw-normal text-muted mb-0">Let's work together!</p>
|
|
</div>
|
|
<div class="row gx-5 justify-content-center">
|
|
<div class="col-lg-8 col-xl-6">
|
|
<form action="add" method="post" class="mt-5">
|
|
<!-- Name input-->
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="name" type="text" name="fullName" placeholder="Enter your name..." />
|
|
<label for="name">Full name</label>
|
|
<!-- <p tl:if="${#fields.hasErrors('fullName')}" tl:errorclass="text-danger" tl:errors="${contactobj.fullName}"></p>-->
|
|
</div>
|
|
<!-- Email address input-->
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="email" type="email" name="email" placeholder="name@example.com" />
|
|
<label for="email">Email address</label>
|
|
<!-- <p tl:if="${#fields.hasErrors('email')}" tl:errorclass="text-danger" tl:errors="${contactobj.email}"></p>-->
|
|
</div>
|
|
<!-- Phone number input-->
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="phone" type="tel" name="phone" placeholder="(123) 456-7890" />
|
|
<label for="phone">Phone number</label>
|
|
<!-- <p tl:if="${#fields.hasErrors('phone')}" tl:errorclass="text-danger" tl:errors="${contactobj.phone}"></p>-->
|
|
</div>
|
|
<!-- Message input-->
|
|
<div class="form-floating mb-3">
|
|
<textarea class="form-control" id="message" type="text" name="message" placeholder="Enter your message here..." style="height: 10rem"></textarea>
|
|
<label for="message">Message</label>
|
|
<!-- <p tl:if="${#fields.hasErrors('message')}" tl:errorclass="text-danger" tl:errors="${contactobj.message}"></p>-->
|
|
</div>
|
|
<!-- Submit Button-->
|
|
<div class="d-grid"><button class="btn btn-primary btn-lg" type="submit">Submit</button></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
</body>
|
|
</html>
|