今天完成的事情：今天完成了任务八技能树首页
明天计划的事情：明天开始任务八第二个页面
遇到的问题：引用bootstrap框架的时候一直引用错误，不知道如何引用，引用哪个
收获：

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1" ></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2" ></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/1.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="img/2.jpeg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="img/3.jpg" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
</div>

<div class="container">
    <div class="row main-box"></div>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-12 col-md-6 col-lg-3 small-big">
            <div class="col row justify-content-center">
                <img src="img/d.png" height="45" width="45">
            </div>
            <div class="main-one"></div>
            <div class="col row justify-content-center">
                <h4>高效</h4>
            </div>
            <div class=" main-one"></div>
            <div class="col row justify-content-center">
                <span class="text-one">将5年到7年的成长时间，缩短到一年到三年</span>
            </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-3  small-big">
            <div class="col row justify-content-center">
                <img src="img/e.png" height="45" width="45">
            </div>
            <div class=" main-one"></div>
            <div class="col row justify-content-center">
                <h4>规范</h4>
            </div>
            <div class=" main-one"></div>
            <div class="col row justify-content-center">
                <span class="text-one">标准的实战教程，不会走弯路</span>
            </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-3  small-big">
            <div class="col row justify-content-center">
                <img src="img/f.png" height="45" width="45">
            </div>
            <div class=" main-one"></div>
            <div class="col row justify-content-center">
                <h4>人脉</h4>
            </div>
            <div class="main-one"></div>
            <div class="col row justify-content-center">
                <span class="text-one">同班好友，同院学长，技术大师，入学就混到职脉圈子。</span>
            </div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-3 main-two d-flex align-items-center">
            <div class="col">
                <div class="col row justify-content-center text-two">
                    <img style="width: 24px" src="img/g.png">
                    <span> &ensp; 12400</span>
                </div>
                <div class="col row justify-content-center">
                    <span>累计在线学习人数</span>
                </div>
                <div class="main-one "></div>
                <div class="col row justify-content-center text-two">
                    <img  src="img/h.png" style="width: 24px">
                    <span> &ensp; 12400</span>
                </div>
                <div class="col row justify-content-center">
                    <span>累计在线学习人数</span>
                </div>
            </div>
        </div>

        <div class="container study"><span class="how-study">如何学习</span></div>

        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">1</div>
                    <span class="sp-box">匹配你现在的个人情况寻找适应自己的岗位</span>
                    <img src="img/i.png">
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">2</div>
                    <span class="sp-box">了解职业的前景薪金待遇竞争压力等</span>
                    <img src="img/i.png">
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">3</div>
                    <span class="sp-box">掌握行业内顶级技能</span>
                    <img src="img/i.png">
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">4</div>
                    <span class="sp-box">查看职业目标任务</span>
                    <img src="img/i.png">
                </div>
            </div>
            <div class="row box-io">
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">5</div>
                    <span class="sp-box">参考学习资源，掌握技能点，逐个完成任务</span>
                    <img src="img/i.png">
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">6</div>
                    <span class="sp-box">加入班级和小伙伴们互帮互助，一起学习</span>
                    <img src="img/i.png">
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">7</div>
                    <span class="sp-box">选择导师，一路引导，加速自己成长</span>
                    <img src="img/i.png">
                </div>
                <div class="col-sm-12 col-md-6 col-lg-3 d-flex align-items-center justify-content-between small-pig">
                    <div class="big-box">8</div>
                    <span class="sp-box">完成职业技能，升级业界大牛</span>
                    <img src="img/i.png">
                </div>
            </div>
        </div>

今天完成了以上内容，没有多少东西，但是自己做的时候感觉知识有许多遗忘，遇见不是问题的问题都会卡一会，注意力极度不集中，以后多多注意。