Gitlab@Informatics

Skip to content
Snippets Groups Projects
Commit f4e08d2c authored by 64160073's avatar 64160073
Browse files

main page

parent 0505d373
No related branches found
No related tags found
No related merge requests found
......@@ -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
......@@ -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>สามัญ&nbsp;<span>1,000 ราย</span></li>
<li>สมทบ&emsp;<span>800 ราย</span></li>
<li>รวม &nbsp;&emsp;<span>1,800 ราย</span></li>
</ul>
</div>
<br>
<div class="condition-card-list">
<ul>
<h2><li>เงื่อนไข</li></h2>
<hr>
<li>อัตราค่าสมัครสมาชิก&emsp;<span>100 บาท</span></li>
<li>อัตราเงินสงเคราะห์ต่อราย<span>20 บาท</span></li>
<li>ค่าบำรุงรักษา&emsp;&emsp;<span>50 บาท</span></li>
<li>เงินสงเคราะห์ล่วงหน้า<span>650 บาท</span></li>
<li>อัตราหักเงินสงเคราะห์<span>ร้อยละ 20</span></li>
</ul>
</div>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment