careers.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Precious IT Services</title>
    <link rel="stylesheet" href="./css/team.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/careers.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <link rel="icon" href="./images/image.png" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
      integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
      crossorigin="anonymous" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
      crossorigin="anonymous" />
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet" />
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
    <!-- Link Swiper's CSS -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/swiper/swiper-bundle.min.css" />

    <!-- Demo styles -->
    <style>
      .swiper-cards .swiper-slide {
        overflow: visible;
      }
    </style>
    <script src="./js/main.js"></script>
    <script
      type="text/javascript"
      src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
    <script src="./js/team.js"></script>
    <script type="text/javascript">
      (function () {
        emailjs.init("oUbB-IqXyvbW5JlV9");
      })();
    </script>
  </head>

  <body>
    <header class="header">
      <a href="#" class="logo"
        ><img
          src="./images/logomain.png"
          alt=""
          style="width: 100px; height: 70px"
      /></a>
      <div class="fas fa-bars"></div>
      <nav class="navbar">
        <ul>
          <li><a href="./index.html">home</a></li>
          <li><a href="./backend/public/index.html">Projects</a></li>
          <li><a id="sadafContact" href="#">contact</a></li>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <button id="login">Log In</button>
          <h3 id="name"></h3>
          <img id="image" onclick="ProfileClicked()" />
          <button onclick="logout()" id="logout">Logout</button>
          <label class="theme-switch" for="checkbox">
            <input type="checkbox" id="checkbox" style="opacity: 0" />
            <div class="slider round" id="toggle"></div>
          </label>
        </ul>
      </nav>
    </header>

    <style>
      /* logout btn */
      #logout {
        margin: 0.2em 1em 0.1em 1em;
        display: none;
      }
    </style>

    <script>
      const scontact = document.getElementById("sadafContact");
      scontact.addEventListener("click", function () {
        window.open("index.html#contact");
      });
    </script>

    <section id="" class="home">
      <h2>Home / Careers</h2>
    </section>

    <section id="career-heading" class="career-heading">
      <h1 class="heading">Career</h1>
      <p>Internships Are just A click Away. Apply Now!</p>
    </section>
    <div class="career">
      <div class="career-form">
        <form action="#" method="POST" enctype="multipart/form-data">
          <input
            type="text"
            name="name"
            placeholder="Name"
            class="career-form-txt"
            required />
          <input
            type="tel"
            id="phone"
            name="phone"
            pattern="[0-9]{10}"
            required
            placeholder="Contact number"
            maxlength="10"
            class="career-form-phone" />
          <input
            type="email"
            name="email"
            placeholder="Email"
            class="career-form-email"
            required />
          <div class="radio-class">
            <h2 class="name">Apply For Which Post?</h2>
            <label class="radio">
              <input
                class="radio-one"
                type="radio"
                checked="checked"
                name="status"
                value="Web Designer" />
              <span class="checkmark"></span>
              Web Designer
            </label>
            <label class="radio">
              <input
                class="radio-two"
                type="radio"
                name="status"
                value="Web Developer" />
              <span class="checkmark"></span>
              Web Developer
            </label>
            <label class="radio">
              <input
                class="radio-three"
                type="radio"
                name="status"
                value="Mobile App Designer" />
              <span class="checkmark"></span>
              Mobile App Designer
            </label>
            <label class="radio">
              <input
                class="radio-four"
                type="radio"
                name="status"
                value="Mobile App Developer" />
              <span class="checkmark"></span>
              Mobile App Developer
            </label>
            <label class="radio">
              <input
                class="radio-five"
                type="radio"
                name="status"
                value="Digital Marketer" />
              <span class="checkmark"></span>
              Digital Marketer
            </label>
          </div>
          <input
            type="number"
            id="experience"
            name="experience"
            required
            placeholder="Years of experience"
            class="career-form-experience" />
          <textarea
            placeholder="Other Details"
            name="details"
            class="career-form-txtarea"
            required></textarea>
          <div class="file">
            <h2 class="name">Upload Your Resume</h2>
            <input
              class="upload"
              type="file"
              name="fileToUpload"
              accept=".doc,.docx,.pdf" /><br /><br /><br />
          </div>
          <input
            type="submit"
            value="Submit"
            name="submit"
            class="career-form-btn" />
        </form>
      </div>
    </div>

    <footer>
      <div class="row_f">
        <div class="col">
          <img src="./images/pngwing.com(5).png" class="logo_f" />
          <p>
            Get ready for your college project submission with PreciousServices.
            We Provide best solution and projects that will gain your knowledge.
            Subscribe and get Latest Updates
          </p>
        </div>
        <div class="col">
          <h3>Office</h3>
          <p>Nagpur, PIN 440001</p>
          <p>Maharashtra, India</p>
          <p class="email">PreciousItServices@gmail.com</p>
        </div>
        <div class="col">
          <h3>Useful Links</h3>
          <ul>
            <li><a href=".index.html#portfolio">Order</a></li>
            <li><a href="careers.html">Careers</a></li>
            <li><a href="tel:7218404903">Contact</a></li>
          </ul>
        </div>
        <div class="col">
          <h3>About Us</h3>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="Team.html">Team</a></li>
            <li><a href="index.html#service">Reviews</a></li>
          </ul>
        </div>
        <div class="col">
          <h3>Newsletter</h3>
          <form>
            <i class="icon ion-md-mail"></i>
            <input type="email" placeholder="Enter your e-mail id" required />
            <button type="submit"><i class="icon ion-md-send"></i></button>
          </form>
        </div>
      </div>
      <hr />
      <p class="copyright">
        PreciousitServices &copy; 2023 - All Rights Reserved
      </p>
    </footer>

    <a href="#" class="back-to-top"><i class="ion-ios-arrow-up"></i></a>
    <script src="./js/carrers.js"></script>
    <script src="./js/contact.js"></script>
    <script src="./login/login.js"></script>
  </body>
</html>