-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsidebar.html
119 lines (116 loc) · 7.33 KB
/
sidebar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<div id="navWrapper"
class="h-full overflow-y-auto scrolling-touch lg:h-auto lg:block lg:relative lg:sticky lg:top-16 bg-white lg:bg-transparent">
<div id="navGradient" class="hidden"></div>
<nav id="nav" class="px-6 pt-6 overflow-y-auto text-base lg:text-sm lg:py-12 lg:pl-6 lg:pr-8 sticky?lg:h-(screen-16)">
<div class="mb-5">
<h5 class="mb-3 lg:mb-2 text-gray-500 uppercase tracking-wide font-bold text-sm lg:text-xs">Updated Pages</h5>
<a href="design-and-graphics.html"
class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 hover:rounded-corner font-medium text-gray-900">
<ion-icon name="albums-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">Design &
Graphics</span>
</a>
<a href="illustrations.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="color-filter-outline" class="text-base "></ion-icon><span
class="ml-3 jam jam-airbnb">Illustrations </span>
</a>
<a href="icons.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="hourglass-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">Icons
</span>
</a>
<a href="scalable-vector-graphics.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="disc-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">SVG
</span>
</a>
<a href="learn.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="book-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">learn
</span>
</a>
<a href="color-pickers.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="color-palette-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">Color
Pickers </span>
</a>
<a href="favicons.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="apps-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Favicons
</span>
</a>
<a href="angular.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="logo-angular" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Angular
</span>
</a>
<a href="vue.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="logo-vue" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Vue </span>
</a>
<a href="react.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="logo-react" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">React
</span>
</a>
<a href="tailwindcss-framework.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="cube-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Tailwind CSS Framework
</span>
</a>
<a href="typography-and-fonts.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="text-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">Typography
& Fonts </span>
</a>
<a href="stock-photography.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="images-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Stock
Photography </span>
</a>
<a href="stock-video.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="videocam-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Stock
Video </span>
</a>
<a href="html-and-css-templates.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="logo-html5" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">HTML/CSS
Templates </span>
</a>
<a href="js-animations.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="logo-javascript" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">JS
Animations </span>
</a>
<a href="css-frameworks.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="logo-css3" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">CSS
Frameworks</span>
</a>
<a href="invoices.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="document-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">Invoices
</span>
</a>
<a href="search-engine-optimization.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="pulse-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">SEO
</span>
</a>
<a href="image-optimizer.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="images-outline" class="text-base"></ion-icon><span class="ml-3 jam jam-airbnb">Image
Optimizer </span>
</a>
<a href="image-editors.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="image-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Image
Editors </span>
</a>
<a href="others.html" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="git-compare-outline" class="text-base "></ion-icon><span
class="ml-3 jam jam-airbnb">Others</span>
</a>
</div>
<div class="mb-10">
<h5 class="mb-3 lg:mb-2 text-gray-500 uppercase tracking-wide font-bold text-sm lg:text-xs"> Will be added in future</h5>
<a href="#" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="briefcase-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Organize
</span>
</a>
<a href="#" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="play-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">UI Kits
</span>
</a>
<a href="#" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="sync-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Design
Systems </span>
</a>
<a href="#" class="flex items-center px-2 -mx-2 py-1 hover:bg-blue-100 font-medium text-gray-900">
<ion-icon name="barcode-outline" class="text-base "></ion-icon><span class="ml-3 jam jam-airbnb">Discover
Startups </span>
</a>
</div>
</nav>
</div>