Bootstrap feedback form -6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../css/bootstarp_practice_1.css">
<link rel="stylesheet" href="bootstrap.min.css">
<title>Document</title>
</head>
<body>
<!-- mt-4 = marzin op,shadow-lg= big shadow....shadow,shadow-sm,shadow-none, can be write -->
<div class="container mt-5 pt-4 shadow-lg ">
<div class="row">
<!-- ai line ta from ke majhe anar jonno use hoica -->
<div class="col-md-3"> </div>
<div class="col-md-6">
<h2 class="text-primary">Feedback form</h2>
<p class="text-secondary">We will love to hear your feedback,So we can improve</p>
<hr>
<form>
<h4>feedback type</h4>
<div class="row">
<div class="col-md-4">
<input type="radio" name="feed"> <label>Bug Report</label>
</div>
<div class="col-md-4">
<input type="radio" name="feed"> <label>Comments</label>
</div>
<div class="col-md-4">
<input type="radio" name="feed"> <label>Questions</label>
</div>
</div>
<div class="form-group mt-3 mb-3">
<label class="form-label mb-2">Full name </label>
<input type="text" class="form-control" required="">
</div>
<div class="form-group mb-2">
<label class="form-label mb-2">Email</label>
<input type="text" class="form-control" required="">
</div>
<div class="form-group mb-2">
<label class="form-label mb-2">Describe feedback</label>
<textarea rows="4" class="form-control" required=""></textarea>
</div>
<div class="custom-control custom-switch pb-2">
<input type="checkbox" class="custom-control-input" id="customswitch1">
<label class="custom-control-label" for="customswitch1">Agree Terms and Condition</label>
</div>
<button type="submit" class="btn btn-success mb-4">Submit Feedback</button>
</form>
</div>
</div>
</div>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
/* CSS PART */
body{
background-image: url(../pic/login6.jpeg);
background-size: cover;
}
Comments
Post a Comment