main_page

0505d373 · 64160073 · e3038453 · 0505d373 · 0505d373 · 0505d373
Commit 0505d373 authored 2 years ago by 64160073
--- a/public/css/main_page.css
+++ b/public/css/main_page.css
+@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
--- a/public/icon/cremation_system_logo/cremation_system_logo.png
+++ b/public/icon/cremation_system_logo/cremation_system_logo.png
--- a/public/image/cremation_system_logo.png
+++ b/public/image/cremation_system_logo.png
--- a/public/image/logo.jpg
+++ b/public/image/logo.jpg
--- 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> 
\ No newline at end of file
-        <!-- <section>
-            <h3>section</h3>
-        </section> -->
\ No newline at end of file