<div class="container">
        <h1>Job Listings</h1>
        <div class="filters">
            <select id="job-category" onchange="filterJobs()">
                <option value="all">All Categories</option>
                <option value="engineering">Engineering</option>
                <option value="data-science">Data Science</option>
                <option value="design">Design</option>
                <option value="management">Management</option>
                <option value="support">Support</option>
            </select>
            <input type="search" id="job-search" oninput="searchJobs()" placeholder="Search job titles...">
        </div>
        <div id="job-listings">
            <div class="job-listing" data-category="engineering">
                <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>
            <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-listings-container">
                <div class="job-listing">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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">
            <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>

add data category where its not their 
only give that code only all the data i need