导航页

               <span class="icon">
                   <i class="fas fa-bell" aria-hidden="true"></i>
               </span>
                <span class="text">ball</span>
            </a>
        </li>
        <li class="item">
            <a href="#">
               <span class="icon">
                   <i class="fas fa-user" aria-hidden="true"></i>
               </span>
                <span class="text">about</span>
            </a>
        </li>
        <div class="active-bg"></div>
    </ul>
</div>
<div class="img">
    <img src="images/头像.png" >
    <div class="clock">
        <p id="1">0</p>
        <p id="2">0</p>
        <p id="3">:</p>
        <p id="4">0</p>
        <p id="5">0</p>
        <p id="6">:</p>
        <p id="7">0</p>
        <p id="8">0</p>
    </div>
</div>
<div class="midbox">
    <form action="http://www.baidu.com/s"  method="get" target="_blank">
        <input type="search" name="wd" id="seaid" placeholder="search something" autofocus="autofocus" autocomplete="off">
        <input type="submit" id="subid" value="">
    </form>
</div>