<div class="job-title">Software Engineer</div>
        <div class="job-details"><i class="fas fa-building"></i> Google</div>
        <div class="job-details"><i class="fas fa-map-marker-alt"></i> Mountain View, CA</div>
        <div class="job-details"><i class="fas fa-calendar-alt"></i> Posted on: August 1, 2024</div>
        <div class="job-details"><i class="fas fa-dollar-sign"></i> Salary: $120,000 - $150,000</div>
        <div class="job-description">
            <p>As a Software Engineer at Google, you will be responsible for designing, developing, and maintaining software applications. You will work closely with cross-functional teams to deliver high-quality software solutions that meet business requirements.</p>
            <p><strong>Responsibilities:</strong></p>
            <ul>
                <li>Develop and maintain software applications.</li>
                <li>Collaborate with product managers, designers, and other engineers.</li>
                <li>Write clean, scalable, and efficient code.</li>
                <li>Participate in code reviews and maintain coding standards.</li>
                <li>Troubleshoot and debug issues.</li>
            </ul>
            <p><strong>Requirements:</strong></p>
            <ul>
                <li>Bachelor's degree in Computer Science or related field.</li>
                <li>3+ years of experience in software development.</li>
                <li>Proficiency in Java, Python, or C++.</li>
                <li>Experience with cloud services (AWS, GCP, Azure).</li>
                <li>Strong problem-solving skills and attention to detail.</li>
            </ul>
        </div>
        <a href="job_application.html" class="apply-button">Apply Now</a>
        <a href="job_listings.html" class="back-button">Back to Job Board</a>
    </div>


i need like this for all 56 jobs:

from job_listings.html:sample code

<div class="job-listing" data-category="data-science">
          <div class="job-title">Data Scientist</div>
          <div class="job-details"><i class="fas fa-building"></i> Amazon</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Seattle, WA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Web Developer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Facebook
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Menlo Park, CA
          </div>
        </div>
        <div class="job-listing" data-category="management">
          <div class="job-title">Product Manager</div>
          <div class="job-details"><i class="fas fa-building"></i> Apple</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Cupertino, CA
          </div>
        </div>
        <div class="job-listing" data-category="design">
          <div class="job-title">UI/UX Designer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Microsoft
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redmond, WA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">DevOps Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Netflix</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Los Gatos, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Mobile App Developer</div>
          <div class="job-details"><i class="fas fa-building"></i> Uber</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="support">
          <div class="job-title">System Administrator</div>
          <div class="job-details"><i class="fas fa-building"></i> IBM</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Armonk, NY
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Network Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Cisco</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Jose, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Cloud Architect</div>
          <div class="job-details"><i class="fas fa-building"></i> Oracle</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redwood City, CA
          </div>
        </div>
        <div class="job-listing" data-category="support">
          <div class="job-title">Security Analyst</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Symantec
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Mountain View, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Full Stack Developer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Salesforce
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">QA Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Adobe</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Jose, CA
          </div>
        </div>
        <div class="job-listing" data-category="support">
          <div class="job-title">Technical Support Specialist</div>
          <div class="job-details"><i class="fas fa-building"></i> Dell</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Round Rock, TX
          </div>
        </div>
        <div class="job-listing" data-category="management">
          <div class="job-title">Business Analyst</div>
          <div class="job-details"><i class="fas fa-building"></i> Intel</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Santa Clara, CA
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">Machine Learning Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Nvidia</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Santa Clara, CA
          </div>
        </div>
        <div class="job-listing" data-category="management">
          <div class="job-title">IT Project Manager</div>
          <div class="job-details"><i class="fas fa-building"></i> HP</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Palo Alto, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Database Administrator</div>
          <div class="job-details"><i class="fas fa-building"></i> Oracle</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redwood City, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Cybersecurity Specialist</div>
          <div class="job-details"><i class="fas fa-building"></i> Google</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Mountain View, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Blockchain Developer</div>
          <div class="job-details"><i class="fas fa-building"></i> IBM</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Armonk, NY
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">AI Research Scientist</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Facebook
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Menlo Park, CA
          </div>
        </div>
        <div class="job-listing" data-category="consulting">
          <div class="job-title">IT Consultant</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Accenture
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> New York, NY
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Penetration Tester</div>
          <div class="job-details"><i class="fas fa-building"></i> Amazon</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Seattle, WA
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">Big Data Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Microsoft
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redmond, WA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Technical Writer</div>
          <div class="job-details"><i class="fas fa-building"></i> Oracle</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redwood City, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Software Architect</div>
          <div class="job-details"><i class="fas fa-building"></i> Netflix</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Los Gatos, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Cloud Security Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Salesforce
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Embedded Systems Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Tesla</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Palo Alto, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Robotics Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Boston Dynamics
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Waltham, MA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Game Developer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Electronic Arts
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redwood City, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Cloud Operations Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Amazon Web Services
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Seattle, WA
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">Data Analyst</div>
          <div class="job-details"><i class="fas fa-building"></i> Twitter</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Systems Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Cisco</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Jose, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Network Administrator</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Palo Alto Networks
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Santa Clara, CA
          </div>
        </div>
        <div class="job-listing" data-category="management">
          <div class="job-title">IT Manager</div>
          <div class="job-details"><i class="fas fa-building"></i> IBM</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Armonk, NY
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">Business Intelligence Developer</div>
          <div class="job-details"><i class="fas fa-building"></i> SAP</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Newtown Square, PA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Java Developer</div>
          <div class="job-details"><i class="fas fa-building"></i> Oracle</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Redwood City, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Software Development Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Google</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Mountain View, CA
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">Senior Data Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> LinkedIn
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Sunnyvale, CA
          </div>
        </div>
        <div class="job-listing" data-category="design">
          <div class="job-title">Web Designer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Squarespace
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> New York, NY
          </div>
        </div>
        <div class="job-listing" data-category="marketing">
          <div class="job-title">Digital Marketing Specialist</div>
          <div class="job-details"><i class="fas fa-building"></i> HubSpot</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Cambridge, MA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">AI Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> DeepMind
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> London, UK
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Frontend Developer</div>
          <div class="job-details"><i class="fas fa-building"></i> Shopify</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Toronto, ON
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Backend Developer</div>
          <div class="job-details"><i class="fas fa-building"></i> Stripe</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="data-science">
          <div class="job-title">Data Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Dropbox</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Software Tester</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Atlassian
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Sydney, AU
          </div>
        </div>
        <div class="job-listing" data-category="design">
          <div class="job-title">Game Designer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Blizzard Entertainment
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Irvine, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">IT Security Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> FireEye</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Milpitas, CA
          </div>
        </div>
        <div class="job-listing" data-category="consulting">
          <div class="job-title">Systems Analyst</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Accenture
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Chicago, IL
          </div>
        </div>
        <div class="job-listing" data-category="support">
          <div class="job-title">IT Support Specialist</div>
          <div class="job-details"><i class="fas fa-building"></i> Zendesk</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="management">
          <div class="job-title">Technical Project Manager</div>
          <div class="job-details"><i class="fas fa-building"></i> Google</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Mountain View, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">Infrastructure Engineer</div>
          <div class="job-details">
            <i class="fas fa-building"></i> LinkedIn
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Sunnyvale, CA
          </div>
        </div>
        <div class="job-listing" data-category="consulting">
          <div class="job-title">Cloud Consultant</div>
          <div class="job-details">
            <i class="fas fa-building"></i> Salesforce
          </div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> San Francisco, CA
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">QA Tester</div>
          <div class="job-details"><i class="fas fa-building"></i> HP</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Palo Alto, CA
          </div>
        </div>
        <div class="job-listing" data-category="consulting">
          <div class="job-title">Integration Specialist</div>
          <div class="job-details"><i class="fas fa-building"></i> SAP</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Newtown Square, PA
          </div>
        </div>
        <div class="job-listing" data-category="support">
          <div class="job-title">Application Support Analyst</div>
          <div class="job-details"><i class="fas fa-building"></i> Dell</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Round Rock, TX
          </div>
        </div>
        <div class="job-listing" data-category="engineering">
          <div class="job-title">IoT Engineer</div>
          <div class="job-details"><i class="fas fa-building"></i> Tesla</div>
          <div class="job-details">
            <i class="fas fa-map-marker-alt"></i> Palo Alto, CA
          </div>
        </div>
      </div>
    </div>