Template:AgentProfile: Difference between revisions
From WikiProducers
|  Created page with "<noinclude> {{#template_params:name|state|specialties|languages|phone|email|website}} </noinclude><includeonly> {{#template_display:_format=infobox}}</includeonly>  == About == {{{about|Add your short bio (2–3 sentences).}}}  == Services == * {{{service1|Life Insurance}}} * {{{service2|Long-Term Care}}} * {{{service3|401(k) → FIA}}}  == Reviews == <!-- Reviews will appear here -->  == Compliance == License: {{{license|CA #######}}} · NPN: {{{npn|}}}" | No edit summary | ||
| Line 1: | Line 1: | ||
| < | <templatestyles src="Template:AgentProfile/styles.css" /> | ||
| = | <div class="wp-wrap"> | ||
| ==  |   <!-- HERO --> | ||
|   <header class="wp-hero"> | |||
|     <div class="wp-avatar"> | |||
|       <!-- Use a direct image URL or a file: [[File:...]] in a wrapper --> | |||
|       <img src="{{{photo|https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png}}}" alt="{{{name|}}}" /> | |||
|     </div> | |||
|     <h1 class="wp-name">{{{name|}}}</h1> | |||
|     <p class="wp-title"> | |||
|       {{{title|Licensed Insurance Producer}}} | |||
|       {{#if:{{{city|}}}{{{state|}}}|· {{{city|}}}{{#if:{{{state|}}}|, {{{state|}}}|}}|}} | |||
|     </p> | |||
|     <p class="wp-tagline">{{{tagline|Helping families plan the future.}}}</p> | |||
| ==  |     <div class="wp-cta"> | ||
| < |       {{#if:{{{calendly|}}}|<a class="wp-btn primary" href="{{{calendly}}}" rel="nofollow">Book a Call</a>|}} | ||
|       {{#if:{{{phone|}}}|<a class="wp-btn outline" href="tel:{{{phone}}}">Call</a>|}} | |||
|       {{#if:{{{email|}}}|<a class="wp-btn ghost" href="mailto:{{{email}}}">Email</a>|}} | |||
|     </div> | |||
| ==  |     <ul class="wp-chips"> | ||
|       {{#if:{{{specialties|}}}|<li>🧭 {{{specialties}}}</li>|}} | |||
|       {{#if:{{{languages|}}}|<li>🌐 {{{languages}}}</li>|}} | |||
|       {{#if:{{{license|}}}|<li>🔒 License: {{{license}}}</li>|}} | |||
|       {{#if:{{{npn|}}}|<li># NPN: {{{npn}}}</li>|}} | |||
|     </ul> | |||
|   </header> | |||
|   <!-- ABOUT --> | |||
|   {{#if:{{{about|}}}| | |||
|   <section class="wp-section"> | |||
|     <h2>About</h2> | |||
|     <p>{{{about}}}</p> | |||
|   </section> | |||
|   |}} | |||
|   <!-- SERVICES --> | |||
|   {{#if:{{{services|}}}| | |||
|   <section class="wp-section"> | |||
|     <h2>Services</h2> | |||
|     <div class="wp-cards"> | |||
|       {{#explode:{{{services}}}|;|<div class="wp-card"><span>$1</span></div>}} | |||
|     </div> | |||
|   </section> | |||
|   |}} | |||
|   <!-- REVIEWS --> | |||
|   {{#if:{{{review1|}}}{{{review2|}}}{{{review3|}}}| | |||
|   <section class="wp-section"> | |||
|     <h2>Reviews</h2> | |||
|     <div class="wp-quotes"> | |||
|       {{#if:{{{review1|}}}|<blockquote>“{{{review1}}}”</blockquote>|}} | |||
|       {{#if:{{{review2|}}}|<blockquote>“{{{review2}}}”</blockquote>|}} | |||
|       {{#if:{{{review3|}}}|<blockquote>“{{{review3}}}”</blockquote>|}} | |||
|     </div> | |||
|   </section> | |||
|   |}} | |||
|   <!-- CONTACT --> | |||
|   {{#if:{{{website|}}}{{{email|}}}{{{phone|}}}| | |||
|   <section class="wp-section"> | |||
|     <h2>Contact</h2> | |||
|     <ul class="wp-contact"> | |||
|       {{#if:{{{website|}}}|<li>🌐 <a href="{{{website}}}">{{{website}}}</a></li>|}} | |||
|       {{#if:{{{email|}}}|<li>✉️ <a href="mailto:{{{email}}}">{{{email}}}</a></li>|}} | |||
|       {{#if:{{{phone|}}}|<li>☎️ <a href="tel:{{{phone}}}">{{{phone}}}</a></li>|}} | |||
|     </ul> | |||
|   </section> | |||
|   |}} | |||
|   <!-- COMPLIANCE --> | |||
|   {{#if:{{{disclaimer|}}}| | |||
|   <footer class="wp-footer"> | |||
|     <small>{{{disclaimer}}}</small> | |||
|   </footer> | |||
|   |}} | |||
| </div> | |||
Revision as of 06:30, 16 August 2025
Page Template:AgentProfile/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "CSS").
<header class="wp-hero">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/99/Sample_User_Icon.png" alt="" />
Licensed Insurance Producer
Helping families plan the future.
      
</header>
  
  
  
  
  
