{% extends "base.html" %}

{% block title %}About Me{% endblock %}

{% block content %}


<section class="text-center py-20 bg-gradient-to-br from-red-800 to-orange-400 text-white">
  <h1 class="text-5xl font-extrabold mb-4">Benjamin Mosley</h1>
  <p class="text-xl">Aspiring IT Professional & Web Developer</p>
</section>


<section class="py-16 bg-black text-white">
  <div class="max-w-4xl mx-auto px-6 space-y-12">


    <div class="text-center space-y-2">
      <p><strong>Email:</strong> <a href="mailto:ben@bennyshouse.net" class="text-blue-600 hover:underline">ben@bennyshouse.net</a></p>
      <p><strong>Portfolio:</strong> <a href="https://benjaminmosley.com" class="text-blue-600 hover:underline">benjaminmosley.com</a></p>
      <p><strong>Business Website:</strong> <a href="https://bennyshouse.net" class="text-blue-600 hover:underline">bennyshouse.net</a></p>
      <p><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/benjamin-mosley-849643329/" class="text-blue-600 hover:underline">Benjamin Mosley</a></p>
      <p><strong>GitHub:</strong> <a href="https://github.com/Benny-ui-ux" class="text-blue-600 hover:underline">github.com/Benny-ui-ux</a></p>
    </div>


    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">Education</h2>
      <ul class="space-y-3 text-lg">
        <li><strong>High School Graduation:</strong> Mother of Divine Grace – June 2022</li>
        <li><strong>College:</strong> West Texas A&M University<br>
          <span class="text-sm text-white italic">Currently pursuing B.S. in Computer Information Systems, graduating Spring 2026</span>
        </li>
      </ul>
    </div>

    
    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">Background</h2>
      <p class="text-lg leading-relaxed">
        I’ve been working with computers for as long as I can remember — what started as curiosity has grown into a passion. My technical journey continues to evolve through real-world experience and ongoing education.
      </p>
    </div>

    
    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">Skills</h2>
      <ul class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-lg list-disc pl-6">
        <li>Python Programming</li>
        <li>Linux Operating Systems</li>
        <li>Web Design & Hosting</li>
        <li>SQL & Database Management</li>
        <li>Leadership & Teamwork</li>
      </ul>
    </div>


    <div>
      <h2 class="text-3xl font-bold text-orange-600 mb-4">Work Experience</h2>
      <div class="space-y-6 text-lg">

        <div>
          <h3 class="text-xl font-semibold">United Supermarkets – Borger, TX</h3>
          <p class="italic text-white">Grocery Team Lead | Nov 2019 – Aug 2022</p>
          <ul class="list-disc pl-5 mt-2">
            <li>Stocked shelves and maintained floor organization</li>
            <li>Assisted customers and team members</li>
            <li>Managed ordering and inventory processes</li>
          </ul>
        </div>

        <div>
          <h3 class="text-xl font-semibold">The Pergola Shop – Canyon, TX</h3>
          <p class="italic text-white">Wood Stainer / Cutter | Aug 2022 – Aug 2023</p>
          <ul class="list-disc pl-5 mt-2">
            <li>Prepped and treated wood materials for construction</li>
          </ul>
        </div>

        <div>
          <h3 class="text-xl font-semibold">United Supermarkets – Canyon, TX</h3>
          <p class="italic text-white">Service Center / Bookkeeper | Aug 2023 – Present</p>
          <ul class="list-disc pl-5 mt-2">
            <li>Nightly accounting duties and managment of my team</li>
            <li>Provided high-quality customer service</li>
          </ul>
        </div>

      </div>
    </div>

  </div>
</section>

{% endblock %}