Scribd
Upload
18 views4 pages

Practical 11

2

Uploaded by

mrjrcartos
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
18 views4 pages

Practical 11

2

Uploaded by

mrjrcartos
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Job Application Form</title>

<link rel="stylesheet" href="/bootstrap-5.3.3-dist/css/bootstrap-grid.min.css">

<link rel="stylesheet" href="/bootstrap-5.3.3-dist/css/bootstrap.css">

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>

<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<style>

.container {

margin-top: 50px;

.input-group-text {

background-color: #f8f9fa;

</style>

</head>

<body>

<div class="container">

<h1 class="mb-4">Job Application Form</h1>

<form>

<!-- Name Input -->

<div class="form-group">

<label for="fullName">Full Name</label>

<div class="input-group">

<div class="input-group-prepend">

<span class="input-group-text"><i class="fa fa-user"></i></span>


</div>

<input type="text" class="form-control" id="fullName" placeholder="Deep Goradia"


required>

</div>

</div>

<!-- Email Input -->

<div class="form-group">

<label for="email">Email Address</label>

<div class="input-group">

<div class="input-group-prepend">

<span class="input-group-text">@</span>

</div>

<input type="email" class="form-control" id="email" placeholder="[email protected]"


required>

</div>

</div>

<!-- Phone Number Input -->

<div class="form-group">

<label for="phone">Phone Number</label>

<div class="input-group">

<div class="input-group-prepend">

<span class="input-group-text"><i class="fa fa-phone"></i></span>

</div>

<input type="tel" class="form-control" id="phone" placeholder="+91 12345-67890"


required>

</div>

</div>

<!-- Password Input -->

<div class="form-group">
<label for="password">Password</label>

<div class="input-group">

<div class="input-group-prepend">

<span class="input-group-text"><i class="fa fa-lock"></i></span>

</div>

<input type="password" class="form-control" id="password" placeholder="Password"


required>

</div>

</div>

<!-- Confirm Password Input -->

<div class="form-group">

<label for="confirmPassword">Confirm Password</label>

<div class="input-group">

<div class="input-group-prepend">

<span class="input-group-text"><i class="fa fa-lock"></i></span>

</div>

<input type="password" class="form-control" id="confirmPassword"


placeholder="Confirm Password" required>

</div>

</div>

<!-- File Upload Input -->

<div class="form-group">

<label for="resume">Resume</label>

<div class="input-group">

<div class="custom-file">

<input type="file" class="custom-file-input" id="resume" required>

<label class="custom-file-label" for="resume">Choose file</label>

</div>

</div>

</div>
<!-- Address Input -->

<div class="form-group">

<label for="address">Address</label>

<div class="input-group">

<div class="input-group-prepend">

<span class="input-group-text"><i class="fa fa-home"></i></span>

</div>

<input type="text" class="form-control" id="address" placeholder="GMB" required>

</div>

</div>

<!-- Submit Button -->

<button type="submit" class="btn btn-primary">Submit Application</button>

</form>

</div>

<!-- FontAwesome for icons -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.4/js/all.min.js"></script>

</body>

</html>

You might also like