Gitlab@Informatics

Skip to content
Snippets Groups Projects
Commit cd848748 authored by 64160292's avatar 64160292
Browse files

welcome page

parent 2b35ae9b
No related branches found
No related tags found
1 merge request!12proof tranfer update
Show whitespace changes
Inline Side-by-side
public/css/main_page.css
+ 108
− 14
View file @ cd848748
......@@ -9,6 +9,9 @@ .container {
width: 1000px;
margin: auto;
background: #E1E1E1;
display: flex;
flex-wrap: wrap;
}
nav {
width: 1000px;
......@@ -53,7 +56,7 @@ .bg {
margin: 0 auto;
object-fit:cover;
}
.memder-card-list {
.memder-card-list,.memder-card-list2 {
width: 250px;
height: 200px;
background: white;
......@@ -61,43 +64,134 @@ .memder-card-list {
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;
}
.memder-card-list span {
padding: 0px 21px ;
}
.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;
}
.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;
align-items: center;
padding: 10px 20px;
font-size: 12px;
flex: 1;
}
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);
display: flex;
flex-direction: column;
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;
}
hr {
margin: 10px 0;
border: 0;
border-top: 1px solid #ccc;
}
\ No newline at end of file
resources/views/v_welcome.blade.php
+ 90
− 24
View file @ cd848748
......@@ -20,36 +20,102 @@
<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>
</div>
<div>
<img class="bg" src="image\cremation.jpg">
</div>
<div class="container">
<div class="memder-card-list">
<div class="colum">
<div class="row">
<div class="condition-card-list">
<ul>
<h4><li>จำนวนสมาชิก</li></h4>
<h2>
<a>จำนวนสมาชิก</a>
</h2>
<hr>
<li>สามัญ&nbsp;<span>1,000 ราย</span></li>
<li>สมทบ&emsp;<span>800 ราย</span></li>
<li>รวม &nbsp;&emsp;<span>1,800 ราย</span></li>
<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">
</div>
<div class="row">
<div class="condition-card-list3">
<ul>
<h2><li>เงื่อนไข</li></h2>
<h2>
<a>เงื่อนไข</a>
</h2>
<hr>
<li>อัตราค่าสมัครสมาชิก&emsp;<span>100 บาท</span></li>
<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>
<!-- <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>ค่าบำรุงรักษา&emsp;<span>50 บาท</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>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment