You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
2.8 KiB
HTML
90 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
|
|
|
|
<title>Forms</title>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="container bg-dark min-vh-100">
|
|
|
|
<h1 class="text-center text-light">Contact Me</h1>
|
|
<div class="row d-flex justify-content-center">
|
|
|
|
<form class="text-center bg-primary">
|
|
<div class="col-sm-12 col-md-8 col-xl-4">
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1">Name</label>
|
|
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="Name" aria-describedby="emailHelp">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1">Email address</label>
|
|
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="name@example.com" aria-describedby="emailHelp">
|
|
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1">Contact Number </label>
|
|
<input type="number" class="form-control" id="exampleInputEmail1" placeholder=+69000000000 aria-describedby="emailHelp">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="concern">Concern</label>
|
|
<select id="concern" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
|
|
<option value="gender">gender</option>
|
|
<option value="row">row</option>
|
|
<option value="react">react</option>
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="exampleInputPassword1">Message</label>
|
|
<textarea class="message" name="message" row="4" class="form-control" id="exampleInputPassword1" placeholder="Text">
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary">Send Email</button>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |