Skip to content

Commit 4da108b

Browse files
author
raspgot
committed
Bootstrap 5.3.0
1 parent 64ca9ea commit 4da108b

File tree

1 file changed

+54
-55
lines changed

1 file changed

+54
-55
lines changed

‎index.html‎

Lines changed: 54 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,57 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
8-
<title>Contact-Form-PHP</title>
9-
</head>
10-
11-
<body>
12-
<main class="container">
13-
<div class="text-center my-4">
14-
<h1>Contact-Form-PHP</h1>
15-
<!-- Give a star (you can delete for your own utilisation) -->
16-
<a class="github-button" href="https://github.com/raspgot/Contact-Form-PHP" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star raspgot/Contact-Form-PHP on GitHub">Give a star !</a>
17-
</div>
18-
19-
<!-- Alert status -->
20-
<div id="response-alert" class="alert d-none" role="alert"></div>
21-
22-
<!-- Form -->
23-
<div class="shadow rounded p-5">
24-
<form action="AjaxForm.php" method="post" class="needs-validation" id="contactform" novalidate>
25-
<!-- Input -->
26-
<div class="mb-3">
27-
<label for="name" class="form-label">Name</label>
28-
<input type="text" class="form-control" id="name" name="name" required>
29-
</div>
30-
<div class="mb-3">
31-
<label for="email" class="form-label">Email</label>
32-
<input type="email" class="form-control" id="email" name="email" required>
33-
</div>
34-
<div class="mb-4">
35-
<label for="message" class="form-label">Message</label>
36-
<textarea class="form-control" id="message" name="message" rows="4" required></textarea>
37-
</div>
38-
39-
<!-- Submit button -->
40-
<button type="submit" class="btn btn-primary w-100" id="submit-btn">
41-
<span id="sendtext">SEND</span>
42-
</button>
43-
44-
<!-- IMPORTANT | Token value recaptcha -->
45-
<input name="recaptcha-token" type="hidden">
46-
</form>
47-
</div>
48-
</main>
49-
50-
<script defer src="https://www.google.com/recaptcha/api.js?render=GOOGLE_PUBLIC_KEY"></script>
51-
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
52-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
53-
<script src="AjaxForm.js"></script>
54-
<!-- Github widget -->
55-
<script defer src="https://buttons.github.io/buttons.js"></script>
56-
</body>
57-
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
7+
<title>Contact-Form-PHP</title>
8+
</head>
9+
10+
<body>
11+
<main class="container">
12+
<div class="text-center my-4">
13+
<h1>Contact-Form-PHP</h1>
14+
<!-- Give a star (you can delete for your own utilisation) -->
15+
<a class="github-button" href="https://github.com/raspgot/Contact-Form-PHP" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star raspgot/Contact-Form-PHP on GitHub">Give a star !</a>
16+
</div>
17+
18+
<!-- Alert status -->
19+
<div id="response-alert" class="alert d-none" role="alert"></div>
20+
21+
<!-- Form -->
22+
<div class="shadow rounded p-5">
23+
<form action="AjaxForm.php" method="post" class="needs-validation" id="contactform" novalidate>
24+
<!-- Input -->
25+
<div class="mb-3">
26+
<label for="name" class="form-label">Name</label>
27+
<input type="text" class="form-control" id="name" name="name" required>
28+
</div>
29+
<div class="mb-3">
30+
<label for="email" class="form-label">Email</label>
31+
<input type="email" class="form-control" id="email" name="email" required>
32+
</div>
33+
<div class="mb-4">
34+
<label for="message" class="form-label">Message</label>
35+
<textarea class="form-control" id="message" name="message" rows="4" required></textarea>
36+
</div>
37+
38+
<!-- Submit button -->
39+
<button type="submit" class="btn btn-primary w-100" id="submit-btn">
40+
<span id="sendtext">SEND</span>
41+
</button>
42+
43+
<!-- IMPORTANT | Token value recaptcha -->
44+
<input name="recaptcha-token" type="hidden">
45+
</form>
46+
</div>
47+
</main>
48+
49+
<script defer src="https://www.google.com/recaptcha/api.js?render=GOOGLE_PUBLIC_KEY"></script>
50+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
51+
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
52+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
53+
<script src="AjaxForm.js"></script>
54+
<!-- Github widget (you can delete for your own utilisation) -->
55+
<script defer src="https://buttons.github.io/buttons.js"></script>
56+
</body>
5857
</html>

0 commit comments

Comments
 (0)