Lachenzelg/admin/demo/sample-page.php

330 lines
15 KiB
PHP
Raw Permalink Normal View History

2025-01-07 03:02:25 +01:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Modernize Free</title>
<link rel="shortcut icon" type="image/png" href="../assets/images/logos/favicon.png" />
<link rel="stylesheet" href="../assets/css/styles.min.css" />
</head>
<body>
<!-- Body Wrapper -->
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
data-sidebar-position="fixed" data-header-position="fixed">
<!-- Sidebar Start -->
<aside class="left-sidebar">
<!-- Sidebar scroll-->
<div>
<div class="brand-logo d-flex align-items-center justify-content-between">
<a href="./index.html" class="text-nowrap logo-img">
<img src="../assets/images/logos/dark-logo.svg" width="180" alt="" />
</a>
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
<i class="ti ti-x fs-8"></i>
</div>
</div>
<!-- Sidebar navigation-->
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
<ul id="sidebarnav">
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">Home</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./index.html" aria-expanded="false">
<span>
<i class="ti ti-layout-dashboard"></i>
</span>
<span class="hide-menu">Dashboard</span>
</a>
</li>
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">UI COMPONENTS</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./ui-buttons.html" aria-expanded="false">
<span>
<i class="ti ti-article"></i>
</span>
<span class="hide-menu">Buttons</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./ui-alerts.html" aria-expanded="false">
<span>
<i class="ti ti-alert-circle"></i>
</span>
<span class="hide-menu">Alerts</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./ui-card.html" aria-expanded="false">
<span>
<i class="ti ti-cards"></i>
</span>
<span class="hide-menu">Card</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./ui-forms.html" aria-expanded="false">
<span>
<i class="ti ti-file-description"></i>
</span>
<span class="hide-menu">Forms</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./ui-typography.html" aria-expanded="false">
<span>
<i class="ti ti-typography"></i>
</span>
<span class="hide-menu">Typography</span>
</a>
</li>
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">AUTH</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./authentication-login.html" aria-expanded="false">
<span>
<i class="ti ti-login"></i>
</span>
<span class="hide-menu">Login</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./authentication-register.html" aria-expanded="false">
<span>
<i class="ti ti-user-plus"></i>
</span>
<span class="hide-menu">Register</span>
</a>
</li>
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
<span class="hide-menu">EXTRA</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./icon-tabler.html" aria-expanded="false">
<span>
<i class="ti ti-mood-happy"></i>
</span>
<span class="hide-menu">Icons</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="./sample-page.html" aria-expanded="false">
<span>
<i class="ti ti-aperture"></i>
</span>
<span class="hide-menu">Sample Page</span>
</a>
</li>
</ul>
<div class="unlimited-access hide-menu bg-light-primary position-relative mb-7 mt-5 rounded">
<div class="d-flex">
<div class="unlimited-access-title me-3">
<h6 class="fw-semibold fs-4 mb-6 text-dark w-85">Upgrade to pro</h6>
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/" target="_blank" class="btn btn-primary fs-2 fw-semibold lh-sm">Buy Pro</a>
</div>
<div class="unlimited-access-img">
<img src="../assets/images/backgrounds/rocket.png" alt="" class="img-fluid">
</div>
</div>
</div>
</nav>
<!-- End Sidebar navigation -->
</div>
<!-- End Sidebar scroll-->
</aside>
<!-- Sidebar End -->
<!-- Main wrapper -->
<div class="body-wrapper">
<!-- Header Start -->
<header class="app-header">
<nav class="navbar navbar-expand-lg navbar-light">
<ul class="navbar-nav">
<li class="nav-item d-block d-xl-none">
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
<i class="ti ti-menu-2"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link nav-icon-hover" href="javascript:void(0)">
<i class="ti ti-bell-ringing"></i>
<div class="notification bg-primary rounded-circle"></div>
</a>
</li>
</ul>
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
<a href="https://adminmart.com/product/modernize-free-bootstrap-admin-dashboard/" target="_blank" class="btn btn-primary">Download Free</a>
<li class="nav-item dropdown">
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="../assets/images/profile/user-1.jpg" alt="" width="35" height="35" class="rounded-circle">
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
<div class="message-body">
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
<i class="ti ti-user fs-6"></i>
<p class="mb-0 fs-3">My Profile</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
<i class="ti ti-mail fs-6"></i>
<p class="mb-0 fs-3">My Account</p>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center gap-2 dropdown-item">
<i class="ti ti-list-check fs-6"></i>
<p class="mb-0 fs-3">My Task</p>
</a>
<a href="./authentication-login.html" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
</div>
</div>
</li>
</ul>
</div>
</nav>
</header>
<!-- Header End -->
<div class="container-fluid">
<div class="card">
<div class="card-body">
<h5 class="card-title fw-semibold mb-4">Sample Page</h5>
<p class="mb-0">This is a sample page </p>
<div class="card card-body p-3"onclick="location.href='portable-display-stands.html';" style="cursor:pointer;">
<a href="#test" style="display: block; cursor: pointer;">asdas</a>
</div>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
Launch static backdrop modal
</button>
<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Archivieren</h1>
<!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
</div>
<div class="modal-body">
<p>Dies ist ein Test</br> Und weiter geht's</br> Und weiter geht's</br> Und weiter geht's</br> Und weiter geht's</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
<a href="../classes.php" class="btn btn-secondary">Save</a>
</div>
</div>
</div>
</div>
<!-- Modal Ende -->
<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-bs-html="true" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-title="Dismissible popover" data-bs-content="And here's <b>some</b> amazing content.</br> It's very engaging. Right?">Dismissible popover</a>
<ul>
<li>
<a href="#">
<div class="card card-body">
<div class="row">
<div class="col-3">
Dies ist ein Test
</div>
<div class="col-9">
<h5 class="p-0 mb-0">India</h5>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#">USA</a>
</li>
<li>
<a href="#">Russia</a>
</li>
<li>
<a href="#">China</a>
</li>
<li>
<a href="#">Afganistan</a>
</li>
<li>
<a href="#">Landon</a>
</li>
<li>
<a href="#">Scotland</a>
</li>
</ul>
<div class="list-group w-20">
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="row">
<div class="col-auto p-0">
<img class="float-start" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png" height="50">
</div>
<div class="col my-auto float-start">
<h4 class="p-0 m-0">The current link item</h4>
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="row">
<div class="col-1">
<img class="float-start" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png" height="50">
</div>
<div class="col-10 ps-2 my-auto">
The current link item
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="row">
<div class="col-1">
<img class="float-start" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png" height="50">
</div>
<div class="col-10 my-auto">
The current link item
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="row">
<div class="col-1">
<img class="float-start" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png" height="50">
</div>
<div class="col-10 my-auto">
The current link item
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action" aria-current="true">
<div class="row">
<div class="col-1">
<img class="float-start" src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/250px-Wikipedia-logo-v2.svg.png" height="50">
</div>
<div class="col-10 my-auto">
The current link item
</div>
</div>
</a>
<a href="#" class="list-group-item list-group-item-action">A second link item</a>
<a href="#" class="list-group-item list-group-item-action">A third link item</a>
<a href="#" class="list-group-item list-group-item-action">A fourth link item</a>
<a class="list-group-item list-group-item-action disabled" aria-disabled="true">A disabled link item</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/libs/jquery/dist/jquery.min.js"></script>
<script src="../assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/sidebarmenu.js"></script>
<script src="../assets/js/app.min.js"></script>
<script src="../assets/libs/simplebar/dist/simplebar.js"></script>
</body>
</html>