|
2 | 2 |
|
3 | 3 | <a id="tailwind"></a> |
4 | 4 |
|
5 | | -<div class="bg-white dark:bg-black pb-8 pb-12"> |
6 | | - <div class="pt-8 overflow-hidden sm:pt-12 lg:relative lg:py-48"> |
7 | | - <div class="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:px-8 lg:max-w-7xl lg:grid lg:grid-cols-2 lg:gap-24"> |
8 | | - <div> |
9 | | - <div> |
10 | | - <img class="h-16 w-auto" src="img/pages/blazor/logo.svg" alt="Northwind Logo"> |
11 | | - </div> |
12 | | - <div class="mt-20"> |
13 | | - <div> |
14 | | - <a href="https://blazor-wasm.web-templates.io" class="inline-flex space-x-4"> |
15 | | - <span |
16 | | - class="rounded bg-purple-50 dark:bg-purple-900 px-2.5 py-1 text-xs font-semibold text-purple-600 dark:text-purple-300 tracking-wide uppercase"> |
17 | | - What's new </span> |
18 | | - <span class="inline-flex items-center text-sm font-medium text-purple-600 dark:text-purple-300 space-x-1"> |
19 | | - <span>Live Demo</span> |
20 | | - <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" |
21 | | - fill="currentColor" aria-hidden="true"> |
22 | | - <path fill-rule="evenodd" |
23 | | - d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" |
24 | | - clip-rule="evenodd" /> |
25 | | - </svg> |
26 | | - </span> |
27 | | - </a> |
28 | | - </div> |
29 | | - <div class="mt-6 sm:max-w-xl"> |
30 | | - <h1 class="text-4xl font-extrabold text-gray-900 dark:text-gray-50 tracking-tight sm:text-5xl"> |
31 | | - Blazor WASM Tailwind Template |
32 | | - </h1> |
33 | | - <p class="mt-6 text-xl text-gray-500"> |
34 | | - The feature-rich Blazor WASM Tailwind template us ideal for teams with strong C# skills |
35 | | - building Line Of Business (LOB) applications |
36 | | - who prefer utilizing Tailwind's modern utility-first CSS design system to create beautiful, |
37 | | - instant-loading Blazor WASM Apps. |
38 | | - </p> |
39 | | - </div> |
40 | | - |
41 | | - <div class="mt-6 flex"> |
42 | | - <div class="rounded-md shadow"> |
43 | | - <a href="https://docs.servicestack.net/templates-blazor-tailwind" target="_blank" |
44 | | - class="flex hover:no-underline px-5 py-3 border border-transparent text-base font-medium rounded-md text-gray-900 dark:text-gray-50 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-900"> |
45 | | - Learn More |
46 | | - </a> |
47 | | - </div> |
48 | | - </div> |
49 | | - |
50 | | - </div> |
51 | | - </div> |
52 | | - </div> |
53 | | - |
54 | | - <div class="sm:mx-auto sm:max-w-3xl sm:px-6"> |
55 | | - <div class="py-12 sm:relative sm:mt-12 sm:py-16 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2"> |
56 | | - <div class="hidden sm:block"> |
57 | | - <div |
58 | | - class="absolute inset-y-0 left-1/2 w-screen bg-gray-50 dark:bg-gray-900 rounded-l-3xl lg:left-80 lg:right-0 lg:w-full"> |
59 | | - </div> |
60 | | - <svg class="absolute top-8 right-1/2 -mr-3 lg:m-0 lg:left-0" width="404" height="392" fill="none" |
61 | | - viewBox="0 0 404 392"> |
62 | | - <defs> |
63 | | - <pattern id="837c3e70-6c3a-44e6-8854-cc48c737b659" x="0" y="0" width="20" height="20" |
64 | | - patternUnits="userSpaceOnUse"> |
65 | | - <rect x="0" y="0" width="4" height="4" class="text-gray-200 dark:text-gray-700" fill="currentColor" /> |
66 | | - </pattern> |
67 | | - </defs> |
68 | | - <rect width="404" height="392" fill="url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" /> |
69 | | - </svg> |
70 | | - </div> |
71 | | - <div class="relative pl-4 -mr-40 sm:mx-auto sm:max-w-3xl sm:px-0 lg:max-w-none lg:h-full lg:pl-12"> |
72 | | - <a href="https://blazor-wasm.web-templates.io"> |
73 | | - <img class="w-full rounded-md shadow-xl ring-1 ring-black/5 lg:h-full lg:w-auto lg:max-w-none" |
74 | | - src="/img/pages/blazor/blazor-wasm-tailwind-template.png" alt=""> |
75 | | - </a> |
76 | | - </div> |
77 | | - </div> |
78 | | - </div> |
79 | | - </div> |
80 | | -</div> |
81 | | - |
82 | | -@await Html.PartialAsync("VideoFeature", new Shared.VideoFeature { |
83 | | - TitleTop = "Beautiful <span class='text-purple-600'>Blazor WASM Apps</span>", |
84 | | - TitleBottom = "<span style='color:#44A8B3'>with Tailwind</span>", |
85 | | - Subtitle = "Preview the highly productive development model of the new Blazor Tailwind template showing how easy it is to utilize beautifully designed components", |
86 | | - YoutubeId = "U_LflAxz1z0", |
87 | | -}) |
88 | | - |
89 | 5 | <div class="relative bg-white dark:bg-black py-8 sm:py-16 lg:py-32"> |
90 | 6 | <div class="mx-auto max-w-md px-4 text-center sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8"> |
91 | 7 |
|
|
0 commit comments