Your IP : 216.73.216.170


Current Path : /home/bitrix/ext_www/okr.yacl.site/local/
Upload File :
Current File : /home/bitrix/ext_www/okr.yacl.site/local/detail.html

<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<title></title>
		<meta name="description" content>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="assets/css/app.min.css?v=1612417090698">
		<link rel="stylesheet" href="assets/css/detail.min.css?v=1612417090740">
	</head>
	<body>
		<div class="custom-target__crumb"><a href="#">Список целей</a></div>
		<div class="custom-target__heading">
			<h1>Дизайн Landing page</h1>
			<div class="custom-target__heading-controls"><a class="custom-target__button" data-modal href="#target-add">Редактировать цель</a></div>
		</div>
		<div class="custom-target__content">
			<div class="custom-target__detail">
				<div class="custom-target__detail-article">
					<h3>Текущий статус цели</h3>
					<div class="custom-target__detail-progress">
						<div class="custom-target__detail-progress-overall">
							<div class="custom-target__detail-progress-overall-label">Выполнено на 27%</div>
							<div class="custom-target__progress">
								<div class="custom-target__progress-bar">
									<div style="width: 20%; background-color: #d44f68;"></div>
								</div>
							</div>
						</div>
						<div class="custom-target__detail-progress-list">
							<div class="custom-target__detail-progress-item">
								<div class="custom-target__detail-progress-item-holder">
									<div class="custom-target__detail-progress-item-label">Эфективность</div>
									<div class="custom-target__progress">
										<div class="custom-target__progress-bar">
											<div style="width: 20%; background-color: #d44f68;"></div>
										</div>
										<div class="custom-target__progress-percent">75%</div>
									</div>
								</div>
							</div>
							<div class="custom-target__detail-progress-item">
								<div class="custom-target__detail-progress-item-holder">
									<div class="custom-target__detail-progress-item-label">Конверсия</div>
									<div class="custom-target__progress">
										<div class="custom-target__progress-bar">
											<div style="width: 60%; background-color: #ecb969;"></div>
										</div>
										<div class="custom-target__progress-percent">75%</div>
									</div>
								</div>
							</div>
							<div class="custom-target__detail-progress-item">
								<div class="custom-target__detail-progress-item-holder">
									<div class="custom-target__detail-progress-item-label">QM</div>
									<div class="custom-target__progress">
										<div class="custom-target__progress-bar">
											<div style="width: 100%; background-color: #99c45a;"></div>
										</div>
										<div class="custom-target__progress-percent">75%</div>
									</div>
								</div>
							</div>
							<div class="custom-target__detail-progress-item">
								<div class="custom-target__detail-progress-item-holder">
									<div class="custom-target__detail-progress-item-label">Продажи</div>
									<div class="custom-target__progress">
										<div class="custom-target__progress-bar">
											<div style="width: 40%; background-color: #da7d58;"></div>
										</div>
										<div class="custom-target__progress-percent">75%</div>
									</div>
								</div>
							</div>
							<div class="custom-target__detail-progress-item">
								<div class="custom-target__detail-progress-item-holder">
									<div class="custom-target__detail-progress-item-label">CRT</div>
									<div class="custom-target__progress">
										<div class="custom-target__progress-bar">
											<div style="width: 80%; background-color: #f7eb65;"></div>
										</div>
										<div class="custom-target__progress-percent">75%</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="custom-target__detail-tasks">
						<h3>Задачи по цели:</h3>
						<div class="custom-target__detail-tasks-scroll" data-scrollbooster><button class="custom-target__detail-tasks-change-view" data-target-tasks-change-view>Показать все</button><button class="custom-target__detail-tasks-control custom-target__detail-tasks-control--prev" data-target-tasks-prev disabled hidden>Назад</button><button class="custom-target__detail-tasks-control custom-target__detail-tasks-control--next" data-target-tasks-next disabled hidden>Вперед</button>
							<div class="custom-target__detail-tasks-holder" data-scrollbooster-content>
								<div class="custom-target__detail-tasks-heading"><span>Дизайн Landing page</span></div>
								<ul class="custom-target__detail-tasks-list">
									<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
										<div class="custom-target__detail-tasks-subs">
											<ul class="custom-target__detail-tasks-list">
												<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
													<div class="custom-target__detail-tasks-subs">
														<ul class="custom-target__detail-tasks-list">
															<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
																	<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
																	<div class="custom-target__detail-tasks-info">
																		<div class="custom-target__progress">
																			<div class="custom-target__progress-bar">
																				<div style="width: 75%; background-color: #da7d58;"></div>
																			</div>
																			<div class="custom-target__progress-percent">75%</div>
																		</div>
																		<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
																	</div>
																</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
																<div class="custom-target__detail-tasks-subs">
																	<ul class="custom-target__detail-tasks-list">
																		<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
																				<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
																				<div class="custom-target__detail-tasks-info">
																					<div class="custom-target__progress">
																						<div class="custom-target__progress-bar">
																							<div style="width: 75%; background-color: #da7d58;"></div>
																						</div>
																						<div class="custom-target__progress-percent">75%</div>
																					</div>
																					<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
																				</div>
																			</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
																			<div class="custom-target__detail-tasks-subs">
																				<ul class="custom-target__detail-tasks-list">
																					<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
																							<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
																							<div class="custom-target__detail-tasks-info">
																								<div class="custom-target__progress">
																									<div class="custom-target__progress-bar">
																										<div style="width: 75%; background-color: #da7d58;"></div>
																									</div>
																									<div class="custom-target__progress-percent">75%</div>
																								</div>
																								<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
																							</div>
																						</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
																						<div class="custom-target__detail-tasks-subs">
																							<ul class="custom-target__detail-tasks-list">
																								<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
																										<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
																										<div class="custom-target__detail-tasks-info">
																											<div class="custom-target__progress">
																												<div class="custom-target__progress-bar">
																													<div style="width: 75%; background-color: #da7d58;"></div>
																												</div>
																												<div class="custom-target__progress-percent">75%</div>
																											</div>
																											<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
																										</div>
																									</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
																									<div class="custom-target__detail-tasks-subs">
																										<ul class="custom-target__detail-tasks-list">
																											<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
																													<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
																													<div class="custom-target__detail-tasks-info">
																														<div class="custom-target__progress">
																															<div class="custom-target__progress-bar">
																																<div style="width: 75%; background-color: #da7d58;"></div>
																															</div>
																															<div class="custom-target__progress-percent">75%</div>
																														</div>
																														<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
																													</div>
																												</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
																												<div class="custom-target__detail-tasks-subs">
																													<ul class="custom-target__detail-tasks-list">
																														<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
																																<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
																																<div class="custom-target__detail-tasks-info">
																																	<div class="custom-target__progress">
																																		<div class="custom-target__progress-bar">
																																			<div style="width: 75%; background-color: #da7d58;"></div>
																																		</div>
																																		<div class="custom-target__progress-percent">75%</div>
																																	</div>
																																	<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
																																</div>
																															</a></li>
																													</ul>
																												</div>
																											</li>
																										</ul>
																									</div>
																								</li>
																							</ul>
																						</div>
																					</li>
																				</ul>
																			</div>
																		</li>
																	</ul>
																</div>
															</li>
														</ul>
													</div>
												</li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
											</ul>
										</div>
									</li>
									<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a></li>
									<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a></li>
									<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a></li>
									<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a></li>
									<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a></li>
									<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a></li>
									<li class="custom-target__detail-tasks-item custom-target__detail-tasks-item--subs" data-target-subs><a class="custom-target__detail-tasks-link" href>
											<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quis quos sapiente sequi!">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, praesentium.</div>
											<div class="custom-target__detail-tasks-info">
												<div class="custom-target__progress">
													<div class="custom-target__progress-bar">
														<div style="width: 75%; background-color: #da7d58;"></div>
													</div>
													<div class="custom-target__progress-percent">75%</div>
												</div>
												<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
											</div>
										</a><button class="custom-target__detail-tasks-subs-show" data-target-subs-toggle>Показать подзадачи</button>
										<div class="custom-target__detail-tasks-subs">
											<ul class="custom-target__detail-tasks-list">
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
												<li class="custom-target__detail-tasks-item"><a class="custom-target__detail-tasks-link" href>
														<div class="custom-target__detail-tasks-title" data-tippy-title data-tippy-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam blanditiis enim error ipsum molestiae molestias quisquos sapiente sequi!">Разработка прототипа</div>
														<div class="custom-target__detail-tasks-info">
															<div class="custom-target__progress">
																<div class="custom-target__progress-bar">
																	<div style="width: 75%; background-color: #da7d58;"></div>
																</div>
																<div class="custom-target__progress-percent">75%</div>
															</div>
															<div class="custom-target__userpic"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
														</div>
													</a></li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="custom-target__detail-sidebar">
					<h3>О цели:</h3>
					<div class="custom-target__detail-creator"><a class="custom-target__detail-creator-link" href="#">
							<div class="custom-target__detail-creator-image"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></div>
							<div class="custom-target__detail-creator-text">
								<div class="custom-target__detail-creator-label">Цель создал(а):</div>
								<div class="custom-target__detail-creator-name">Маша Крафцова</div>
							</div>
						</a></div>
					<div class="custom-target__detail-date">
						<div class="custom-target__detail-date-label">Дедлайн:</div>
						<div class="custom-target__detail-date-value">25 Янв. 2021</div>
					</div>
					<div class="custom-target__detail-sidebar-item">
						<h4>Описание</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea earum facere fugiat odit quae. Architecto aspernatur assumenda at consequatur doloremque eaque facere ipsam, iste mollitia nulla odio quod repellat repudiandae.</p>
					</div>
					<div class="custom-target__detail-sidebar-item">
						<h4>Описание</h4>
						<ul class="custom-target__detail-persons">
							<li><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></li>
						</ul>
					</div>
					<div class="custom-target__detail-sidebar-item">
						<h4>Описание</h4>
						<ul class="custom-target__detail-persons">
							<li><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></li>
							<li><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></li>
							<li><a class="custom-target__userpic" href="#" data-tippy data-tippy-content="Александр Александрович Александров"><img src="https://i.pinimg.com/originals/70/1f/f5/701ff563d668bb8d8754455cff3d0b81.jpg" alt></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="modal" id="target-add">
			<div class="modal-container">
				<h4>Редактировать цель</h4>
				<form class="custom-target__form">
					<div class="custom-target__form-item"><label class="custom-target__form-label">Название цели</label><input class="custom-target__form-field custom-target__form-field--error" type="text"><span class="custom-target__form-error">Название ошибки</span></div>
					<div class="custom-target__form-item"><label class="custom-target__form-label">Ответственный сотрудник</label>
						<div class="custom-target__form-stuff" data-target-stuff><input type="hidden" data-target-stuff_value value="4">
							<div class="custom-target__form-stuff-add">
								<div class="custom-target__form-stuff-add-field" data-target-stuff_field data-target-stuff_field-single><span>+ Добавить</span><button data-target-stuff_dropdown-show>Изменить</button></div>
								<div class="custom-target__form-stuff-add-dropdown" data-target-stuff_dropdown><input class="custom-target__form-stuff-search" placeholder="Поиск" value data-target-stuff_search>
									<div class="custom-target__form-stuff-noresult" data-target-stuff_noresult>Не результатов для показа</div>
									<ul>
										<li data-target-stuff-id="1">Иван Федоренко</li>
										<li data-target-stuff-id="2">Андрей Черемушкин</li>
										<li data-target-stuff-id="3">Мария Десюкова</li>
										<li data-target-stuff-id="4">Наталья Голубкова</li>
										<li data-target-stuff-id="5">Олег Карпов</li>
										<li data-target-stuff-id="6">Владимир Ульянов</li>
										<li data-target-stuff-id="7">Николай Романов</li>
										<li data-target-stuff-id="8">Алла Пугачева</li>
										<li data-target-stuff-id="9">Юрий Шевчук</li>
										<li data-target-stuff-id="10">Рамзан Кадыров</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="custom-target__form-item"><label class="custom-target__form-label">Список заинтересованных лиц:</label>
						<div class="custom-target__form-stuff" data-target-stuff><input type="hidden" data-target-stuff_value value="7,8">
							<div class="custom-target__form-stuff-add">
								<div class="custom-target__form-stuff-add-field" data-target-stuff_field data-target-stuff_field-multi><span>+ Добавить</span><button data-target-stuff_dropdown-show>+ Добавить еще</button></div>
								<div class="custom-target__form-stuff-add-dropdown" data-target-stuff_dropdown><input class="custom-target__form-stuff-search" placeholder="Поиск" value data-target-stuff_search>
									<div class="custom-target__form-stuff-noresult" data-target-stuff_noresult>Не результатов для показа</div>
									<ul>
										<li data-target-stuff-id="1">Иван Федоренко</li>
										<li data-target-stuff-id="2">Андрей Черемушкин</li>
										<li data-target-stuff-id="3">Мария Десюкова</li>
										<li data-target-stuff-id="4">Наталья Голубкова</li>
										<li data-target-stuff-id="5">Олег Карпов</li>
										<li data-target-stuff-id="6">Владимир Ульянов</li>
										<li data-target-stuff-id="7">Николай Романов</li>
										<li data-target-stuff-id="8">Алла Пугачева</li>
										<li data-target-stuff-id="9">Юрий Шевчук</li>
										<li data-target-stuff-id="10">Рамзан Кадыров</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="custom-target__form-clone">
						<div class="custom-target__form-clone-group" data-target-key-group>
							<div class="custom-target__form-row">
								<div class="custom-target__form-item custom-target__form-item--large"><label class="custom-target__form-label">Ключевой показатель</label>
									<div class="custom-target__form-select"><select name="target-key-indicator[]" id="target-key-indicator-1" data-target-key-select-clone>
											<option selected value="Лиды">Лиды</option>
											<option value="Лиды">Лиды</option>
											<option value="Лиды">Лиды</option>
											<option value="Лиды">Лиды</option>
											<option value="Лиды">Лиды</option>
										</select></div>
								</div>
								<div class="custom-target__form-item"><label class="custom-target__form-label">Количество</label><input class="custom-target__form-field" type="number" name="target-key-indicator-number[]" id="target-key-indicator-number-1"></div>
								<div class="custom-target__form-item custom-target__form-item--date"><label class="custom-target__form-label">Дата</label><input class="custom-target__form-field custom-target__form-field--date" type="text" name="target-key-indicator-date[]" id="target-key-indicator-date-1" onclick="BX.calendar({node: this, field: this, bTime: false});"></div>
							</div>
						</div><button class="custom-target__form-clone-add" data-target-key-add>+ Добавить еще</button>
					</div>
					<div class="custom-target__form-item"><label class="custom-target__form-label">Описание</label></div>
					<div class="custom-target__form-controls"><button class="custom-target__form-controls-button custom-target__form-controls-button--cancel" type="submit" data-modal-close>Отмена</button><button class="custom-target__form-controls-button custom-target__form-controls-button--add" type="submit">Добавить</button></div>
				</form>
			</div>
		</div><!-- JS-->
		<script defer src="assets/js/app.min.js?v=1612417090698"></script>
		<script defer src="assets/js/detail.min.js?v=1612417090740"></script>
	</body>
</html>