diff --git a/public/css/main_page.css b/public/css/main_page.css
index be4a62654e85f20702a358dfbac1a8973d91fc63..b1d73b0246034ce42cfe7780d7869f3e152b9a68 100644
--- a/public/css/main_page.css
+++ b/public/css/main_page.css
@@ -1,35 +1,72 @@
+@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
* {
margin: 0%;
padding: 0%;
+ box-sizing: border-box;
}
.container {
+ font-family: 'Kanit', sans-serif;
width: 1000px;
margin: auto;
background: #F8F7FA;
}
-.header {
+nav {
width: 1000px;
- height: 80px;
+ height: 70px;
background: white;
- margin: 0 auto;
- outline: auto;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ font-size: 16px;
}
.logo{
- width: 80px;
- height: 80px;
- margin: 0 auto;
+ width: 200px;
+ height: 70px;
+ margin: 0;
object-fit:cover;
+ cursor: pointer;
+}
+nav ul {
+ display: flex;
+}
+nav ul li {
+ list-style: none;
+}
+nav ul a {
+ text-decoration: none;
+ color: black;
+ padding: 10px 20px;
+ transition: .3s ease;
+}
+nav ul li a:hover {
+ color: #4E8AC7;
+}
+.btn-login {
+ background: #36618D;
+ color: #fff;
+ border-radius: 5px;
}
.bg {
width: 1000px;
height: 300px;
margin: 0 auto;
- outline: auto;
object-fit:cover;
}
-section {
- width: 250px;
- height: 500px;
+.section-list {
+ width: 200px;
+ height: 200px;
background: white;
outline: auto;
+}
+.section-list ul {
+ list-style: none;
+}
+.section-list ul li {
+ list-style: none;
+}
+.section-list ul {
+ text-decoration: none;
+ color: black;
+ padding: 10px 20px;
}
\ No newline at end of file
diff --git a/public/icon/cremation_system_logo/cremation_system_logo.png b/public/icon/cremation_system_logo/cremation_system_logo copy.png
similarity index 100%
rename from public/icon/cremation_system_logo/cremation_system_logo.png
rename to public/icon/cremation_system_logo/cremation_system_logo copy.png
diff --git a/public/image/cremation_system_logo.png b/public/image/cremation_system_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d36f5374d219da331d4c171e7856cd44d5f0b95
Binary files /dev/null and b/public/image/cremation_system_logo.png differ
diff --git a/public/image/logo.jpg b/public/image/logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..388eccf6c41792845f18bb0a8d402777a6d2d304
Binary files /dev/null and b/public/image/logo.jpg differ
diff --git a/resources/views/v_mainpage_user.blade.php b/resources/views/v_mainpage_user.blade.php
index 0a4476ea26789f00caa412941e75d9ccd7ee2289..97b5c179a620bd9457bc6a779af51f00e31e6659 100644
--- a/resources/views/v_mainpage_user.blade.php
+++ b/resources/views/v_mainpage_user.blade.php
@@ -8,29 +8,36 @@
<title>ฌาปนกิจสงเคราะห์ สภาทนายความ</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
+ <!-- css -->
<link rel="stylesheet" href="css\main_page.css">
</head>
<body>
<div class="container">
- <div class="header">
- <img class="logo" src="cremation_system_logo\cremation_system_logo.png">
- <!-- <h1 class="font" style="font-size: 20px;">ฌาปนกิจสงเคราะห์<br>สภาทนายความ</h1>
- </div> -->
+ <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="#" class="btn-login">เข้าสู่ระบบสมาชิก</a></li>
+ </ul>
+
+ </nav>
<div >
<img class="bg" src="image\cremation.jpg">
</div>
- <div class="section">
- <h3>sidebar</h3>
- </div>
- <div class="footer">
- <h5>footer</h5>
+ <div class="section-list">
+ <ul>
+ <li>จำนวนสมาชิก</li>
+ <li>สามัญ<span>1,000 ราย</span></li>
+ <li>สมทบ<span>800 ราย</span></li>
+ <li>รวม<span>1,800 ราย</span></li>
+ </ul>
</div>
</div>
</body>
-</html>
- <!-- <section>
- <h3>section</h3>
- </section> -->
\ No newline at end of file
+</html>
\ No newline at end of file