Home.blade.php 8.14 KB
Newer Older
wutthichai sritonwong's avatar
wutthichai sritonwong committed
1 2 3 4
<!DOCTYPE html>
<html lang="en">

<head>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>ร้อยทิป</title>
    <link rel="shortcut icon" href="{{{ asset('img/find_user.png') }}}">
    <link href="{{ asset('vendor\bootstrap\css\bootstrap.min.css') }}" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
    <link href="{{ asset('vendor/fontawesome-free/css/all.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/resume.min.css') }}" rel="stylesheet">
    <style>
        .bg {
            background-image: url("img/conn.jpg");
        }

        .bt {
            text-align: center;
            font-size: 20px;
            width: 300px;
            height: 100px;
        }
    </style>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
28 29 30
</head>

<body id="page-top">
wutthichai sritonwong's avatar
wutthichai sritonwong committed
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
    <?php
    $color = ["btn btn-primary", "btn btn-secondary", "btn btn-success", "btn btn-info", "btn btn-warning", "btn btn-danger"];
    shuffle($color);
    ?>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">
            <span class="d-block d-lg-none">พันทิป</span>
            <span class="d-none d-lg-block">
                <img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/find_user.png" alt="">
            </span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#Home">หน้าหลัก</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="/Category">เลือกหมวดหมู่</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="/Create">ตั้งกระทู้</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#Check">เช็คกระทู้</a>
                </li>
                <!-- <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="">Interests</a>
                </li> -->
                <li class="nav-item">
                    <br><br><br><br><br><br><br><br>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="/LG">เข้าสู่ระบบ</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="/register">สมัครสมาชิก</a>
                </li>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
71
            </ul>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
72
        </div>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163
    </nav>

    <div class="container-fluid p-0">
        <!-- Home -->
        <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="Home">
            <div class="w-100">
                <h1 class="mb-0">ร้อยทิป
                    <span class="text-primary">Roytip</span>
                </h1><br><br>
                <div class="social-icons">
                    <a href="#">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-github"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-twitter"></i>
                    </a>
                </div>
            </div>
        </section>

        <hr class="m-0">
        <!-- Category -->
        <section class="resume-section p-3 p-lg-5 d-flex justify-content-center bg" id="Category">
            <div class="w-100">
                <center>
                    <h1>หมวดหมู่</h1><br><br><br>
                    <div>
                        <button type="button" id="sport" class="col-3 bt <?php print_r($color[0]); ?>">กีฬา</button>
                        <button type="button" id="cartoon" class="col-3 bt <?php print_r($color[1]); ?>">การ์ตูน</button>
                        <button type="button" id="love" class="col-3 bt <?php print_r($color[2]); ?>">ความรัก</button>
                        <button type="button" id="it" class="col-3 bt <?php print_r($color[3]); ?>">ไอที</button>
                        <button type="button" id="paryut" class="col-3 bt <?php print_r($color[4]); ?>">การเมือง</button>
                        <button type="button" id="food" class="col-3 bt <?php print_r($color[3]); ?>">อาหาร</button>
                        <button type="button" id="animal" class="col-3 bt <?php print_r($color[2]); ?>">สัตว์</button>
                        <button type="button" id="music" class="col-3 bt <?php print_r($color[1]); ?>">เพลง</button>
                        <button type="button" id="movie" class="col-3 bt <?php print_r($color[0]); ?>">ภาพยนตร์</button>
                    </div>
                </center>
            </div>

        </section>

        <hr class="m-0">
        <!-- Create -->
        <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="Create">
            <div class="w-100">
                <form>
                    <fieldset>
                        <legend>ตั้งกระทู้</legend>
                        <div class="form-group">
                            <label for="exampleSelect1">เลือกหมวดหมู่</label>
                            <select class="form-control" id="menu">
                                <option>กีฬา</option>
                                <option>การ์ตูน</option>
                                <option>ความรัก</option>
                                <option>ไอที</option>
                                <option>การเมือง</option>
                                <option>อาหาร</option>
                                <option>สัตว์</option>
                                <option>เพลง</option>
                                <option>ภาพยนตร์</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="exampleTextarea">หัวข้อกระทู้</label>
                            <textarea class="form-control" id="exampleTextarea" rows="1"></textarea>
                            <label for="exampleTextarea">ข้อความ</label>
                            <textarea class="form-control" id="exampleTextarea" rows="10"></textarea>
                        </div>
                        <div class="col-5">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </fieldset>
                </form>

            </div>
        </section>

        <hr class="m-0">
        <!-- Check -->
        <section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="Check">
            <div class="w-100">
                
            </div>
        </section>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
164

wutthichai sritonwong's avatar
wutthichai sritonwong committed
165
    </div>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
166

wutthichai sritonwong's avatar
wutthichai sritonwong committed
167 168 169 170 171
    <!-- Bootstrap core JavaScript -->
    <script src="{{ asset('vendor/jquery/jquery.min.js') }}"></script>
    <script src="{{ asset('vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-easing/jquery.easing.min.js') }}"></script>
    <script src="{{ asset('js/resume.min.js') }}"></script>
wutthichai sritonwong's avatar
wutthichai sritonwong committed
172 173
</body>

wutthichai sritonwong's avatar
wutthichai sritonwong committed
174 175

</html>