仿php中文网右侧内容

php中文网右侧

            <div class="right">
                <div class="youtou">
                    <a href="">
                        <img src="../0325课件/iamges/user.jpg" alt="">
                    </a>
                    <a href="" class="ming">LLC</a>
                    <span>P豆 1亿</span>
                </div>
                <div class="button">
                    <a href="">我的学习</a>
                </div>
                <div class="hr"><hr></div>
                <ul class="xinwei">
                    <li>问答社区
                        <a href="" class="tiver">答疑</a>
                    </li>
                    <li>头条
                        <a href="">程序员有多好？</a>
                    </li>
                    <li>新课
                        <a href="">3.9号公益直播课</a>
                    </li>
                    <li>新班
                        <a href="">19期PHP直播班</a>
                    </li>
                    <li>招募
                        <a href="">课程合作计划</a>
                    </li>
                    <li>公告
                        <a href="">APP上线啦</a>
                    </li>
                </ul>
            </div>
            <div class="bottom-left">
                <!-- 学习路径 -->
                <div class="desc">
                    <div class="title">学习课程</div>
                    <span>全部7个&gt;</span>
                </div>
                <ul class="detail">
                    <li onclick="">
                        <img src="../0325课件/iamges/dgjj.png" alt="">
                        <a href="">独孤九贱</a>
                        <span>9门课程</span>
                    </li>
                    <li onclick="">
                        <img src="../0325课件/iamges/ynxj.png" alt="">
                        <a href="">玉女心经</a>
                        <span>5门课程</span>
                    </li>
                    <li onclick="">
                        <img src="../0325课件/iamges/tlbb.png" alt="">
                        <a href="">天龙八部</a>
                        <span>3门课程</span>
                    </li>
                    <li onclick="">
                        <img src="../0325课件/iamges/phpkjkf.png" alt="">
                        <a href="">自学指南</a>
                        <span>19门课程</span>
                    </li>
                    <li onclick="">
                        <img src="../0325课件/iamges/phpksrm.png" alt="">
                        <a href="">趣味闯关</a>
                        <span>22门课程</span>
                    </li>
                </ul>
            </div>
            <div class="bottom-right">
                <div class="tubiao1" >
                    <a href="" class="iconfont icon-qq qq"></a>
                    <a href="" class="qqq">官方QQ群</a>
                </div>
                <div class="tubiao2"> 
                    <a href="" class="iconfont icon-weixin wx"></a>
                    <a href="" class="gzh">官方公众号</a>
                </div>
            </div>

效果如下：