add career page with recent job post.for each job card like design

dakshsinghrathore · Oct 6, 2023 · f82d689 · f82d689
1 parent 07978fb
commit f82d689
Show file tree

Hide file tree

Showing 7 changed files with 216 additions and 1 deletion.
diff --git a/CSS/style.css b/CSS/style.css
@@ -144,6 +144,8 @@ section {
   font-size: 20px;
 }
 
+
+
 .btn {
   position: relative;
   display: inline-block;
@@ -345,6 +347,13 @@ footer ul li a:hover {
   background-image: url("../images/foreignIsro.png");
 }
 
+.bg-hiring {
+  background-image: url("../images/ISRO_Jobs_176176_730x419.jpg");
+}
+.bg-spacex {
+  background-image: url("../images/spacex.jpg");
+}
+
 .section-animate {
   animation: fadeIn 2s ease-in-out;
 }

diff --git a/Careers.html b/Careers.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
+    <script src="js/script.js"></script>
+    <title>LVM3</title>
+    <style>
+      .card {
+            display: flex;
+            justify-content: center;
+
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            padding: 10px;
+            margin: 10px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            position: relative;
+        }
+    .stats1{
+        max-width: 960px;
+        margin: 0 auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+        text-transform: uppercase;
+    }
+    /* Style for the image on the left */
+    .card img {
+      max-width: 500px; /* Adjust the maximum width of the image as needed */
+      height: auto;
+      margin-right: 10px;
+    }
+
+    /* Style for the text on the right */
+    .card .card-text {
+      flex-grow: 1;
+      justify-content: center;
+    }
+    .jobtitle{
+        margin-bottom: 2rem;
+    }
+    .job{
+        display: flex;
+        justify-content: center;
+        margin-bottom: 1rem;
+        margin-top: 1rem;
+    }
+   .card .learn-more-button {
+        /* Align the button to the bottom of the card */
+      padding: 10px 20px;
+      position: absolute;
+      bottom: 0;
+      background-color: #007bff; /* Button background color */
+      color: #fff; /* Button text color */
+      border: none;
+      border-radius: 5px;
+
+      cursor: pointer;
+      margin-bottom: 1rem;
+        }
+        .button_div{
+            margin-right: 6rem;
+        }
+        .card .learn-more-button:hover{
+            background-color: #659bd5; 
+        }
+
+    </style>
+</head>
+
+<body>
+    <header class="main-header">
+        <div class="logo">
+            <a href="index.html">
+                <img src="images/logo.png" alt="ISRO">
+            </a>
+        </div>
+        <nav class="desktop-main-menu">
+            <ul>
+                <li><a href="PSLV.html">Polar Satellite LV</a></li>
+                <li><a href="GSLV.html">Geo Satellite LV</a></li>
+                <li><a href="LVM3.html">Geo Satellite M3</a></li>
+                <li><a href="COMMU.html">Communication Satellites</a></li>
+                <li><a href="Foreign.html">Foreign Satellites</a></li>
+
+            </ul>
+        </nav>
+    </header>
+
+   <section class="section-animate bg-hiring">
+
+   </section>
+   <section class="section-animate bg-spacex">
+
+   </section>
+<div class="section-inner-center">
+    <h3>WE ARE HIRING</h3>
+    <p>May You Shine Brightly And Succeed Through Your Extraordinary Skill And Sincere Efforts!</p>
+</div>
+<div class="job">
+    <h1>Available Jobs</h1>
+</div>
+ <!-- job 1 -->
+<div class="stats1">
+    <div class="card">
+        <img src="https://images.cnbctv18.com/wp-content/uploads/2021/02/Starlink-851x573.png" alt="Image">
+        <div class="card-text">
+          <h2 class="jobtitle">Quality Control Engineer</h2>
+          <p>We are looking for a candidate who is experienced in Quality Control ISO division for Materials handling at warehouse.
+
+            With Minimum of 1-2 Years of Experience</p>
+
+          <!-- <a class="learn-more-button" href="#">Read More</a> -->
+          <div class="button_div">
+            <button class="learn-more-button" >Learn More</button>
+          </div>
+
+        </div>
+
+      </div>
+</div>
+<!-- 
+job2  -->
+<div class="stats1">
+    <div class="card">
+        <img src="https://149695847.v2.pressablecdn.com/wp-content/uploads/2023/04/How-ISROs-RLV-Signals-Potential-Competition-for-SpaceX.jpg" alt="Image">
+        <div class="card-text">
+          <h2 class="jobtitle">Assistant Accountant</h2>
+          <p>Key Qualifications & Responsibilities <br>
+            • Processed company documentation, such as invoices and payment checks.
+            • Managed all purchase orders and monitored company budget by controlling project expenses.
+            • Performed administrative tasks, including filing, reporting, tagging fixed assets, etc.
+            • Completed the general ledger with payroll entries.
+            • Maintained flawless communication with the management.
+            • Analyzed QuickBooks data for accuracy</p>
+
+          <!-- <a class="learn-more-button" href="#">Read More</a> -->
+          <div class="button_div">
+            <button class="learn-more-button" >Learn More</button>
+          </div>
+
+        </div>
+
+      </div>
+</div>
+
+<!-- job3 -->
+
+<div class="stats1">
+    <div class="card">
+        <img src="https://st.adda247.com/https://adda247jobs-wp-assets-adda247.s3.ap-south-1.amazonaws.com/jobs/wp-content/uploads/sites/12/2022/11/24175633/ISRO-Recruitment-1.png" alt="Image">
+        <div class="card-text">
+          <h2 class="jobtitle">Teacher and Junior Translation Officer</h2>
+          <p>Key Qualifications & Responsibilities <br>
+            Recruitment to the post of Post Graduate Teacher,Trained Graduate</p>
+
+          <!-- <a class="learn-more-button" href="#">Read More</a> -->
+          <div class="button_div">
+            <button class="learn-more-button" >Learn More</button>
+          </div>
+
+        </div>
+
+      </div>
+</div>
+
+<!-- job4 -->
+
+<div class="stats1">
+    <div class="card">
+        <img src="https://www.freshersvoice.com/wp-content/uploads/2022/11/ISRO-Recruitment.png" alt="Image">
+        <div class="card-text">
+          <h2 class="jobtitle">Assistants/Upper Division Clerk and Junior Personal Assistant/Stenographer</h2>
+          <p>Key Qualifications & Responsibilities <br>
+            Recruitment to the post of Post Graduate Teacher,Trained Graduate</p>
+
+          <!-- <a class="learn-more-button" href="#">Read More</a> -->
+          <div class="button_div">
+            <button class="learn-more-button" >Learn More</button>
+          </div>
+
+        </div>
+
+      </div>
+</div>
+
+
+<footer>
+    <ul>
+      <li>ISRO &copy; 2023</li>
+      <li><a href="https://twitter.com/isro" target="_blank">Twitter</a></li>
+      <li><a href="https://www.youtube.com/@isroofficial5866" target="_blank">YouTube</a></li>
+      <li><a href="https://www.linkedin.com/company/isro/" target="_blank">LinkedIn</a></li>
+      <li><a href="#">Privacy</a></li>
+      <li><a href="#">Suppliers</a></li>
+    </ul>
+  </footer>
+
+
+</body>
+
+</html>
diff --git a/images/ISRO_Jobs_176176_730x419.jpg b/images/ISRO_Jobs_176176_730x419.jpg
diff --git a/images/hiring.png b/images/hiring.png
diff --git a/images/isro.jpg b/images/isro.jpg
diff --git a/images/spacex.jpg b/images/spacex.jpg
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
             <ul class="nav-link">
               <li class="nav-item primary"><a href="">Mission</a></li>
               <li class="nav-item primary"><a href="">Launches</a></li>
-              <li class="nav-item primary"><a href="">Careers</a></li>
+              <li class="nav-item primary"><a href="Careers.html">Careers</a></li>
               <li class="nav-item primary"><a href="">Updates</a></li>
             </ul>
           </div>