Log In Sign Up
Models:
Marco Lenoir
MarcoTheBlack/
DNAnalyzer
0
Downloads: 1
Diff of /web/hiring/hiring-modal.html [000000] .. [8c4ad8]

Switch to unified view

a b/web/hiring/hiring-modal.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html lang="en">





  
  

  3
  





  
  

  4
  
<head>





  
  

  5
  
    <!-- Google tag (gtag.js) -->





  
  

  6
  
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-0LTP0WK7EM"></script>





  
  

  7
  
    <script>





  
  

  8
  
        window.dataLayer = window.dataLayer || [];





  
  

  9
  
        function gtag() { dataLayer.push(arguments); }





  
  

  10
  
        gtag('js', new Date());





  
  

  11
  





  
  

  12
  
        gtag('config', 'G-0LTP0WK7EM');





  
  

  13
  
    </script>





  
  

  14
  
    <meta charset="UTF-8">





  
  

  15
  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">





  
  

  16
  
    <title>Apply Now - DNAnalyzer</title>





  
  

  17
  
    <link rel="stylesheet" href="../style.css">





  
  

  18
  
    <link rel="stylesheet" href="hiring-modal.css">





  
  

  19
  
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap"





  
  

  20
  
        rel="stylesheet">





  
  

  21
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">





  
  

  22
  
    <link rel="shortcut icon" href="../assets/icons/Icon_Dark_BG.svg" type="image/svg+xml">





  
  

  23
  
</head>





  
  

  24
  





  
  

  25
  
<body>





  
  

  26
  
    <div class="modal-container">





  
  

  27
  
        <div class="modal-content">





  
  

  28
  
            <button class="close-modal">&times;</button>





  
  

  29
  
            <h2>Apply for the Position</h2>





  
  

  30
  
            <form id="application-form">





  
  

  31
  
                <div class="form-group">





  
  

  32
  
                    <label for="name">Full Name</label>





  
  

  33
  
                    <input type="text" id="name" name="name" required>





  
  

  34
  
                </div>





  
  

  35
  
                <div class="form-group">





  
  

  36
  
                    <label for="email">Email Address</label>





  
  

  37
  
                    <input type="email" id="email" name="email" required>





  
  

  38
  
                </div>





  
  

  39
  
                <div class="form-group">





  
  

  40
  
                    <label for="position">Position</label>





  
  

  41
  
                    <select id="position" name="position" required>





  
  

  42
  
                        <option value="software-engineer">Software Engineer</option>





  
  

  43
  
                        <option value="data-scientist">Data Scientist</option>





  
  

  44
  
                        <option value="ui-ux-designer">UI/UX Designer</option>





  
  

  45
  
                    </select>





  
  

  46
  
                </div>





  
  

  47
  
                <div class="form-group">





  
  

  48
  
                    <label for="resume">Upload Resume</label>





  
  

  49
  
                    <input type="file" id="resume" name="resume" accept=".pdf,.doc,.docx" required>





  
  

  50
  
                </div>





  
  

  51
  
                <div class="form-group">





  
  

  52
  
                    <label for="cover-letter">Cover Letter</label>





  
  

  53
  
                    <textarea id="cover-letter" name="cover-letter" rows="5" required></textarea>





  
  

  54
  
                </div>





  
  

  55
  
                <button type="submit" class="primary-btn">Submit Application</button>





  
  

  56
  
            </form>





  
  

  57
  
        </div>





  
  

  58
  
    </div>





  
  

  59
  





  
  

  60
  
    <script src="hiring-modal.js"></script>





  
  

  61
  
</body>





  
  

  62
  





  
  

  63
  
</html>