1
0

icons.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Icons - Puppertino Framework</title>
  6. <link
  7. href="https://rsms.me/inter/inter.css"
  8. rel="stylesheet"
  9. />
  10. <link
  11. rel="stylesheet"
  12. href="https://cdn.jsdelivr.net/npm/flexboxgrid@6.3.1/dist/flexboxgrid.min.css"
  13. />
  14. <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/dist/css/newfull.css" />
  15. <meta
  16. name="viewport"
  17. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  18. />
  19. <meta http-equiv="x-ua-compatible" content="ie=edge" />
  20. <link rel="stylesheet" type="text/css" href="doc.css" />
  21. <meta
  22. name="description"
  23. content="This is the documentation for Icons on the Puppertino Framework, a framework that mimics Apple's design, woof!"
  24. />
  25. <link rel="icon" type="image/png" href="../landing-images/doggo.png" />
  26. <!-- Global site tag (gtag.js) - Google Analytics -->
  27. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-176821843-1"></script>
  28. <script>
  29. window.dataLayer = window.dataLayer || [];
  30. function gtag(){dataLayer.push(arguments);}
  31. gtag('js', new Date());
  32. gtag('config', 'UA-176821843-1');
  33. </script>
  34. </head>
  35. <body class="p-layout">
  36. <div class="route">
  37. <a
  38. href="https://codedgar.github.io/Puppertino/"
  39. class="p-btn p-btn-scope p-btn-scope-unactive"
  40. >Puppertino</a
  41. >
  42. <p>/</p>
  43. <a href="index.html" class="p-btn p-btn-scope p-btn-scope-unactive"
  44. >Examples</a
  45. >
  46. <p>/</p>
  47. <a href="icons.html" class="p-btn p-btn-scope">Icons</a>
  48. </div>
  49. <h1>Icons</h1>
  50. <div class="master">
  51. <p>
  52. When it comes to Puppertino, there's really no such thing as "Puppertino
  53. Icons". Firstly because I'm not a designer and secondly because I think
  54. that it would evolve into a another thing by itself. <br /><br />
  55. But that aside, I was pretty confident that people will be happy if I
  56. included a list of curated icons that match the aesthethic of
  57. Puppertino, so here you go.
  58. </p>
  59. <div class="row">
  60. <div class="col-xs-9 col-md-4">
  61. <a href="https://feathericons.com/" class="p-card" target="_blank">
  62. <div class="p-card-content">
  63. <h3 class="p-card-title">Feather Icons</h3>
  64. <p class="p-card-text">
  65. Feather Icons is a really amazing and customizable library.
  66. </p>
  67. </div>
  68. </a>
  69. </div>
  70. <div class="col-xs-9 col-md-4">
  71. <a
  72. href="https://simplelineicons.github.io/"
  73. class="p-card"
  74. target="_blank"
  75. >
  76. <div class="p-card-content">
  77. <h3 class="p-card-title">Simple Line Icons</h3>
  78. <p class="p-card-text">
  79. Simple Line Icons is a short and beautiful collection of icons.
  80. </p>
  81. </div>
  82. </a>
  83. </div>
  84. </div>
  85. </div>
  86. </body>
  87. <script src="https://cdn.jsdelivr.net/gh/codedgar/Puppertino@latest/src/js/dakmode_manager.js"></script>
  88. </html>