about with profiles

team#17-(3)/about.html

@@ -37,11 +37,19 @@
           font-size: 3.5rem;
         }
       }
-      h1{
+
+      .heading1{
+          margin:auto;
+          padding:0px;
           text-align: center;
-          margin:0px 0px;
-          display: inline-block;
       }
+      .profiles{
+        display: inline;
+      }
+      card1{
+        display: inline;
+      }
+
     </style>
 
 
@@ -55,50 +63,100 @@
 
 
 <main class="container">
-  <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
-    <div class="col-md-6 px-0">
-      <h1 class="display-4 fst-italic">About</h1>
+  <div class="heading1"><div class="p-10 p-md-5 mb-3 text-white rounded bg-dark" id="heading1">
+    <div>
+      <h1 class="display-4 fst-italic" >About</h1>
 
     </div>
   </div>
+  </div>
 
+<div>
 
-
-  <div class="row g-5">
-    <div class="col-md-8">
+<div >
+    <div >
 
 
       <article class="blog-post">
         <h2 class="blog-post-title">Our Aim</h2>
 
 
-        <p>Here will come the first Para</p>
+        <p>
+          As the farmers face many problems in Agriculture every year, we have tried to list out two major problems from it and work on its solution.
+          <br>
+          <h5>Problems:</h5>
+          <ul>
+            <li>Labour Shortage</li>
+              <li>Lack of Modern Technologies</li>
+            </ul>
+          </p>
         <h2>Initiative</h2>
-        <p>This is an example blockquote in action:</p>
-        <blockquote class="blockquote">
-          <p>Quoted text goes here.</p>
-        </blockquote>
-        <p>This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.</p>
+
+
+          <p>Everyone thinks there is ample farm labour available. But the problem is the availability of labour at the right time and at the right cost. At peak times, like sowing, transplanting, harvesting, etc., it is very difficult to get sufficient farm labour. 
+
+            One solution to address major problems faced by farmers is greater reliance on technology, be it through farm mechanization, the use of weedicides or genetic engineering, that can lower input and time costs. There are two reasons why farmers are not using modern equipment. First, they are not aware, and second, they can’t afford such equipment. 
+            Also,We will encourage farmers to use such labour-saving options instead of being burdened with the social objective of protecting rural employment and being denied access to new technology. </p>
+
+
         <h3>Team</h3>
-        <p>This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout. This is an example unordered list:</p>
-        <ul>
-          <li>First list item</li>
-          <li>Second list item with a longer description</li>
-          <li>Third list item to close it out</li>
-        </ul>
-        <p>And this is an ordered list:</p>
-        <ol>
-          <li>First list item</li>
-          <li>Second list item with a longer description</li>
-          <li>Third list item to close it out</li>
-        </ol>
-        <p>And this is a definiton list:</p>
+        <p>Members</p>
+
+        <p>Our team consist of following members.</p>
+        <!-- <ol>
+          <li>PRATYUSH AGRAWAL</li>
+          <li>PRANJAL KATIYAR</li>
+          <li>AMAN ANAND</li>
+          <li>JIMIT PATEL</li>
+        </ol> -->
 
+        <div class="row">
+          <div class="col-sm-6">
+            <div class="card">
+              <div class="card-body">
+                <h5 class="card-title">PRATYUSH AGRAWAL</h5>
+                <p class="card-text">TEAM LEADER</p>
+                <a href="https://github.com/Prat2030" class="btn btn-primary">Profile</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-sm-6">
+            <div class="card">
+              <div class="card-body">
+                <h5 class="card-title">PRANJAL KATIYAR</h5>
+                <p class="card-text">WEB DEVELOPER</p>
+                <a href="https://github.com/pranjalkatiyar" class="btn btn-primary">Profile</a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <br>
+        <div class="row">
+          <div class="col-sm-6">
+            <div class="card">
+              <div class="card-body">
+                <h5 class="card-title">AMAN ANAND</h5>
+                <p class="card-text">WEB DEVELOPER</p>
+                <a href="https://github.com/amananand917" class="btn btn-primary">Profile</a>
+              </div>
+            </div>
+          </div>
+          <div class="col-sm-6">
+            <div class="card">
+              <div class="card-body">
+                <h5 class="card-title">JIMIT PATEL</h5>
+                <p class="card-text">WEB DEVELOPER</p>
+                <a href="https://github.com/jimit-exe" class="btn btn-primary">Profile</a>
+              </div>
+            </div>
+          </div>
+        </div>
 
 
       </nav> 
 
     </div>
+</div>
 </main>
 </body>