<!--begin::My apps-->
<div class="menu menu-sub menu-sub-dropdown menu-column w-100 w-sm-350px" data-kt-menu="true">
	<!--begin::Card-->
	<div class="card">
		<!--begin::Card header-->
		<div class="card-header">
			<!--begin::Card title-->
			<div class="card-title">My Apps</div>
			<!--end::Card title-->
			<!--begin::Card toolbar-->
			<div class="card-toolbar">
				<!--begin::Menu-->
				<button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n3" data-kt-menu-trigger="{default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-end">
					<!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
					<span class="svg-icon svg-icon-2">
						<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M17.5 11H6.5C4 11 2 9 2 6.5C2 4 4 2 6.5 2H17.5C20 2 22 4 22 6.5C22 9 20 11 17.5 11ZM15 6.5C15 7.9 16.1 9 17.5 9C18.9 9 20 7.9 20 6.5C20 5.1 18.9 4 17.5 4C16.1 4 15 5.1 15 6.5Z" fill="currentColor" />
							<path opacity="0.3" d="M17.5 22H6.5C4 22 2 20 2 17.5C2 15 4 13 6.5 13H17.5C20 13 22 15 22 17.5C22 20 20 22 17.5 22ZM4 17.5C4 18.9 5.1 20 6.5 20C7.9 20 9 18.9 9 17.5C9 16.1 7.9 15 6.5 15C5.1 15 4 16.1 4 17.5Z" fill="currentColor" />
						</svg>
					</span>
					<!--end::Svg Icon-->
				</button>
				<!--layout-partial:partials/menus/_menu-3.html-->
				<!--end::Menu-->
			</div>
			<!--end::Card toolbar-->
		</div>
		<!--end::Card header-->
		<!--begin::Card body-->
		<div class="card-body py-5">
			<!--begin::Scroll-->
			<div class="mh-450px scroll-y me-n5 pe-5">
				<!--begin::Row-->
				<div class="row g-2">
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/amazon.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">AWS</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/angular-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">AngularJS</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/atica.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Atica</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/beats-electronics.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Music</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/codeigniter.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Codeigniter</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/bootstrap-4.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Bootstrap</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/google-tag-manager.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">GTM</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/disqus.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Disqus</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/dribbble-icon-1.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Dribble</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/google-play-store.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Play Store</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/google-podcasts.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Podcasts</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/figma-1.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Figma</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/github.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Github</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/gitlab.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Gitlab</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/instagram-2-1.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Instagram</span>
						</a>
					</div>
					<!--end::Col-->
					<!--begin::Col-->
					<div class="col-4">
						<a href="#" class="d-flex flex-column flex-center text-center text-gray-800 text-hover-primary bg-hover-light rounded py-4 px-3 mb-3">
							<img src="assets/media/svg/brand-logos/pinterest-p.svg" class="w-25px h-25px mb-2" alt="" />
							<span class="fw-semibold">Pinterest</span>
						</a>
					</div>
					<!--end::Col-->
				</div>
				<!--end::Row-->
			</div>
			<!--end::Scroll-->
		</div>
		<!--end::Card body-->
	</div>
	<!--end::Card-->
</div>
<!--end::My apps-->