Changed cards.html

souravpd · Mar 2, 2019 · f724992 · f724992
1 parent d53ab90
commit f724992
Showing 1 changed file with 30 additions and 29 deletions.
diff --git a/contact.html b/contact.html
@@ -57,22 +57,19 @@
   padding: 10px;
 
  }
-h2{
-  font-size: 40px;
-  font-size: bold;
+h4{
+  font-weight: bold;
  }
 .des{
-  padding: 3px;
+  padding: 1px;
   text-align: center;
 
-  padding-top: 10px;
-        border-bottom-right-radius: 5px;
-  border-bottom-left-radius: 5px;
+  padding-top: 3px;
 }
 .accordion{
-  margin-top: 40px;
+  margin-top: 5px;
 
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   background-color: blue;
   color:white;
   border: 1px solid black;
@@ -90,9 +87,9 @@
   cursor: pointer;
 }
 .accordi{
-  margin-top: 40px;
+  margin-top: 5px;
 
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   background-color: blue;
   color: white;
   border: 1px solid black;
@@ -110,9 +107,9 @@
   cursor: pointer;
 }
 .accord{
-  margin-top: 40px;
+  margin-top: 5px;
 
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   background-color:blue;
   color: white;
   border: 1px solid black;
@@ -130,9 +127,9 @@
   cursor: pointer;
 }
 .accor{
-  margin-top: 40px;
+  margin-top: 5px;
 
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   background-color: blue;
   border: 1px solid black;
   color: white;
@@ -251,15 +248,16 @@ <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-
 <div class="main">
 
  <!--cards -->
-
-<div class="card">
+<div class="container">
+  <div class="row">
+<div class="col-10 col-md-4 lg-6 ml-md-auto card">
 
 <div class="image">
    <img src="img/face.jpg">
 </div>
 <div class="title">
- <h2>
-President</h2>
+ <h4>
+President</h4>
 </div>
 <div class="des">
  <p>
@@ -292,14 +290,14 @@ <h2>
 <!--cards -->
 
 
-<div class="card">
+<div class="col-10 col-md-4 lg-6 mr-md-auto card">
 
 <div class="image">
    <img src="img/face.jpg">
 </div>
 <div class="title">
- <h2>
-Chairperson</h2>
+ <h4>
+Chairperson</h4>
 </div>
 <div class="des">
  <p>
@@ -329,17 +327,18 @@ <h2>
 </div>
 </div>
 <!--cards -->
+</div>
 
-
-<div class="card">
+<div class="row">
+<div class="col-10 col-md-4 lg-6 ml-md-auto card">
 
 <div class="image">
    <img src="img/face.jpg">
 </div>
 <div class="title">
- <h2>
+ <h4>
     Finance Convenor
- </h2>
+ </h4>
 </div>
 <div class="des">
  <p>
@@ -371,14 +370,14 @@ <h2>
 <!--cards -->
 
 
-<div class="card">
+<div class="col-10 col-sm-4 lg-6 mr-md-auto card">
 
 <div class="image">
    <img src="img/face.jpg">
 </div>
 <div class="title">
- <h2>
-General Secretary</h2>
+ <h4>
+General Secretary</h4>
 </div>
 <div class="des">
  <p>
@@ -406,6 +405,8 @@ <h2>
 }
 </script>
 </div>
+</div>
+</div>
 </div>
       </main>
   </div>