From f4e08d2c63f619e2a89513d3284f313e77e07248 Mon Sep 17 00:00:00 2001 From: 64160073 <100287862+64160073@users.noreply.github.com> Date: Fri, 7 Apr 2023 11:17:23 +0700 Subject: [PATCH] main page --- public/css/main_page.css | 45 +++++++++++++++++++---- resources/views/v_mainpage_user.blade.php | 23 +++++++++--- 2 files changed, 56 insertions(+), 12 deletions(-) diff --git a/public/css/main_page.css b/public/css/main_page.css index b1d73b02..fa2b6abd 100644 --- a/public/css/main_page.css +++ b/public/css/main_page.css @@ -8,7 +8,7 @@ .container { font-family: 'Kanit', sans-serif; width: 1000px; margin: auto; - background: #F8F7FA; + background: #E1E1E1; } nav { width: 1000px; @@ -53,20 +53,51 @@ .bg { margin: 0 auto; object-fit:cover; } -.section-list { - width: 200px; +.memder-card-list { + width: 250px; height: 200px; background: white; - outline: auto; + border-radius: 5px; + box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5); + display: flex; + flex-direction: column; + align-items: center; + font-size: 16px; } -.section-list ul { +.memder-card-list ul { list-style: none; + text-decoration: none; + color: black; + padding: 10px 20px; } -.section-list ul li { +.memder-card-list ul li { list-style: none; } -.section-list ul { +.memder-card-list span { + padding: 0px 21px ; + +} +.condition-card-list { + width: 250px; + height: 200px; + background: white; + border-radius: 5px; + box-shadow:1px 1px 1px 1px rgba(50, 50, 50, .5); + display: flex; + flex-direction: column; + align-items: center; + font-size: 12px; +} +.condition-card-list ul { + list-style: none; text-decoration: none; color: black; padding: 10px 20px; +} +.condition-card-list ul li { + list-style: none; +} +.condition-card-list span { + padding: 0px 21px ; + } \ No newline at end of file diff --git a/resources/views/v_mainpage_user.blade.php b/resources/views/v_mainpage_user.blade.php index 97b5c179..4f9c3ed8 100644 --- a/resources/views/v_mainpage_user.blade.php +++ b/resources/views/v_mainpage_user.blade.php @@ -28,12 +28,25 @@ <div > <img class="bg" src="image\cremation.jpg"> </div> - <div class="section-list"> + <div class="memder-card-list"> <ul> - <li>จำนวนสมาชิก</li> - <li>สามัญ<span>1,000 ราย</span></li> - <li>สมทบ<span>800 ราย</span></li> - <li>รวม<span>1,800 ราย</span></li> + <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> -- GitLab