Untitled

avatar
unknown
html
3 years ago
4.5 kB
3
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col">
				<div class="navbar bg-primary rounded justify-content-center p-0">
					<ul class="nav justify-content-center">
						<li class="nav-item">
							<a href="#" class="nav-link text-white">Потребител</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-white">Кариерно развитие</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-white">Консултиране</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-white">Полезно</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-white">Изход</a>
						</li>
					</ul>	
				</div>
			</div>
		</div>
		<div class="row my-3">
			<div class="col-lg-3">
				<div class="card border-primary">
					<div class="card-header bg-primary text-white text-center">
						Последни обяви
					</div>
					<div class="card-body">
						<ul class="list-group">
							<li class="list-group-item px-2">
								<div class="fw-bold">Sales representative with English</div>
								<span class="small">с фирма ФрегатАВ, Варна</span>
							</li>
							<li class="list-group-item px-2">
								<div class="fw-bold">Sales representative with English</div>
								<span class="small">с фирма ФрегатАВ, Варна</span>
							</li>
							<li class="list-group-item px-2">
								<div class="fw-bold">Sales representative with English</div>
								<span class="small">с фирма ФрегатАВ, Варна</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="card  border-primary mt-3 d-none d-lg-block">
					<div class="card-header bg-primary text-white text-center">
						Последни обяви
					</div>
					<div class="card-body">
						<ul class="list-group">
							<li class="list-group-item px-2">
								<div class="fw-bold">Sales representative with English</div>
								<span class="small">с фирма ФрегатАВ, Варна</span>
							</li>
							<li class="list-group-item px-2">
								<div class="fw-bold">Sales representative with English</div>
								<span class="small">с фирма ФрегатАВ, Варна</span>
							</li>
							<li class="list-group-item px-2">
								<div class="fw-bold">Sales representative with English</div>
								<span class="small">с фирма ФрегатАВ, Варна</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-9 mt lg-0">
				<div class="breadcrumb bg-light p-2 px-3">
					<div class="breadcrumb-item">
						<a href="">Профил</a>
					</div>
					<div class="breadcrumb-item active">
						Промяна на парола
					</div>
				</div>

						<div class="card border-primary ">
							<div class="card-header bg-primary text-white">
								Промянан а паролата
							</div>

								<div class="card-body">
							<div class="mt-4">
								<label for="" class="form-label fw-bold">Сегашната ви парола</label>
								<input type="password" name="" id="" class="form-control" placeholder="Въведете вашата парола">
							</div>

							<div class="mt-4">
								<label for="" class="form-label fw-bold">Нова парола</label>
								<input type="password" name="" id="" class="form-control" placeholder="Въведете вашата парола">
							</div>

							<div class="mt-4">
								<label for="" class="form-label fw-bold">Повторете паролата</label>
								<input type="password" name="" id="" class="form-control" placeholder="Въведете вашата парола">
							</div>
								<div class="mt-4 d-grid gap-2">
									<input type="submit" value="Submit" class="btn btn-primary">
									<input type="reset" value="Reset" class="btn btn-secondary">
								</div>

								</div>
						</div>		

			</div>	
		</div>
	</div>
</body>
</html>
Editor is loading...