Template:TeltoCare Home: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:24px; margin-bottom:16px; overflow:hidden;"> | <!-- Header Card --> | ||
<div style="background:#ffffff; border:1px solid #e5e7eb; border-top:4px solid {{{accent_color|#0e9e8e}}}; border-radius:12px; padding:24px; margin-bottom:16px; overflow:hidden;"> | |||
<div style="float:right; margin:0 0 12px 20px;">[[Image:{{{image}}}|180px|right|link=|{{{model|TeltoCare}}}]]</div> | <div style="float:right; margin:0 0 12px 20px;">[[Image:{{{image}}}|180px|right|link=|{{{model|TeltoCare}}}]]</div> | ||
<div style="overflow:hidden;"> | <div style="overflow:hidden;"> | ||
| Line 5: | Line 6: | ||
<div style="font-size:28px; font-weight:800; color:#111827; margin:0 0 8px 0; letter-spacing:-0.5px;">{{{model|TeltoCare}}}</div> | <div style="font-size:28px; font-weight:800; color:#111827; margin:0 0 8px 0; letter-spacing:-0.5px;">{{{model|TeltoCare}}}</div> | ||
<div style="font-size:14px; line-height:1.75; color:#6b7280;">{{{description|}}}</div> | <div style="font-size:14px; line-height:1.75; color:#6b7280;">{{{description|}}}</div> | ||
{{#if:{{{errata|}}}| | |||
<div style="margin-top:12px; padding:10px 14px; background:#fff8e1; border-left:4px solid #f59e0b; border-radius:6px; font-size:13px; color:#92400e;">{{{errata}}}</div> | |||
|}} | |||
</div> | </div> | ||
<div style="clear:both;"></div> | <div style="clear:both;"></div> | ||
</div> | </div> | ||
<!-- Two-column layout | <!-- Two-column flexbox layout --> | ||
<div style=" | <div style="display:flex; gap:16px; align-items:flex-start; margin-bottom:16px;"> | ||
<!-- Left: Navigation | <!-- Left: Navigation --> | ||
<div style=" | <div style="flex:0 0 260px; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box;"> | ||
<div style=" | <div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:10px;">Quick Navigation</div> | ||
<!-- Group 1: Getting Started --> | |||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin:0 0 5px 2px;">Getting Started</div> | |||
<div style="margin-bottom:4px;">[[{{{model}}} First Start|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">First Start</span>]]</div> | |||
<div style="margin-bottom:12px;">[[TeltoHeart Safety Instructions|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">Safety Instructions</span>]]</div> | |||
<!-- Group 2: Resources --> | |||
<div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin:0 0 5px 2px;">Resources</div> | |||
<div style="margin-bottom:4px;">[[{{{model}}} software_changelogs|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">Update Logs</span>]]</div> | |||
<div style="margin-bottom:4px;">[[{{{model}}} Promotional Material|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">Promotional Material</span>]]</div> | |||
<div style="margin-bottom:0;">[[FAQ#{{{model}}}|<span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">FAQ</span>]]</div> | |||
<!-- External Links --> | |||
<div style="margin-top:14px; padding-top:14px; border-top:1px solid #e5e7eb;"> | <div style="margin-top:14px; padding-top:14px; border-top:1px solid #e5e7eb;"> | ||
<div style="font-size: | <div style="font-size:10px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#c4c9d4; margin-bottom:6px;">External Links</div> | ||
<div style="margin-bottom: | <div style="margin-bottom:4px;"><span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">[https://teltonika-telemedic.com/products/teltoheart 🏥 TeltoHeart Product Page]</span></div> | ||
<div style="margin-bottom:0;"><span style="display:block; padding: | <div style="margin-bottom:0;"><span style="display:block; padding:8px 10px 8px 14px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb; border-left:3px solid {{{accent_color|#0e9e8e}}};">[https://teltocare.com 💻 TeltoCare Web Platform]</span></div> | ||
</div> | </div> | ||
</div><!-- /nav --> | |||
</div><!-- /flex row --> | |||
</ | |||
Revision as of 13:44, 16 June 2026
Quick Navigation
Getting Started
[[{{{model}}} First Start|First Start]]
Resources
[[{{{model}}} software_changelogs|Update Logs]]
[[{{{model}}} Promotional Material|Promotional Material]]
[[FAQ#{{{model}}}|FAQ]]