starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity
Files
801a1cab1a0b3042af4a528d4004fdeaebd253e8
radzen-blazor/RadzenBlazorDemos/Pages/TemplatesHealthcarePage.razor
yordanov 801a1cab1a Update links
2025-10-22 12:54:05 +03:00

112 lines
9.3 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@page "/templates-healthcare"
<PageTitle>Healthcare Blazor Website | Premium App Templates by Radzen</PageTitle>
<HeadContent>
<meta name="description" content="A healthcare blazor website template designed to showcase medical services, telehealth solutions, and AI-driven innovations.">
</HeadContent>
<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8 rz-mb-12">
Healthcare Blazor Website Template
</RadzenText>
<RadzenCard Variant="Variant.Outlined">
<RadzenRow class="rz-w-100 rz-mx-auto" Gap="2rem">
<RadzenColumn Size="12">
<RadzenLink Style="--rz-link-hover-text-decoration: none" Path="https://healthcare.radzen.com" title="Open in a new tab" target="_blank">
<RadzenImage class="rz-w-100 rz-h-100" Path="images/blazor-template-healthcare.jpg"></RadzenImage>
</RadzenLink>
</RadzenColumn>
</RadzenRow>
<RadzenRow class="rz-w-100 rz-mx-auto rz-px-6 rz-px-sm-12 rz-pt-6 rz-pt-sm-12" Gap="3rem">
<RadzenColumn Size="12" SizeLG="8" class="rz-pb-6 rz-pb-sm-12">
<RadzenStack Gap="0" class="rz-h-100">
<RadzenText Text="Overview" TextStyle="Radzen.Blazor.TextStyle.Overline" Style="max-width: 800px; font-size: 1rem" class="rz-color-primary" />
<RadzenText Text="A modern, responsive healthcare blazor website template designed to showcase medical services, telehealth solutions, and AI-driven innovations with a sleek, user-friendly interface." TextStyle="Radzen.Blazor.TextStyle.H5" TagName="Radzen.Blazor.TagName.P" Style="max-width: 800px; line-height: 1.5" />
<RadzenText Text="Perfect for" TextStyle="Radzen.Blazor.TextStyle.Overline" Style="max-width: 800px; font-size: 1rem" class="rz-color-primary rz-mt-6 rz-mb-4" />
<RadzenText Text="Medical providers, health tech companies, telemedicine services, and digital health startups looking for a professional online presence." TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" />
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="1rem" Wrap="Radzen.FlexWrap.Wrap" class="rz-mt-12">
<RadzenLink Text="Live Preview" Icon="open_in_new" class="rz-button rz-button-lg rz-variant-flat rz-text-align-center rz-primary rz-shade-default" Style="--rz-link-hover-text-decoration: none" Path="https://healthcare.radzen.com" title="Open in a new tab" target="_blank" />
<RadzenLink class="rz-button rz-button-lg rz-variant-text rz-base rz-text-align-center rz-shade-darker" Style="--rz-link-hover-text-decoration: none" Path="https://www.radzen.com/pricing" title="See Radzen Pricing" target="_blank">
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.25rem">
<RadzenIcon Icon="arrow_right_alt" Style="font-size: 1.5rem" /> Get Template
</RadzenStack>
</RadzenLink>
</RadzenStack>
</RadzenStack>
</RadzenColumn>
<RadzenColumn Size="12" SizeLG="4" class="rz-pb-6 rz-pb-sm-12">
<RadzenStack Gap="1rem" class="rz-h-100">
<RadzenText Text="What pages are included?" TextStyle="Radzen.Blazor.TextStyle.Overline" Style="max-width: 800px; font-size: 1rem" class="rz-color-primary" />
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem" AlignItems="Radzen.AlignItems.Center">
<RadzenIcon Icon="check_circle" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText Text="Home page with engaging Hero section" TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" />
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem" AlignItems="Radzen.AlignItems.Center">
<RadzenIcon Icon="check_circle" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText Text="Services and Solution pages to highlight offerings" TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" />
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem" AlignItems="Radzen.AlignItems.Center">
<RadzenIcon Icon="check_circle" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText Text="About us page with a timeline" TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" />
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem" AlignItems="Radzen.AlignItems.Center">
<RadzenIcon Icon="check_circle" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText Text="Contact us page" TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" />
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem" AlignItems="Radzen.AlignItems.Center">
<RadzenIcon Icon="check_circle" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText Text="Book a demo page" TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" />
</RadzenStack>
</RadzenStack>
</RadzenColumn>
<RadzenColumn Size="12" SizeLG="8" class="rz-pb-6 rz-pb-sm-12">
<RadzenStack Gap="1rem" class="rz-h-100">
<RadzenText Text="How to use?" TextStyle="Radzen.Blazor.TextStyle.Overline" Style="max-width: 800px; font-size: 1rem" class="rz-color-primary" />
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1">
This template is exclusively available with an active <RadzenLink Text="Radzen Professional or Enterprise subscription" Path="https://www.radzen.com/pricing" title="See Radzen Pricing" target="_blank" />.
</RadzenText>
<RadzenRow Gap="1rem">
<RadzenColumn Size="12" SizeSM="6">
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem">
<RadzenIcon Icon="arrow_right_alt" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" >
In <RadzenLink Path="https://www.radzen.com/blazor-studio/download" target="_blank" title="Get Radzen Blazor Studio">Radzen Blazor Studio</RadzenLink> click the <strong>‘+’</strong> button in the bottom left corner to start the New application wizard.
</RadzenText>
</RadzenStack>
</RadzenColumn>
<RadzenColumn Size="12" SizeSM="6">
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem">
<RadzenIcon Icon="arrow_right_alt" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0" >
In <RadzenLink Path="https://www.radzen.com/blazor-visual-studio/download" target="_blank" title="Get Radzen Blazor for Visual Studio">Radzen Blazor for Visual Studio</RadzenLink> create a new application and pick the <strong>Radzen Blazor Application</strong> template.
</RadzenText>
</RadzenStack>
</RadzenColumn>
</RadzenRow>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem">
<RadzenIcon Icon="arrow_right_alt" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0">
Select <strong>Healthcare Blazor Website</strong> and enter a name for your app.
</RadzenText>
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem">
<RadzenIcon Icon="arrow_right_alt" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0">
Pick a rendering mode. All interactive rendering modes are supported - Server, WebAssembly and Auto. Interactivity is enabled globally.
</RadzenText>
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem">
<RadzenIcon Icon="arrow_right_alt" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0">
Choose a directory where the application will exist and click <strong>Finish</strong>.
</RadzenText>
</RadzenStack>
<RadzenStack Orientation="Radzen.Orientation.Horizontal" Gap="0.5rem">
<RadzenIcon Icon="arrow_right_alt" IconStyle="Radzen.IconStyle.Primary"></RadzenIcon>
<RadzenText TextStyle="Radzen.Blazor.TextStyle.Body1" class="rz-m-0">
Run the application to see the final result in your browser.
</RadzenText>
</RadzenStack>
</RadzenStack>
</RadzenColumn>
</RadzenRow>
</RadzenCard>
Reference in New Issue View Git Blame Copy Permalink