Merge pull request #3 from efeone/web_004

fix:changed the count section and carrier page
efeone · Jun 27, 2024 · 2908cfa · 2908cfa
2 parents 0155134 + 62fb67e
commit 2908cfa
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 188 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/img/9b0ce09cec4840a78e9abf0dd114e31e.jpg b/assets/img/9b0ce09cec4840a78e9abf0dd114e31e.jpg
diff --git a/assets/img/stats-img.svg b/assets/img/stats-img.svg
diff --git a/assets/js/application.js b/assets/js/application.js
@@ -13,43 +13,40 @@ function loadjobs() {
       success: function (response) {
         const apiResult = response.data
         const container = document.getElementById('accordion');
-  
+
         apiResult.forEach((result, idx) => {
           // Create card element
           const card = document.createElement('div');
           card.classList = 'card-body';
-  
+
           // Construct card content
           const content = `
-         <div class="wpb_column vc_column_container vc_col-sm-4" data-aos="fade-up">
-          <div class="vc_column-inner   vc_custom_1617894477724 vc_custom_1617894477724">
-              <div class="wpb_wrapper">
-                  <div class="key-icon-box icon-default icon-top cont-left ib-hover-1    with-border   kd-animated fadeInUp" style="background-color: #f7f7f7;border: 1px solid #e7e7e7;margin-bottom:30px;" data-animation-delay=200>
-                      <div class="fullwidth-image">
-                          <div class="tt-iconbox-customimg">
-                              <img width="2560" height="1440" src="https://acabesinternational.com/wp-content/uploads/2022/04/working-code-scaled.jpg" class="attachment-full" alt="" decoding="async" loading="lazy" title="Working on code" srcset="https://acabesinternational.com/wp-content/uploads/2022/04/working-code-scaled.jpg 2560w, https://acabesinternational.com/wp-content/uploads/2022/04/working-code-300x169.jpg 300w, https://acabesinternational.com/wp-content/uploads/2022/04/working-code-1024x576.jpg 1024w, https://acabesinternational.com/wp-content/uploads/2022/04/working-code-768x432.jpg 768w, https://acabesinternational.com/wp-content/uploads/2022/04/working-code-1536x864.jpg 1536w, https://acabesinternational.com/wp-content/uploads/2022/04/working-code-2048x1152.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px"/>
-                          </div>
-                      </div>
-                      <div class="ib-wrapper" style="padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;text-align:justify;font-size:14px">
-                          <h4 class="service-heading">${result.job_title}</h4>
-                          <ul class="ib-list">
-                           
-                          <p>${result.description}</p>
-                          <div class="ib-button-wrapper">
-                              <a class="tt_button tt_primary_button btn_primary_color hover_solid_secondary" 
-                              href="https://jalebi.efeone.com/job_application/new?job_title=${result.name}" target="_self">Apply Now!</a>
-                          </div>
-                      </div>
-                  </div>
-              </div>
-          </div>
-      </div>`
-
-
+          <div class="container-xxl py-5">
+            <div class="container">
+                <div class="tab-class text-center wow fadeInUp" data-wow-delay="0.3s">
+                    <div class="tab-content">
+                        <div class="row g-4" style="border:1px solid; border-radius:10px; padding: 20px;">
+                            <div class="col-sm-12 col-md-9 d-flex align-items-center">
+                                <div class=" ps-8 justify-text">
+                                    <h5 class="mb-3">${result.job_title}</h5>
+                                    <p>${result.description}</p>
+                                </div>
+                            </div>
+                            <div class="col-sm-12 col-md-3 d-flex flex-column align-items-start align-items-md-end justify-content-center">
+                                <div class="d-flex mb-3">
+                                    <a class="btn btn-primary" href="https://jalebi.efeone.com/job_application/new?job_title=${result.name}">Apply Now</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>`
+
+
           // Append newyly created card element to the container
           container.innerHTML += content;
         })
       }
     });
   }
-
diff --git a/assets/vendor/bootstrap/css/bootstrap-grid.css.map b/assets/vendor/bootstrap/css/bootstrap-grid.css.map
diff --git a/careers.html b/careers.html
@@ -122,28 +122,22 @@
       <!-- ======= About Us Section ======= -->
       <section id="careers" class="careers" style="padding-top: 100px;">
         <div class="container">
-          <!-- <div class="section-title" data-aos="fade-up">
-          <h2>Careers</h2>
-        </div> -->
           <div class="container">
             <div class="section-title" data-aos="fade-up">
-              <h2>Start a
-                new career</h2>
-              <p style="font-size: 17px; line-height: 1.625;">At efeone, we believe in the "everything for everyone" concept, which means that we are committed to creating 
-                software solutions that are accessible and inclusive for everyone. We are constantly seeking talented individuals 
-                who share our passion for developing innovative and user-friendly software that empowers individuals and businesses 
-                alike. Join the efeone team and help us make a difference by creating software that truly makes a difference in 
-                people's lives. Browse our current job openings and apply today!</p>
-            </div>
+              <h2>Start a new career</h2>
+                <img src="assets/img/9b0ce09cec4840a78e9abf0dd114e31e.jpg" alt="" width="30%">
+                <p style="font-size: 17px; line-height: 1.625; text-align:justify;">At efeone, we believe in the "everything for everyone" concept, which means that we are committed to creating
+                  software solutions that are accessible and inclusive for everyone. We are constantly seeking talented individuals
+                  who share our passion for developing innovative and user-friendly software that empowers individuals and businesses
+                  alike. Join the efeone team and help us make a difference by creating software that truly makes a difference in
+                  people's lives. Browse our current job openings and apply today!</p>
+                </div>
 
 
             <div class="vc_row-full-width vc_clearfix"></div>
 
           </div>
-          <div id="accordion">
-
-          </div>
-          <!-- #primary -->
+          <div id="accordion"></div>
 
 
     </main>
@@ -181,4 +175,4 @@ <h2>Start a
 
   </body>
 
-</html>
+</html>
diff --git a/index.html b/index.html
@@ -185,7 +185,7 @@ <h3>Innovative</h3>
 
         <div class="row">
           <div class="image col-xl-5 d-flex align-items-stretch justify-content-center justify-content-xl-start" data-aos="fade-right" data-aos-delay="150">
-            <img src="assets/img/counts-img.svg" alt="" class="img-fluid">
+            <img src="assets/img/stats-img.svg" alt="" class="img-fluid">
           </div>
 
           <div class="col-xl-5 d-flex align-items-stretch pt-4 pt-xl-0" data-aos="fade-left" data-aos-delay="300" style="padding-left: 10%;">
@@ -202,7 +202,7 @@ <h3>Innovative</h3>
                 </div>
 
 
-              <div class="four col-md-5" style="padding-left: 10%;">
+              <div class="four col-md-5">
                 <div class="count-box" >
                   <p id = 'projects' style="font-family: sans-serif; font-size: 40px; font-weight: 700;" ></p>
                   <i class="bi bi-journal-richtext"></i>