diff --git a/public/css/main_page.css b/public/css/main_page.css
index bd212284de5db2d678047384d8cfc9377ad8cdc3..067c75d07c9b05d7bf59567982eb39152214225e 100644
--- a/public/css/main_page.css
+++ b/public/css/main_page.css
@@ -9,6 +9,9 @@ .container {
width: 1000px;
margin: auto;
background: #E1E1E1;
+
+ display: flex;
+ flex-wrap: wrap;
}
nav {
width: 1000px;
@@ -53,51 +56,142 @@ .bg {
margin: 0 auto;
object-fit:cover;
}
-.memder-card-list {
+.memder-card-list,.memder-card-list2 {
width: 250px;
height: 200px;
background: white;
border-radius: 5px;
- box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5);
+ box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, .5);
display: flex;
flex-direction: column;
- align-items: center;
- font-size: 16px;
+ padding: 10px 20px;
+ font-size: 12px;
+ margin-left: 10px;
+
+ flex: 1;
+ margin-right: 20px;
+
}
.memder-card-list ul {
list-style: none;
text-decoration: none;
color: black;
- padding: 10px 20px;
+ padding: 10px 10px;
+ margin: 0;
}
-.memder-card-list ul li {
+/* .memder-card-list ul li {
list-style: none;
+} */
+.memder-card-list li span {
+ float: right;
+ font-weight: bold;
+ }
+
+.condition-card-list {
+ width: 250px;
+ height: 200px;
+ padding-left: 20px;
+ background: white;
+ border-radius: 5px;
+ box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, .5);
+ display: flex;
+ padding: 10px 20px;
+ font-size: 12px;
+ margin-right: 10px;
+ margin-left: 10px;
+
+ margin-bottom: 10px;
+
+ flex: 1;
+
}
-.memder-card-list span {
- padding: 0px 21px ;
+.condition-card-list2 {
+ width: 720px;
+ height: 410px;
+ background: white;
+ border-radius: 5px;
+ box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, .5);
+ display: flex;
+ flex-direction: column;
+ padding: 10px 20px;
+ font-size: 12px;
+
+ flex: 1;
}
-.condition-card-list {
+span{
+ text-align: end;
+}
+.condition-card-list3 {
width: 250px;
height: 200px;
background: white;
border-radius: 5px;
- box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5);
+ box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, .5);
display: flex;
flex-direction: column;
- align-items: center;
+ padding: 10px 20px;
font-size: 12px;
+ margin-right: 10px;
+ margin-left: 10px;
+
+ flex: 1;
+
}
+
+
.condition-card-list ul {
list-style: none;
text-decoration: none;
color: black;
- padding: 10px 20px;
+ padding: 10px 10px;
+ margin: 0;
+width: 100%;
+ margin-top: 0;
+
}
.condition-card-list ul li {
list-style: none;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
}
.condition-card-list span {
- padding: 0px 21px ;
+ float: right;
+ font-weight: bold;
+ width: 100%;
+ margin-left: 20px;
+ }
+
+ .condition-card-list2 span {
+ float: right;
+ font-weight: bold;
+ width: 100%;
+
+ margin-left: 20px;
+ }
+
+ .condition-card-list3 span {
+ float: right;
+ font-weight: bold;
+
+ margin-left: 20px;
+ }
+span
+ .condition-card-list ul li:last-child {
+
+ margin-bottom: 0;
+}
+
+ h2 {
+ margin: 0;
+ font-size: 1.2rem;
+ }
-}
\ No newline at end of file
+ hr {
+ margin: 10px 0;
+ border: 0;
+ border-top: 1px solid #ccc;
+ }
+
\ No newline at end of file
diff --git a/resources/views/v_welcome.blade.php b/resources/views/v_welcome.blade.php
index 0094351bc4787c0bc6ec56756ece660d7e16acb1..0bf0056b125a5ecf528af67bc1de578b974f766f 100644
--- a/resources/views/v_welcome.blade.php
+++ b/resources/views/v_welcome.blade.php
@@ -14,42 +14,108 @@
<body>
<div class="container">
- <nav>
+ <nav>
<img class="logo" src="image\logo.jpg">
<ul>
<li><a href="#">หน้าหลัก</a></li>
<li><a href="#">เกี่ยวกับ</a></li>
<li><a href="#">ระเบียบที่เกียวข้อง</a></li>
- <li><a href="#">เอกสาร</a></li>
+ <li><a href="/file/regulations_of_the_lawyers_council.pdf" download>ข้อบังคับ</a></li>
<li><a href="{{route('Login')}}" class="btn-login">เข้าสู่ระบบสมาชิก</a></li>
</ul>
- </nav>
- <div >
+ </nav>
+
+ <div>
+ </div>
+ <div>
<img class="bg" src="image\cremation.jpg">
</div>
+ <div class="container">
+
+ <div class="colum">
+ <div class="row">
+ <div class="condition-card-list">
+ <ul>
+ <h2>
+ <a>จำนวนสมาชิก</a>
+ </h2>
+ <hr>
+ <li>สามัญ<span>1,000 คน</span></li>
+ <li>สมทบ<span>800 คน</span></li>
+ <li>รวม<span>1,800 คน</span></li>
+ </ul>
+ </div>
+ </div>
+ <div class="row">
+ <div class="condition-card-list3">
+ <ul>
+ <h2>
+ <a>เงื่อนไข</a>
+ </h2>
+ <hr>
+ <a>อัตราค่าสมัครสมาชิก<span>100 บาท</span></a>
+ <a>อััตราเงินสงเคราะห์ต่อราย<span>20 บาท</span></a>
+ <a>ค่าบำรุงรักษา<span>50 บาท</span></a>
+ <a>เงินสงเคราะห์ล่วงหน้า<span>650 บาท</span></a>
+ <a>อัตราหักเงินสงเคราะห์ ร้อยละ 20</a>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="colum">
+ <div class="condition-card-list2">
+ <ul>
+ <h2>
+ <a>เอกสาร</a>
+ </h2>
+ <hr>
+ <li><a href="/file/register_form.pdf" download>ใบสมัครสมาชิก</a></li>
+ <li><a href="/file/regulations_of_the_lawyers_council.pdf" download>ข้อบังคับสภาทนายความ</a></li>
+ </ul>
+ </div>
+ </div>
- <div class="memder-card-list">
- <ul>
- <h4><li>จำนวนสมาชิก</li></h4>
- <hr>
- <li>สามัญ <span>1,000 ราย</span></li>
- <li>สมทบ <span>800 ราย</span></li>
- <li>รวม  <span>1,800 ราย</span></li>
- </ul>
- </div>
- <br>
- <div class="condition-card-list">
- <ul>
- <h2><li>เงื่อนไข</li></h2>
- <hr>
- <li>อัตราค่าสมัครสมาชิก <span>100 บาท</span></li>
- <li>อััตราเงินสงเคราะห์ต่อราย<span>20 บาท</span></li>
- <li>ค่าบำรุงรักษา <span>50 บาท</span></li>
- <li>เงินสงเคราะห์ล่วงหน้า<span>650 บาท</span></li>
- <li>อัตราหักเงินสงเคราะห์<span>ร้อยละ 20</span></li>
- </ul>
</div>
+ <!-- <div class="condition-card-list">
+ <ul>
+ <h2>
+ <li>จำนวนสมาชิก</li>
+ </h2>
+ <hr>
+ <li>สามัญ<span>1,000 คน</span></li>
+ <li>สมทบ<span>800 คน</span></li>
+ <li>รวม<span>1,800 คน</span></li>
+ </ul>
+ </div> -->
+
+ <!-- <div class="condition-card-list3">
+ <ul>
+ <h2>
+ <li>เงื่อนไข</li>
+ </h2>
+ <hr>
+ <li>อัตราค่าสมัครสมาชิก<span>100 บาท</span></li>
+ <li>อััตราเงินสงเคราะห์ต่อราย<span>20 บาท</span></li>
+ <li>ค่าบำรุงรักษา<span>50 บาท</span></li>
+ <li>เงินสงเคราะห์ล่วงหน้า<span>650 บาท</span></li>
+ <li>อัตราหักเงินสงเคราะห์<span>ร้อยละ 20</span></li>
+ </ul>
+ </div> -->
+ </div>
+ <!-- <div class="colum">
+ <div class="condition-card-list2">
+ <ul>
+ <h2>
+ <li>เอกสาร</li>
+ </h2>
+ <hr>
+ <li><a href="/file/register_form.pdf" download>ใบสมัครสมาชิก</a></li>
+ <li><a href="/file/regulations_of_the_lawyers_council.pdf" download>ข้อบังคับสภาทนายความ</a></li>
+ </ul>
+ </div>
+ </div> -->
+
</div>
</body>