Home / Admin / Real Estate Website
Duplicate Snippet

Embed Snippet on Your Site

Real Estate Website

Code Preview
php
<?php
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Dream Career Project — Real Estate Agent</title>
  <style>
    :root{
      --bg:#0b1220;
      --card:#111b2e;
      --text:#e9eefc;
      --muted:#b9c4e3;
      --accent:#7aa2ff;
      --line:rgba(255,255,255,.10);
      --pill:rgba(122,162,255,.15);
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background: radial-gradient(1200px 800px at 20% 0%, rgba(122,162,255,.25), transparent 50%),
                  radial-gradient(900px 700px at 100% 20%, rgba(122,162,255,.20), transparent 45%),
                  var(--bg);
      color:var(--text);
      line-height:1.6;
    }
    a{color:var(--accent); text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{max-width:1000px; margin:0 auto; padding:28px 18px 60px}
    header{
      padding:26px 18px;
      border:1px solid var(--line);
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border-radius:18px;
      position:relative;
      overflow:hidden;
    }
    header:before{
      content:"";
      position:absolute; inset:-2px;
      background: radial-gradient(600px 240px at 30% 0%, rgba(122,162,255,.30), transparent 55%);
      pointer-events:none;
    }
    .kicker{color:var(--muted); font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem}
    h1{margin:.25rem 0 .6rem; font-size:2.1rem}
    .sub{color:var(--muted); margin:0; max-width:70ch}
    nav{
      display:flex; flex-wrap:wrap; gap:10px;
      margin-top:16px;
    }
    .pill{
      padding:8px 12px;
      border:1px solid var(--line);
      background: var(--pill);
      border-radius:999px;
      font-size:.92rem;
    }
    .grid{
      display:grid;
      grid-template-columns: 1fr;
      gap:14px;
      margin-top:18px;
    }
    @media (min-width: 860px){
      .grid{grid-template-columns: 1fr 1fr;}
      .span-2{grid-column: span 2;}
    }
    section{
      border:1px solid var(--line);
      background: rgba(17,27,46,.85);
      border-radius:16px;
      padding:18px 18px 16px;
    }
    h2{margin:0 0 10px; font-size:1.2rem}
    .muted{color:var(--muted)}
    ul{margin:10px 0 0 20px}
    li{margin:6px 0}
    footer{
      margin-top:18px;
      color:var(--muted);
      font-size:.92rem;
      text-align:center;
    }
    .tagrow{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
    .tag{
      border:1px solid var(--line);
      padding:6px 10px;
      border-radius:999px;
      font-size:.85rem;
      color:var(--muted);
      background: rgba(255,255,255,.03);
    }
  </style>
</head>
<body>
  <div class="wrap">
    <header>
      <div class="kicker">Dream Career Project</div>
      <h1>Real Estate Agent</h1>
      <p class="sub">
        A clear plan showing the skills, training, and steps I will take to reach my dream job in real estate.
      </p>
      <nav aria-label="Page navigation">
        <a class="pill" href="#why">Why I Chose It</a>
        <a class="pill" href="#hard">Hard Skills</a>
        <a class="pill" href="#training">Training & Location</a>
        <a class="pill" href="#soft">Soft Skills</a>
        <a class="pill" href="#path">Jobs on the Way</a>
        <a class="pill" href="#salary">Salary & Growth</a>
        <a class="pill" href="#companies">Companies</a>
        <a class="pill" href="#plan">My Plan</a>
      </nav>
    </header>
    <main class="grid">
      <section id="why" class="span-2">
        <h2>What is my dream job and why did I choose it?</h2>
        <p>
          My dream job is to become a real estate agent. I chose this career because it is something I can realistically
          see myself doing long-term and continuing to grow in throughout my life. Real estate offers flexibility,
          independence, and strong earning potential.
        </p>
        <p>
          I am especially interested in selling homes, managing rental properties such as Airbnb listings, and eventually
          buying, renovating, and flipping homes. I have already started taking steps toward this career by beginning a
          real estate licensing course, which I plan to complete before graduating.
        </p>
        <div class="tagrow">
          <span class="tag">Selling homes</span>
          <span class="tag">Airbnb rentals</span>
          <span class="tag">House flipping</span>
          <span class="tag">Client relationships</span>
        </div>
      </section>
      <section id="hard">
        <h2>Hard skills Ill need</h2>
        <ul>
          <li><strong>Market analysis</strong> (understanding trends and pricing)</li>
          <li><strong>Contract knowledge</strong> (offers, contingencies, legal steps)</li>
          <li><strong>Negotiation</strong> (getting the best outcome for clients)</li>
          <li><strong>Property valuation</strong> (estimating fair market value)</li>
          <li><strong>Real estate laws & ethics</strong> (professional standards)</li>
        </ul>
        <p class="muted">
          These are built through a state-approved licensing course, mentorship at a brokerage, and continuing education.
        </p>
      </section>
      <section id="training">
        <h2>School/training institution & location</h2>
        <p>
          I do not need a traditional college for this job. I need to complete a
          <strong>state-approved real estate training program</strong> and pass the licensing exam.
        </p>
        <ul>
          <li><strong>Best fit:</strong> Online training (flexible + self-paced)</li>
          <li><strong>Certification needed:</strong> Real estate license in the state(s) I work in</li>
          <li><strong>Graduate school required?</strong> No</li>
        </ul>
      </section>
      <section id="soft">
        <h2>Soft skills Ill need (and how Ill practice them)</h2>
        <ul>
          <li><strong>Communication</strong> — practice in customer service and professional networking</li>
          <li><strong>Confidence</strong> — open houses, presentations, and consistent client interaction</li>
          <li><strong>Organization</strong> — calendars, deadlines, paperwork, and follow-ups</li>
          <li><strong>Time management</strong> — balancing multiple clients and showings</li>
          <li><strong>Problem-solving</strong> — handling inspections, negotiations, and obstacles</li>
          <li><strong>Relationship-building</strong> — growing trust with clients and referrals</li>
        </ul>
      </section>
      <section id="path">
        <h2>Jobs on the way to my dream job</h2>
        <p>These jobs help me gain experience while I build my career:</p>
        <ul>
          <li><strong>Real estate assistant</strong> — learn paperwork, scheduling, and marketing</li>
          <li><strong>Leasing agent</strong> — practice tours, tenant screening, and communication</li>
          <li><strong>Property manager</strong> — learn operations, budgeting, and maintenance coordination</li>
          <li><strong>Sales/customer service</strong> — strengthen people skills and confidence</li>
        </ul>
      </section>
      <section id="salary">
        <h2>Typical salary & advancement</h2>
        <p>
          Real estate income often depends on <strong>commission</strong>, so pay varies by location, experience,
          and number of sales. Successful agents can earn a strong income as they build their reputation and referrals.
        </p>
        <p>
          <strong>Advancement opportunities:</strong> becoming a broker, specializing (luxury/commercial),
          opening a firm, property management, and real estate investing.
        </p>
      </section>
      <section id="companies">
        <h2>Top companies/firms to work for</h2>
        <p>
          I already have a potential setup with the <strong>Readhead and McAllister</strong> firm.
          I also know people in other real estate firms who can mentor me and help me learn through networking and experience.
        </p>
        <p class="muted">
          Mentorship matters because it speeds up learning in contracts, negotiation, and client strategy.
        </p>
      </section>
      <section id="plan" class="span-2">
        <h2>My plan to reach my dream job</h2>
        <ol>
          <li>Finish my real estate licensing course and pass the state exam.</li>
          <li>Join a reputable brokerage and learn under experienced agents.</li>
          <li>Build a strong network, focus on referrals, and improve marketing.</li>
          <li>Continue learning market trends and complete required continuing education.</li>
          <li>Expand into rentals (Airbnb) and eventually invest in house flipping.</li>
        </ol>
        <p class="muted">
          Goal: Build a long-term career with multiple income options (sales, rentals, investing).
        </p>
      </section>
    </main>
    <footer>
      <p>Created for my Dream Career Project • 2025</p>
    </footer>
  </div>
</body>
</html>

Comments

Add a Comment