PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u456810272/domains/radjobs.pro/public_html/14index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rad-Jobs - The Job Board for Radiology</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        /* Reset & Basics */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Roboto', Arial, sans-serif;
            font-size: 13px;
            background-color: #fff;
            color: #333;
            line-height: 1.4;
        }
        a {
            text-decoration: none;
            color: #005c8a;
            cursor: pointer;
        }
        a:hover {
            text-decoration: underline;
        }
        .container {
            width: 1000px;
            margin: 0 auto;
            background: #fff;
            position: relative;
        }
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .blue-text { color: #005c8a; font-weight: bold; }
        .text-bold { font-weight: bold; }
        .text-small { font-size: 11px; }
        .mt-10 { margin-top: 10px; }

        /* Modals & Overlays */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }
        .modal-overlay.active { display: flex; }
        .modal-box {
            background: white;
            width: 400px;
            padding: 25px;
            border-radius: 6px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.2);
            position: relative;
        }
        .modal-box h2 { margin-bottom: 15px; color: #005c8a; }
        .modal-close {
            position: absolute;
            top: 10px; right: 15px;
            font-size: 24px;
            cursor: pointer;
            color: #888;
        }
        .modal-close:hover { color: #333; }
        .modal-box input, .modal-box select {
            width: 100%; padding: 8px 10px; margin-bottom: 10px;
            border: 1px solid #ccc; border-radius: 3px;
        }
        .modal-box .btn-submit {
            width: 100%; background: #005c8a; color: white; border: none;
            padding: 10px; border-radius: 3px; cursor: pointer; font-weight: bold;
        }
        .modal-box .btn-submit:hover { background: #004b73; }

        /* Top Bar */
        .top-bar {
            background-color: #f2f2f2;
            padding: 8px 15px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            font-size: 12px;
            color: #666;
            border-bottom: 1px solid #ddd;
        }
        .top-bar span { margin-right: 15px; }
        .top-bar .btn-top {
            background-color: #005c8a;
            color: white;
            padding: 2px 12px;
            border: 1px solid #004b73;
            border-radius: 2px;
            font-weight: bold;
            font-size: 11px;
            cursor: pointer;
            margin-left: 5px;
        }
        .top-bar .btn-top.register { background-color: #f0b800; border-color: #e0a800; color: #333; }

        /* Logo */
        .logo-section { padding: 15px 0 10px 15px; display: flex; align-items: center; gap: 15px; }
        .logo-section img { height: 55px; width: auto; }

        /* Navigation */
        .nav-bar { display: flex; background-color: #007ab6; margin-bottom: 15px; }
        .nav-bar a {
            color: white; padding: 8px 15px; font-weight: bold; font-size: 13px; display: block; cursor: pointer;
        }
        .nav-bar a:hover, .nav-bar a.active { background-color: #005c8a; text-decoration: none; }
        .nav-bar .nav-right { margin-left: auto; background-color: #005c8a; }

        /* Pages System */
        .page { display: none; padding: 0 15px 30px 15px; }
        .page.active { display: block; }

        /* Main Layout for Home and generic containers */
        .main-content { display: flex; gap: 15px; }
        .sidebar-left { width: 195px; flex-shrink: 0; border: 1px solid #e0e0e0; }
        .sidebar-left .header { background-color: #eef4f7; padding: 8px 10px; font-weight: bold; color: #005c8a; border-bottom: 1px solid #e0e0e0; }
        .sidebar-left ul li { border-bottom: 1px solid #f0f0f0; }
        .sidebar-left ul li a { display: block; padding: 6px 10px 6px 20px; color: #333; position: relative; font-size: 12px; }
        .sidebar-left ul li a::before { content: "›"; position: absolute; left: 6px; color: #999; }
        .sidebar-left ul li a:hover { background-color: #f9f9f9; color: #005c8a; text-decoration: none; }
        .sidebar-left .allied-header { background-color: #e8f3d9; padding: 8px 10px; font-weight: bold; color: #5a7a2a; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }

        /* Hero Box */
        .content-center { flex-grow: 1; }
        .hero-box {
            background: #dceef7; position: relative; height: 140px; display: flex; align-items: center; justify-content: flex-end; padding-right: 40px;
            background-image: url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=600&h=200&fit=crop&crop=face');
            background-size: cover; background-position: center; margin-bottom: 15px;
        }
        .hero-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); }
        .hero-content { position: relative; z-index: 2; text-align: right; }
        .hero-content h1 { font-size: 28px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.4); margin-bottom: 5px; font-weight: normal; }
        .btn-start {
            background: linear-gradient(to bottom, #ffd633, #f0b800); border: 1px solid #e0a800;
            padding: 6px 20px; font-weight: bold; color: #333; border-radius: 20px; cursor: pointer;
            font-size: 15px; display: inline-block; text-decoration: none;
        }

        .intro-text { margin-bottom: 15px; font-size: 13px; }
        .sub-columns { display: flex; gap: 20px; }
        .sub-col { flex: 1; }
        .sub-col h3 { font-size: 14px; color: #005c8a; border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; margin-bottom: 10px; }
        .sub-col ul li { padding: 3px 0; font-size: 12px; }
        .sub-col ul li a { color: #333; }
        .sub-col ul li a:hover { color: #005c8a; text-decoration: underline; }

        /* Testimonial */
        .testimonial-box { margin-top: 20px; padding: 15px 20px; background-color: #f7fbfd; border-top: 1px solid #e0e0e0; position: relative; font-style: italic; color: #444; font-size: 13px; }
        .testimonial-box .quote-mark { font-size: 60px; color: #d0dce3; position: absolute; top: -10px; left: 5px; font-family: Georgia, serif; line-height: 1; }
        .testimonial-content { padding-left: 40px; position: relative; z-index: 2; }
        .testimonial-author { margin-top: 10px; font-style: normal; font-weight: bold; text-align: right; color: #005c8a; }
        .testimonial-author span { font-weight: normal; font-size: 12px; color: #666; display: block; }

        /* Sidebar Right */
        .sidebar-right { width: 210px; flex-shrink: 0; }
        .ad-box { margin-bottom: 15px; border: 1px solid #e0e0e0; padding: 10px; text-align: center; background: #fcfcfc; }
        .ad-box.gray-header .ad-title { background-color: #e0e0e0; padding: 5px 0; font-weight: bold; color: #333; margin: -10px -10px 10px -10px; }
        .ad-box .ad-image { width: 100%; height: 100px; object-fit: cover; margin-bottom: 10px; }
        .ad-box .ad-title-blue { color: #005c8a; font-weight: bold; font-size: 14px; display: block; margin-bottom: 5px; }
        .ad-box p { font-size: 11px; margin-bottom: 10px; }
        .btn-learn { color: #005c8a; font-weight: bold; text-decoration: underline; }
        .ad-bottom { display: flex; align-items: flex-start; text-align: left; gap: 10px; border: 1px solid #e0e0e0; padding: 10px; margin-top: -5px; background: #fff; }
        .ad-bottom img { width: 50px; height: 80px; object-fit: contain; }
        .ad-bottom div { font-size: 11px; }
        .ad-bottom .title { font-weight: bold; color: #444; }

        /* Footer */
        .footer-top { border-top: 2px solid #ddd; padding: 15px; background: #f9f9f9; margin-top: 10px; }
        .footer-top h3 { color: #005c8a; margin-bottom: 8px; font-size: 15px; }
        .footer-top p { font-size: 12px; line-height: 1.6; color: #555; }
        .footer-bottom { background: #f2f2f2; padding: 15px; display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #777; border-top: 1px solid #e0e0e0; }
        .footer-bottom .social-icons a { color: #555; margin-left: 10px; font-size: 16px; }
        .footer-bottom .social-icons a:hover { color: #005c8a; }
        .footer-bottom .links a { color: #777; margin: 0 5px; }

        /* Generic Pages Styling */
        .generic-page { padding: 15px 0; }
        .generic-page h2 { color: #005c8a; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
        .generic-page .form-group { margin-bottom: 12px; }
        .generic-page .form-group label { display: block; font-weight: bold; margin-bottom: 3px; }
        .generic-page .form-group input, .generic-page .form-group textarea, .generic-page .form-group select {
            width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px; font-size: 13px;
        }
        .generic-page .form-group textarea { height: 100px; resize: vertical; }
        .generic-page .btn-primary { background: #005c8a; color: white; border: none; padding: 8px 20px; border-radius: 3px; font-weight: bold; cursor: pointer; }
        .generic-page .btn-primary:hover { background: #004b73; }
        
        /* Contact details */
        .contact-details { background: #f7fbfd; padding: 15px; border: 1px solid #e0e0e0; margin-top: 15px; }
        .contact-details p { margin-bottom: 5px; }

        /* About layout */
        .two-col { display: flex; gap: 20px; }
        .two-col > div { flex: 1; }
    </style>
</head>
<body>

    <!-- Modals -->
    <div class="modal-overlay" id="loginModal">
        <div class="modal-box">
            <span class="modal-close" onclick="closeModal('loginModal')">&times;</span>
            <h2>Login</h2>
            <form onsubmit="event.preventDefault(); alert('Login functionality would connect here.');">
                <input type="email" placeholder="Email Address" required>
                <input type="password" placeholder="Password" required>
                <button type="submit" class="btn-submit">Login</button>
                <div style="text-align: center; margin-top: 10px; font-size: 12px;">
                    <a href="#" onclick="closeModal('loginModal'); openModal('registerModal'); return false;">Don't have an account? Register</a>
                </div>
            </form>
        </div>
    </div>

    <div class="modal-overlay" id="registerModal">
        <div class="modal-box">
            <span class="modal-close" onclick="closeModal('registerModal')">&times;</span>
            <h2>Register</h2>
            <form onsubmit="event.preventDefault(); alert('Registration functionality would connect here.');">
                <input type="text" placeholder="Full Name" required>
                <input type="email" placeholder="Email Address" required>
                <input type="password" placeholder="Create Password" required>
                <input type="password" placeholder="Confirm Password" required>
                <button type="submit" class="btn-submit">Create Account</button>
            </form>
        </div>
    </div>

    <div class="container">
        <!-- Top Bar -->
        <div class="top-bar">
            <span>Customer Service (Mon-Fri / 8-5): <strong style="color:#000;">(800) 555-RADS (7237)</strong></span>
            <button class="btn-top" onclick="openModal('loginModal')">Login</button>
            <button class="btn-top register" onclick="openModal('registerModal')">Register</button>
        </div>

        <!-- Logo -->
        <div class="logo-section">
            <img src="radjobs.jpg" alt="Rad-Jobs Logo" onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">
            <div class="logo-text" style="display:none; font-size: 36px; font-weight: bold; color: #004f7a;">Rad-Jobs<span style="color:#333;">.com</span></div>
        </div>

        <!-- Navigation -->
        <div class="nav-bar">
            <a class="nav-link active" onclick="showPage('page-home', this)">Home</a>
            <a class="nav-link" onclick="showPage('page-search', this)">Search Jobs</a>
            <a class="nav-link" onclick="showPage('page-resume', this)">Post Resume/CV</a>
            <a class="nav-link" onclick="showPage('page-about', this)">About Us</a>
            <a class="nav-link" onclick="showPage('page-contact', this)">Contact Us</a>
            <a class="nav-link nav-right" onclick="showPage('page-post', this)">Post Your Jobs</a>
        </div>

        <!-- Page: Home -->
        <div id="page-home" class="page active">
            <div class="main-content">
                <!-- Left Sidebar -->
                <div class="sidebar-left">
                    <div class="header">Physician Jobs</div>
                    <ul>
                        <li><a href="#">Abdominal Imaging</a></li>
                        <li><a href="#">Body Imaging</a></li>
                        <li><a href="#">Cardiovascular Radiology</a></li>
                        <li><a href="#">Chest Radiology</a></li>
                        <li><a href="#">Cross Sectional Imaging</a></li>
                        <li><a href="#">Diagnostic Radiology</a></li>
                        <li><a href="#">Emergency Imaging</a></li>
                        <li><a href="#">Emergency Medicine</a></li>
                        <li><a href="#" class="blue-text text-bold">Interventional Radiology</a></li>
                        <li><a href="#">Mammography</a></li>
                        <li><a href="#">MRI</a></li>
                        <li><a href="#">Musculoskeletal Imaging</a></li>
                        <li><a href="#">Neuroradiology</a></li>
                        <li><a href="#">Nuclear Medicine</a></li>
                        <li><a href="#">Nuclear Radiology</a></li>
                        <li><a href="#">Pediatric Neuroradiology</a></li>
                        <li><a href="#">Pediatric Radiology</a></li>
                        <li><a href="#">Pediatrics</a></li>
                        <li><a href="#">PET/CT Imaging</a></li>
                        <li><a href="#">Radiology</a></li>
                        <li><a href="#" class="blue-text text-bold">Radiology</a></li>
                        <li><a href="#">Teleradiology</a></li>
                        <li><a href="#">Thoracic Imaging</a></li>
                        <li><a href="#">Ultrasound/Sonography</a></li>
                        <li><a href="#">Women's Imaging</a></li>
                    </ul>
                    <div class="allied-header">Allied Health Jobs</div>
                    <ul>
                        <li><a href="#">Mammography Tech</a></li>
                        <li><a href="#">Nuclear Medicine Tech</a></li>
                        <li><a href="#" class="blue-text text-bold">Rad Tech</a></li>
                        <li><a href="#">Ultrasound Tech</a></li>
                    </ul>
                </div>

                <!-- Center Content -->
                <div class="content-center">
                    <!-- Hero Section -->
                    <div class="hero-box">
                        <div class="hero-content">
                            <h1>search for a better life.</h1>
                            <a href="#" class="btn-start">Start Now</a>
                        </div>
                    </div>

                    <div class="intro-text">
                        Rad-Jobs.com is the <strong class="blue-text">web's leading job board for radiology</strong> and all radiology subspecialties. Our site is specifically tailored for posting employment opportunities in every radiology related field. <a href="#">Search for Radiology Jobs &gt;</a>
                    </div>

                    <div class="sub-columns">
                        <div class="sub-col">
                            <h3>New Jobs this Week</h3>
                            <ul>
                                <li><a href="#"><span class="text-bold">NeuroRad</span> (onsite or fully remote) and a ...</a></li>
                                <li><a href="#"><span class="text-bold">Body/Breast Imager</span> (on site only) <span class="text-bold">are needed for a CT group</span></a></li>
                                <li><a href="#"><span class="blue-text text-bold">MAMMO READERS CA IMMEDIATE NEED</span></a></li>
                                <li><a href="#"><span class="text-bold">Mammography Radiologist</span> Locum <span class="text-bold">Tenens Opportunity - Virginia - No Call</span></a></li>
                            </ul>
                        </div>
                        <div class="sub-col">
                            <h3>Resources</h3>
                            <ul>
                                <li><a href="#">&bull; Teleradiology &amp; Nighthawk Coverage</a></li>
                                <li><a href="#">&bull; View Jobs by Company</a></li>
                                <li><a href="#">&bull; MedJobs.com — All Medical Jobs</a></li>
                                <li><a href="#">&bull; Our Featured Employers</a></li>
                                <li><a href="#">&bull; Need an Agency?</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Testimonial -->
                    <div class="testimonial-box">
                        <div class="quote-mark">“</div>
                        <div class="testimonial-content">
                            Rad-Jobs is a fantastic resource for radiologists seeking employment and hiring managers looking for top-tier talent. We have built long-lasting professional relationships through this platform. I highly recommend Rad-Jobs.com!
                            <div class="testimonial-author">
                                Dr. Amelia Hayes - President
                                <span>Hayes Medical Staffing - New York, NY</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Right Sidebar -->
                <div class="sidebar-right">
                    <div class="ad-box gray-header">
                        <div class="ad-title">TRY OUR OTHER<br>NICHE<br>JOB BOARDS</div>
                        <img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=300&h=150&fit=crop" alt="Niche Boards" class="ad-image" style="height:70px;">
                        <div class="text-small blue-text text-bold" style="margin-top:5px;">NATIONWIDE<br>OPPORTUNITIES</div>
                        <div class="text-small" style="font-weight:bold; color:#004f7a;">RadStaff</div>
                    </div>

                    <div class="ad-box gray-header">
                        <div class="ad-title" style="background-color:#eaeaea;">Confidential</div>
                        <img src="https://images.unsplash.com/photo-1616509091215-57bbe37dab2d?w=300&h=150&fit=crop" alt="Confidential" class="ad-image">
                    </div>

                    <div class="ad-box gray-header" style="background:#fff; border:none; padding:0;">
                        <img src="https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=300&h=200&fit=crop" alt="Employer" style="width:100%; height:auto; display:block;">
                        <div style="background:#fcfcfc; padding:10px; border:1px solid #e0e0e0; border-top:none;">
                            <span class="ad-title-blue">Employers</span>
                            <p>Tailored options that meet your specific recruitment needs!</p>
                            <a href="#" class="btn-learn">Learn More</a>
                        </div>
                        <div class="ad-bottom">
                            <img src="https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=150&h=200&fit=crop" alt="Phone" style="width:45px; height:70px;">
                            <div>
                                <div class="title">We're on your phone. Browse our site.</div>
                                <a href="#" class="btn-learn" style="font-size:11px;">Learn More &gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Page: Search Jobs -->
        <div id="page-search" class="page generic-page">
            <div class="main-content">
                <div style="width: 100%;">
                    <h2>Search Radiology Jobs</h2>
                    <form>
                        <div class="form-group">
                            <label>Keywords (e.g., Interventional, MRI, Tech)</label>
                            <input type="text" placeholder="Search by job title, skills, or company">
                        </div>
                        <div class="form-group">
                            <label>Location</label>
                            <input type="text" placeholder="City, State, or ZIP">
                        </div>
                        <div class="form-group">
                            <label>Specialty</label>
                            <select>
                                <option>All Specialties</option>
                                <option>Interventional Radiology</option>
                                <option>Diagnostic Radiology</option>
                                <option>Nuclear Medicine</option>
                                <option>Mammography Tech</option>
                            </select>
                        </div>
                        <button type="submit" class="btn-primary">Search Jobs</button>
                    </form>
                    <div style="margin-top: 20px; padding: 15px; background: #f9f9f9; border: 1px solid #eee;">
                        <p><strong>Quick Links:</strong> <a href="#">Recent Jobs</a> | <a href="#">High Paying Roles</a> | <a href="#">Locum Tenens</a></p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Page: Post Resume/CV -->
        <div id="page-resume" class="page generic-page">
            <div class="main-content">
                <div style="width: 100%;">
                    <h2>Post Your Resume / CV</h2>
                    <p>Get noticed by top employers. Fill out the form below to submit your resume to our extensive network of recruiters.</p>
                    <form style="margin-top: 15px;">
                        <div class="form-group">
                            <label>Full Name</label>
                            <input type="text" required>
                        </div>
                        <div class="form-group">
                            <label>Email Address</label>
                            <input type="email" required>
                        </div>
                        <div class="form-group">
                            <label>Phone Number</label>
                            <input type="tel">
                        </div>
                        <div class="form-group">
                            <label>Current Job Title</label>
                            <input type="text">
                        </div>
                        <div class="form-group">
                            <label>Upload Resume/CV (PDF, DOCX)</label>
                            <input type="file" style="padding: 5px; border: none;">
                        </div>
                        <div class="form-group">
                            <label>Cover Letter (Optional)</label>
                            <textarea placeholder="Write a brief introduction about yourself..."></textarea>
                        </div>
                        <button type="submit" class="btn-primary">Submit Resume</button>
                    </form>
                </div>
            </div>
        </div>

        <!-- Page: About Us -->
        <div id="page-about" class="page generic-page">
            <div class="main-content">
                <div style="width: 100%;">
                    <h2>About Rad-Jobs</h2>
                    <div class="two-col">
                        <div>
                            <p style="margin-bottom: 10px; line-height: 1.6;">Rad-Jobs.com is a premier employment marketplace dedicated exclusively to the radiology and medical imaging community. We connect top-tier radiologists, technicians, and allied health professionals with reputable hospitals, clinics, and private practices across the nation.</p>
                            <p style="margin-bottom: 10px; line-height: 1.6;">Founded in 2026, our mission is to simplify the hiring process through innovative technology, personalized service, and a deep understanding of the medical staffing landscape. We pride ourselves on being more than just a job board—we are a trusted partner in career growth and organizational success.</p>
                            <p style="line-height: 1.6;">Our team consists of industry veterans who understand the nuances of radiology recruitment, ensuring that every match we facilitate is built on a foundation of quality, trust, and professional excellence.</p>
                        </div>
                        <div style="background: #f7fbfd; padding: 15px; border: 1px solid #e0e0e0;">
                            <h4 style="color: #005c8a; margin-bottom: 10px;">Our Core Values</h4>
                            <ul style="list-style: disc; padding-left: 20px; line-height: 1.6; color: #444;">
                                <li>Integrity in every interaction</li>
                                <li>Commitment to matching the right talent to the right role</li>
                                <li>Innovative, user-friendly platform design</li>
                                <li>Uncompromising customer support</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Page: Contact Us -->
        <div id="page-contact" class="page generic-page">
            <div class="main-content">
                <div style="width: 100%;">
                    <h2>Contact Us</h2>
                    <p>Have questions, feedback, or need immediate assistance? Reach out to our dedicated support team today.</p>
                    <div class="two-col" style="margin-top: 20px;">
                        <div>
                            <form>
                                <div class="form-group"><label>Your Name</label><input type="text" required></div>
                                <div class="form-group"><label>Your Email</label><input type="email" required></div>
                                <div class="form-group"><label>Subject</label><input type="text"></div>
                                <div class="form-group"><label>Message</label><textarea required></textarea></div>
                                <button type="submit" class="btn-primary">Send Message</button>
                            </form>
                        </div>
                        <div class="contact-details">
                            <h4 style="color: #005c8a; margin-bottom: 10px;">Get in Touch</h4>
                            <p><strong>Phone:</strong> (800) 555-RADS (7237)</p>
                            <p><strong>Email:</strong> support@rad-jobs.com</p>
                            <p><strong>Headquarters:</strong> 123 Medical Drive, Suite 400, New York, NY 10012</p>
                            <p><strong>Office Hours:</strong> Monday - Friday, 8:00 AM - 5:00 PM EST</p>
                            <p><strong>Emergency Support:</strong> Available 24/7 for urgent staffing needs.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Page: Post Your Jobs -->
        <div id="page-post" class="page generic-page">
            <div class="main-content">
                <div style="width: 100%;">
                    <h2>Post Your Job Openings</h2>
                    <p>Reach thousands of highly qualified radiology professionals instantly. Fill out the details below to feature your job opening on our platform.</p>
                    <form style="margin-top: 15px;">
                        <div class="form-group"><label>Company Name</label><input type="text" required></div>
                        <div class="form-group"><label>Company Website</label><input type="text"></div>
                        <div class="form-group"><label>Your Contact Email</label><input type="email" required></div>
                        <div class="form-group"><label>Job Title</label><input type="text" required></div>
                        <div class="form-group"><label>Job Location</label><input type="text" placeholder="City, State" required></div>
                        <div class="form-group"><label>Job Type</label>
                            <select><option>Full-Time</option><option>Part-Time</option><option>Locum Tenens</option><option>Remote</option></select>
                        </div>
                        <div class="form-group"><label>Job Description & Requirements</label><textarea required placeholder="Describe the role, responsibilities, and required qualifications."></textarea></div>
                        <button type="submit" class="btn-primary">Post Job Now</button>
                    </form>
                </div>
            </div>
        </div>

        <!-- Footer -->
        <div class="footer-top">
            <h3>Our Radiology Job Board</h3>
            <p>Rad-Jobs.com offers a comprehensive nationwide radiology job board for physicians and allied health professionals seeking job opportunities. This page is another means to improve upon Rad-Jobs’ already broad range of services available to assist medical imaging professionals as well as employers. Because Rad-Jobs has the largest user-base for radiology jobs on the Internet, it offers an unparalleled volume of targeted traffic specifically to the medical imaging professions.</p>
            <p class="mt-10">For Teleradiologists, be sure to list yourself on our <a href="#">Teleradiology Coverage</a> page. This page is another means to improve upon Rad-Jobs’ already broad range of services available to assist medical imaging professionals as well as employers. It also confirms our commitment to be the preferred resource for radiology and medical imaging employment and recruitment.</p>
            <p class="mt-10 text-small" style="color:#333;">Our Radiology Job Board - <a href="#">Reviews</a> from Employers and Recruiters - 4.9/5 of 42 reviews</p>
        </div>

        <div class="footer-bottom">
            <div>
                &copy; 2026 Rad-Jobs | All Rights Reserved | <span class="links"><a href="#">DISCLAIMER</a> | <a href="#">PRIVACY POLICY</a> | <a href="#">TERMS</a></span>
            </div>
            <div class="social-icons">
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
            </div>
        </div>
    </div>

    <script>
        // Modal Functions
        function openModal(id) { document.getElementById(id).classList.add('active'); }
        function closeModal(id) { document.getElementById(id).classList.remove('active'); }
        // Close modal if clicked outside the box
        window.onclick = function(event) {
            if(event.target.classList.contains('modal-overlay')) {
                event.target.classList.remove('active');
            }
        }

        // Page Navigation (SPA functionality)
        function showPage(pageId, navElement) {
            // Hide all pages
            document.querySelectorAll('.page').forEach(page => {
                page.classList.remove('active');
            });
            // Show target page
            document.getElementById(pageId).classList.add('active');
            
            // Update nav active state
            document.querySelectorAll('.nav-bar .nav-link').forEach(nav => {
                nav.classList.remove('active');
            });
            if(navElement) {
                navElement.classList.add('active');
            }
        }
    </script>
</body>
</html>
Back to Directory=ceiIENDB`