Template:TeltoCare Home: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
[[Image:{{{image}}}|border| | <div style="background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:24px; margin-bottom:16px; overflow:hidden;"> | ||
{{{description | | <div style="float:right; margin:0 0 12px 20px;">[[Image:{{{image}}}|border|180px|right|link=|{{{model|TeltoCare}}}]]</div> | ||
<div style="overflow:hidden;"> | |||
<div style="font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#9ca3af; margin-bottom:6px;">Medical Software</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> | |||
<div style="clear:both;"></div> | |||
</div> | |||
<div style=" | <!-- Two-column layout using float --> | ||
<div style="overflow:hidden; margin-bottom:16px;"> | |||
<div style="font-size: | <!-- Left: Navigation (~30%) --> | ||
<div style="float:left; width:28%; min-width:200px; background:#ffffff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; box-sizing:border-box; margin-right:2%;"> | |||
<div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:12px;">Quick Navigation</div> | |||
<div style="margin-bottom: | <div style="margin-bottom:5px;">[[{{{model}}} First Start|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">🚀 First Start</span>]]</div> | ||
<div style="margin-bottom:5px;">[[TeltoHeart Safety Instructions|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">⚠️ Safety Instructions</span>]]</div> | |||
<div style="margin-bottom:5px;">[[{{{model}}} software_changelogs|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">🔄 Update Logs</span>]]</div> | |||
<div style="margin-bottom:5px;">[[{{{model}}} Promotional Material|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📣 Promotional Material</span>]]</div> | |||
<div style="margin-bottom:0;">[[FAQ#{{{model}}}|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">❓ FAQ</span>]]</div> | |||
<div style="margin-bottom: | <div style="margin-top:14px; padding-top:14px; border-top:1px solid #e5e7eb;"> | ||
<div style="font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#9ca3af; margin-bottom:8px;">External Links</div> | |||
<div style="margin-bottom:5px;"><span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">[https://teltonika-telemedic.com/products/teltoheart 🏥 TeltoHeart Product Page]</span></div> | |||
<div style="margin-bottom:0;"><span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">[https://teltocare.com 💻 TeltoCare Web Platform]</span></div> | |||
</div> | |||
</div> | |||
< | <!-- Right: Documentation (~70%) --> | ||
<div style="float:left; width:70%; 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:12px;">Documentation</div> | ||
<div style=" | |||
</div | |||
<div style="font-size: | <!-- ── ENGLISH ─────────────────────────────────── --> | ||
<div style="border-bottom:1px solid #e5e7eb; margin:0 0 8px 0; padding-bottom:4px; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#9ca3af;">🇬🇧 English</div> | |||
<div style="margin-bottom: | <div style="margin-bottom:5px;">[[Media:TeltoCare_User_Manual_EN.pdf|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📄 User Manual <span style="float:right; font-weight:400; color:#9ca3af;">{{{user_manual_date|}}}</span></span>]]</div> | ||
<div style="margin-bottom:5px;">[[Media:TeltoCare_Quick_Start_Guide_EN.pdf|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📄 Quick Start Guide <span style="float:right; font-weight:400; color:#9ca3af;">{{{quick_manual_date|}}}</span></span>]]</div> | |||
<div style="margin-bottom:5px;">[[Media:TeltoCare_Datasheet_EN.pdf|<span style="display:block; padding:9px 12px; border-radius:7px; font-size:13px; font-weight:500; color:#374151; background:#f9fafb; border:1px solid #e5e7eb;">📄 Datasheet <span style="float:right; font-weight:400; color:#9ca3af;">{{{datasheet_date|}}}</span></span>]]</div> | |||
<div | </div><!-- /right col --> | ||
<div style="clear:both;"></div> | |||
</div> | </div> | ||