Skip to content

Commit 9719c1d

Browse files
rosstoppingrosstopping
committed
Added 3 brand new free templates.
+ cleaned up demo index page + remove old tailwindcss v1/v2 demos
1 parent a70dfe8 commit 9719c1d

8 files changed

+1421
-8
lines changed

‎.DS_Store

6 KB
Binary file not shown.

‎index.html

+50-8
Original file line numberDiff line numberDiff line change
@@ -25,27 +25,69 @@ <h1 class="px-4 mb-10 py-4 text-center font-thin text-xl border-t-2 border-b-2 b
2525
<a href="https://github.com/rossmcneil/free-tailwindcss-layouts" class="bg-blue-200 text-blue-700 py-3 px-4 rounded-sm no-underline text-xs inline-block hover:bg-blue-300 hover:shadow-lg">View on Github</a>
2626
</div>
2727
<div class="container mx-auto flex justify-start items-start flex-wrap">
28+
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
29+
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
30+
<iframe src="layouts/voyage.html" class="absolute layout-frame"></iframe>
31+
<a href="layouts/voyage.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
32+
</div>
33+
<h2 class="p-4 text-center text-lg font-thin">Voyage</h2>
34+
</div>
35+
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
36+
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
37+
<iframe src="layouts/tributary.html" class="absolute layout-frame"></iframe>
38+
<a href="layouts/tributary.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
39+
</div>
40+
<h2 class="p-4 text-center text-lg font-thin">Tributary</h2>
41+
</div>
42+
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
43+
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
44+
<iframe src="layouts/foundation.html" class="absolute layout-frame"></iframe>
45+
<a href="layouts/foundation.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
46+
</div>
47+
<h2 class="p-4 text-center text-lg font-thin">Foundation</h2>
48+
</div>
49+
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
50+
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
51+
<iframe src="layouts/outlet.html" class="absolute layout-frame"></iframe>
52+
<a href="layouts/outlet.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
53+
</div>
54+
<h2 class="p-4 text-center text-lg font-thin">Outlet</h2>
55+
</div>
56+
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
57+
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
58+
<iframe src="layouts/essential.html" class="absolute layout-frame"></iframe>
59+
<a href="layouts/essential.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
60+
</div>
61+
<h2 class="p-4 text-center text-lg font-thin">Essential</h2>
62+
</div>
63+
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
64+
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
65+
<iframe src="layouts/fettle.html" class="absolute layout-frame"></iframe>
66+
<a href="layouts/fettle.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
67+
</div>
68+
<h2 class="p-4 text-center text-lg font-thin">Fettle</h2>
69+
</div>
2870
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
2971
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
3072
<iframe src="layouts/impulse.html" class="absolute layout-frame"></iframe>
3173
<a href="layouts/impulse.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
3274
</div>
3375
<h2 class="p-4 text-center text-lg font-thin">Impulse - Lifestyle Blog</h2>
3476
</div>
35-
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
77+
<!-- <div class="w-full md:w-1/2 lg:w-1/3 p-4">
3678
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
3779
<iframe src="layouts/masonry.html" class="absolute layout-frame"></iframe>
3880
<a href="layouts/masonry.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
3981
</div>
4082
<h2 class="p-4 text-center text-lg font-thin">Horizontal Masonry Layout</h2>
41-
</div>
42-
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
83+
</div> -->
84+
<!-- <div class="w-full md:w-1/2 lg:w-1/3 p-4">
4385
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
4486
<iframe src="layouts/responsive-menu.html" class="absolute layout-frame"></iframe>
4587
<a href="layouts/responsive-menu.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
4688
</div>
4789
<h2 class="p-4 text-center text-lg font-thin">Single Element Responsive Menu</h2>
48-
</div>
90+
</div> -->
4991
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
5092
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
5193
<iframe src="layouts/uncover.html" class="absolute layout-frame"></iframe>
@@ -88,13 +130,13 @@ <h2 class="p-4 text-center text-lg font-thin">Fullscreen</h2>
88130
</div>
89131
<h2 class="p-4 text-center text-lg font-thin">Blocks</h2>
90132
</div>
91-
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
133+
<!-- <div class="w-full md:w-1/2 lg:w-1/3 p-4">
92134
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
93135
<iframe src="layouts/home-3.html" class="absolute layout-frame"></iframe>
94136
<a href="layouts/home-3.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
95137
</div>
96138
<h2 class="p-4 text-center text-lg font-thin">Marketing Home Page</h2>
97-
</div>
139+
</div> -->
98140
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
99141
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
100142
<iframe src="layouts/launch.html" class="absolute layout-frame"></iframe>
@@ -116,7 +158,7 @@ <h2 class="p-4 text-center text-lg font-thin">Photography</h2>
116158
</div>
117159
<h2 class="p-4 text-center text-lg font-thin">Product Showcase</h2>
118160
</div>
119-
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
161+
<!-- <div class="w-full md:w-1/2 lg:w-1/3 p-4">
120162
<div class="block rounded-sm w-full h-64 relative overflow-hidden shadow bg-white">
121163
<iframe src="layouts/login.html" class="absolute layout-frame"></iframe>
122164
<a href="layouts/login.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
@@ -164,7 +206,7 @@ <h2 class="p-4 text-center text-lg font-thin">Home Page</h2>
164206
<a href="layouts/home-1.html" class="block absolute pin w-full h-full opacity-25 hover:bg-blue-100"></a>
165207
</div>
166208
<h2 class="p-4 text-center text-lg font-thin">Home Page</h2>
167-
</div>
209+
</div> -->
168210
</div>
169211
</div>
170212
<footer class="w-full bg-white border-t font-thin">

0 commit comments

Comments
 (0)