47 lines
1.4 KiB
HTML
47 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Meraki UI Components</title>
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="flex items-center py-4 overflow-x-auto whitespace-nowrap">
|
|
<a href="#" class="text-gray-600 dark:text-gray-200">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor">
|
|
<path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
|
|
</svg>
|
|
</a>
|
|
|
|
<span class="mx-5 text-gray-500 dark:text-gray-300">
|
|
/
|
|
</span>
|
|
|
|
<a href="#" class="text-gray-600 dark:text-gray-200 hover:underline">
|
|
Account
|
|
</a>
|
|
|
|
<span class="mx-5 text-gray-500 dark:text-gray-300">
|
|
/
|
|
</span>
|
|
|
|
<a href="#" class="text-gray-600 dark:text-gray-200 hover:underline">
|
|
Profile
|
|
</a>
|
|
|
|
<span class="mx-5 text-gray-500 dark:text-gray-300">
|
|
/
|
|
</span>
|
|
|
|
<a href="#" class="text-blue-600 dark:text-blue-400 hover:underline">
|
|
Settings
|
|
</a>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |