<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MessageBoard</title>
    <link rel="stylesheet" href="js/超链接字体改变.js">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/message.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
</head>
<body>
<header>
    <div class="header_mask">
        <div class="header_container">
            <div class="navbar_left">
                <a class="navbar_brand">SummerTime</a>
                <div style="clear: both;display: inline-block"></div>
            </div>
            <div class="navbar_right">
                <ul>
                    <li><a href="./index.html"> Index</a></li>
                    <li><a href=""><span class="iconfont icon-cha  " style="font-size: 24px!important;"></span>Popular drinks</a></li>
                    <li><a href="">Services</a></li>
                    <li><a href="">MessageBoard</a></li>

                </ul>
            </div>
            <div class="navbar_icon">
                <ul >
                    <li><a href="./order.html"><span class="iconfont icon-dingdan1 " style="font-size: 30px!important;"></span></a></li>
                    <li><a href="./cart.html"><span class="iconfont icon-goumaihongbao "  style="font-size: 30px!important;"></span></a></li>
                    <li><a href="./login.html"><span class="iconfont icon-shouyewode"  style="font-size: 30px!important;"></span></a></li>
                    <li><a href="./register.html"><span class="iconfont icon-zhuce  " style="font-size: 30px!important;"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="main">
    <div class="edit">
        <div class="title">
            <img src="img/mb1.png">
        </div>
        <div class="edit-board">
            <form action="">
                <input type="text" value="Name">
                <textarea>Thanks for your Message</textarea>
                <input type="submit" value="Submit">
                <input type="reset" value="Clear">
            </form>
        </div>
    </div>
    <div class="show">
        <div class="message">
            <h3 name>小李</h3>
            <div class="text">很好</div>
            <h4 class="time">2021-5-30</h4>
        </div>
        <div class="message">
            <h3 name>小涛</h3>
            <div class="text">下次再来</div>
            <h4 class="time">2021-5-29</h4>
        </div>
    </div>
</div>

</body>
</html>