|
| 1 | +<template> |
| 2 | + <div> |
| 3 | + <div |
| 4 | + class="h-screen m-0 bg-background w-full bg-top flex items-center container px-6 md:px-16 justify-center flex-col" |
| 5 | + > |
| 6 | + |
| 7 | + <ol class="relative text-gray-500 border-l border-gray-200 border-gray-700 text-gray-400"> |
| 8 | + <li class="mb-10 ml-6"> |
| 9 | + <span class="absolute flex items-center justify-center w-8 h-8 bg-green-200 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-green-900"> |
| 10 | + <svg aria-hidden="true" class="w-5 h-5 text-green-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg> |
| 11 | + </span> |
| 12 | + <h3 class="font-medium leading-tight font-bold">Download</h3> |
| 13 | + <p class="text-xs">Step details here</p> |
| 14 | + </li> |
| 15 | + <li class="mb-10 ml-6"> |
| 16 | + <span class="absolute flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-gray-700"> |
| 17 | + <svg aria-hidden="true" class="w-5 h-5 text-gray-500 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg> |
| 18 | + </span> |
| 19 | + <h3 class="font-medium leading-tight font-bold">Allow Install</h3> |
| 20 | + <p class="text-xs">Step details here</p> |
| 21 | + </li> |
| 22 | + <li class="mb-10 ml-6"> |
| 23 | + <span class="absolute flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-gray-700"> |
| 24 | + <svg aria-hidden="true" class="w-5 h-5 text-gray-500 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"></path></svg> |
| 25 | + </span> |
| 26 | + <h3 class="font-medium leading-tight font-bold">Review</h3> |
| 27 | + <p class="text-xs">Step details here</p> |
| 28 | + </li> |
| 29 | + <li class="ml-6"> |
| 30 | + <span class="absolute flex items-center justify-center w-8 h-8 bg-gray-100 rounded-full -left-4 ring-4 ring-white ring-gray-900 bg-gray-700"> |
| 31 | + <svg aria-hidden="true" class="w-5 h-5 text-gray-500 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path><path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> |
| 32 | + </span> |
| 33 | + <h3 class="font-medium leading-tight font-bold">Confirmation</h3> |
| 34 | + <p class="text-xs">Step details here</p> |
| 35 | + </li> |
| 36 | + </ol> |
| 37 | + |
| 38 | + |
| 39 | + </div> |
| 40 | + </div> |
| 41 | +</template> |
| 42 | + |
| 43 | +<script> |
| 44 | +export default { |
| 45 | + name: "termux" |
| 46 | +} |
| 47 | +</script> |
| 48 | + |
| 49 | +<style scoped> |
| 50 | +
|
| 51 | +</style> |
0 commit comments