Fixed the mixing of the heading in the hero section of services page with the hero image

ServiceSection/index.html

@@ -151,8 +151,7 @@
   <!-- Navbar Section Finished -->
   <!-- OUR SERVICES PAGE STARTS -->
   <div class="serviceimg-container">
-    <img src="../img/bg/services2.webp" alt="SERVICES" />
-    <!-- <img src="../img/bg/services.webp" alt="SERVICES" /> -->
+    <img src="../img/bg/services1.png" alt="SERVICES" />
     <div class="OUR-services">SERVICES</div>
   </div>
 

aboutUs/index.html

@@ -152,17 +152,38 @@
   <!-- Navbar Section Finished -->
 
   <!-- Hero Section -->
-  <div class="swiper" style="z-index: 0">
+  <div class="swiper " style="z-index: 0">
     <div class="swiper-wrapper">
-      <div class="swiper-slide hero-bg" id="slide-1"></div>
-      <div class="swiper-slide hero-bg" id="slide-2"></div>
-      <div class="swiper-slide hero-bg" id="slide-3"></div>
-      <div class="swiper-slide hero-bg" id="slide-4"></div>
-      <div class="swiper-slide hero-bg" id="slide-5"></div>
+      <div class="swiper-slide hero-bg" id="slide-1">
+        <div class="hero-heading">
+          <h1 id="contact-heading1">About Us</h1>
+        </div>
+      </div>
+      <div class="swiper-slide hero-bg" id="slide-2">
+        <div class="hero-heading">
+          <h1 id="contact-heading1">About Us</h1>
+        </div>
+      </div>
+      <div class="swiper-slide hero-bg" id="slide-3">
+        <div class="hero-heading">
+          <h1 id="contact-heading1">About Us</h1>
+        </div>
+      </div>
+      <div class="swiper-slide hero-bg" id="slide-4">
+        <div class="hero-heading">
+          <h1 id="contact-heading1">About Us</h1>
+        </div>
+      </div>
+      <div class="swiper-slide hero-bg" id="slide-5">
+        <div class="hero-heading">
+          <h1 id="contact-heading1">About Us</h1>
+        </div>
+      </div>
     </div>
     <div class="swiper-pagination"></div>
   </div>
   <!-- Hero Section End -->
+
   <!-- About name -->
   <section class="aboutus">
     <p><a href="../">Home</a> / About us</p>
@@ -336,8 +357,11 @@ <h1>Our mission</h1>
       <div class="meet-content" data-aos="fade-right" data-aos-easing="ease" data-aos-duration="1000">
         <h1>Our Commitment to Safety</h1>
         <p>
-          We have taken various resolutions to ensure safety.
-          <br> <b>Your safety is most important to US</b>
+          <b>Your safety is most important to US</b>
+          <br> 
+          We understand that safety is paramount, and we have made it our top priority. 
+          Here are some of the key steps we have taken to ensure your safety.
+
         </p>
         <br />
         <!-- <p> -->

aboutUs/style.css

@@ -15,38 +15,61 @@ p {
 ul{
   font-family: 'Open Sans', sans-serif;
   line-height: 2;
+  list-style: circle;
 }
 
 .aboutus{
   padding: 30px;
 }
 
+
 /* Hero Section Start */
+.hero-heading {
+  background-color: rgb(31, 27, 27);
+  opacity: 0.7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  font-size: 1.5rem;
+  color: white;
+}
 .hero-bg{
   height: 450px;
 }
 #slide-1{
   background: url('../img/bg/slide1.webp');
   background-size: cover;
+
 }
 #slide-2{
   background: url('../img/bg/slide2.webp');
   background-size: cover;
+
+
 }
 #slide-3{
   background: url('../img/bg/slide3.webp');
   background-size: cover;
   background-position: 0px -200px;
+
+
+
 }
 #slide-4{
   background: url('../img/bg/slide4.webp');
   background-size: cover;
   background-position: 0px -100px;
+
+
 }
 #slide-5{
   background: url('../img/bg/slide5.webp');
   background-position: 0px -250px;
   background-size: cover;
+
+
+
 }
 @media(max-width:973px){
   #slide-3{

contribution.md

@@ -0,0 +1,90 @@
+Contribution Guidelines
+Thank you for considering contributing to the AISKCON Construction project! We appreciate your support and collaboration. Please take a moment to review the guidelines below to ensure a smooth and efficient contribution process.
+
+About AISKCON Construction
+At AISKCON Construction, our mission is to assist people with their construction projects. We take pride in delivering high-quality work that meets the expectations of our customers. Our team comprises skilled professionals, including architects, engineers, and craftsmen, who collaborate to transform your ideas into reality. We possess expertise in handling various types of projects, whether it involves constructing homes, offices, or factories. Our services are diverse, catering to a wide range of requirements.
+
+Techstack
+The following technologies were utilized in building this website:
+
+Front-End:
+
+HTML
+CSS
+JavaScript
+Back-End:
+
+Node.js
+Useful Extensions:
+
+Prettier - Code formatter
+ESLint
+Project Initialization
+To get started with contributing to the AISKCON Construction project, please follow the steps below:
+
+Download the Node.js package from nodejs.org.
+
+Fork the repository to your GitHub account.
+
+Clone the forked repository to your local machine using the following command:
+
+bash
+Copy code
+git clone https://github.com/<YOUR_GITHUB_USER_NAME>/AISKCON-CONSTRUCTION.git
+Install project dependencies by running the following command:
+
+Copy code
+npm install
+For Front-End development, open the index.html file and start the Live Server.
+
+For Back-End development, navigate to the backend directory using the following command:
+
+bash
+Copy code
+cd backend
+Start the server using the following command:
+
+sql
+Copy code
+npm start
+Contribution Process
+To contribute to the AISKCON Construction project, please follow these steps:
+
+Create a new branch in your local repository to make your changes:
+
+css
+Copy code
+git checkout -b <BRANCH_NAME>
+Implement your desired changes and improvements in the codebase.
+
+Commit your changes with a clear and descriptive commit message:
+
+sql
+Copy code
+git commit -m "Your commit message here"
+Push your changes to your forked repository on GitHub:
+
+perl
+Copy code
+git push origin <BRANCH_NAME>
+Open a pull request from your forked repository to the main AISKCON Construction repository.
+
+Provide a detailed description of your changes in the pull request, including any relevant information or context.
+
+Wait for the maintainers to review your pull request. They may provide feedback or request further changes before merging your contribution.
+
+Code Guidelines
+When contributing to the AISKCON Construction project, please adhere to the following code guidelines:
+
+Follow the existing code style and formatting conventions.
+
+Maintain consistency with the overall project structure and organization.
+
+Write clear and concise code with appropriate comments where necessary.
+
+Ensure your code is free from errors and runs without issues.
+
+Conclusion
+By following these contribution guidelines, you can actively contribute to the AISKCON Construction project and help us improve our services. Thank you for your dedication and support!
+
+For any further questions or assistance, please reach out to the project maintainers or refer to the project's documentation.