第二周day3

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>网易云课堂 - 我的职业课堂</title>

    <style>
        .um-live-live-list {
            margin: 0 auto;
            padding-bottom: 24px;
            width: 1205px;
        }
        .um-live-live-list-hd {
            position: relative;
            width: 1205px;
            margin: 0 auto 10px;
            overflow: hidden;
            z-index: 0;
        }
        .um-live-live-list-hd_label {
            float: left;
            font-size: 24px;
            color: #333;
            line-height: 31px;
        }
        .um-live-live-list-hd_more {
            position: relative;
            top: 4px;
            right: -6px;
            float: right;
            color: #666;
            font-size: 14px;
            line-height: 31px;
            text-decoration: none;
        }
        .um-live-live-list-ct {
            margin: 0 auto 0 -12px;
            width: 1254px;
            font-size: 0;
        }
        .um-live-live-card.z-col-3 {
            display: inline-block;
            padding: 12px;
            margin-right: 24px;
            width: 370px;
            font-size: 0;
            vertical-align: top;
            margin-bottom: 4px;
        }
    .um-live-live-card-head {
        float: left;
        margin-right: 20px;
        height: 80px;
        width: 80px;
        font-size: 0;
    }
        .um-live-live-card-subtit {
            position: relative;
            font-size: 12px;
            line-height: 16px;
            color: #666;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .um-live-live-card-head_img {
            height: 100%;
            width: 100%;
            border-radius: 50%;
        }
        .um-live-live-card.z-col-3 .um-live-live-card-action {
            margin-left: 100px;
        }
        .um-live-live-card-action {
            position: relative;
            margin-bottom: 8px;
            font-size: 14px;
            line-height: 19px;
            color: #333;
        }
        .um-live-live-card-tit {
            margin-bottom: 8px;
            font-size: 16px;
            line-height: 24px;
            word-break: break-all;
            color: #333;
        }
    </style>
   </head>
<body>
<div class="um-live-live-list" data-log-id="liveCardList" data-log-data="{&quot;logType&quot;:&quot;liveUnit&quot;,&quot;sceneLog&quot;:&quot;直播&quot;}">

    <div class="um-live-live-list-hd">
        <h2 class="um-live-live-list-hd_label">课堂直播</h2>
        <a class="um-live-live-list-hd_more" href="//study.163.com/live" target="_blank" data-log-act="click" data-log-data="{&quot;itemName&quot;:&quot;查看更多&quot;,&quot;itemUrl&quot;:&quot;//study.163.com/live&quot;}">
            <span>更多</span>
            <span class="i-icon"></span>
        </a>
    </div>
    <div class="um-live-live-list-ct">
        <!--Regular list-->
        <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279686751,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279686751.htm&quot;,&quot;itemName&quot;:&quot;运营插画四部曲&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
            <div class="um-live-live-card-head">
                <img class="um-live-live-card-head_img" src="1.jpg">
            </div>
            <div class="um-live-live-card-action z-remind">
                <!--Regular if70-->
                <span class="um-live-live-card-action_label">
            <!--inlcude-->今天 20:00
        </span>

                <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
            </div>
            <div class="um-live-live-card-tit">运营插画四部曲</div>
            <div class="um-live-live-card-subtit">艾琦aiki   </div>
        </div>

        <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279674984,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279674984.htm&quot;,&quot;itemName&quot;:&quot;网易技术这些年,JAVA后端架构体系是怎么发展起来得!&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
            <div class="um-live-live-card-head">
                <img class="um-live-live-card-head_img" src="2.png">
            </div>
            <div class="um-live-live-card-action z-remind">
                <!--Regular if71-->
                <span class="um-live-live-card-action_label">
            <!--inlcude-->今天 20:00
        </span>

                <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
            </div>
            <div class="um-live-live-card-tit">网易技术这些年,JAVA后端架构体系是怎么发展起来得!</div>
            <div class="um-live-live-card-subtit">王建安 网易特邀Java高级工程师</div>
        </div>

        <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279691638,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279691638.htm&quot;,&quot;itemName&quot;:&quot;助力求职同时兼具理财神技:用Python优化股票仓位&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
            <div class="um-live-live-card-head">
                <img class="um-live-live-card-head_img" src="3.jpg">
            </div>
            <div class="um-live-live-card-action z-remind">
                <!--Regular if72-->
                <span class="um-live-live-card-action_label">
            <!--inlcude-->今天 20:00
        </span>

                <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
            </div>
            <div class="um-live-live-card-tit">助力求职同时兼具理财神技:用Python优化股票仓位</div>
            <div class="um-live-live-card-subtit">大鹏 网易金牌数据分析讲师</div>
        </div>

        <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279685839,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279685839.htm&quot;,&quot;itemName&quot;:&quot;应用打包优化之被遗忘的精髓&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
            <div class="um-live-live-card-head">
                <img class="um-live-live-card-head_img" src="4.jpg">
            </div>
            <div class="um-live-live-card-action z-remind">
                <!--Regular if73-->
                <span class="um-live-live-card-action_label">
            <!--inlcude-->今天 20:00
        </span>

                <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
            </div>
            <div class="um-live-live-card-tit">应用打包优化之被遗忘的精髓</div>
            <div class="um-live-live-card-subtit">彭锡 网易网易特邀安卓高级工程师</div>
        </div>

        <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279695515,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279695515.htm&quot;,&quot;itemName&quot;:&quot;从源码探究构建工具之手动实现webpack&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
            <div class="um-live-live-card-head">
                <img class="um-live-live-card-head_img" src="5.jpg">
            </div>
            <div class="um-live-live-card-action z-remind">
                <!--Regular if74-->
                <span class="um-live-live-card-action_label">
            <!--inlcude-->今天 20:00
        </span>

                <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
            </div>
            <div class="um-live-live-card-tit">从源码探究构建工具之手动实现webpack</div>
            <div class="um-live-live-card-subtit">谭金龙 网易特邀前端高级工程师</div>
        </div>

        <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279688144,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279688144.htm&quot;,&quot;itemName&quot;:&quot;Python极速入门:教你做电影实时票房爬虫网站&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
            <div class="um-live-live-card-head">
                <img class="um-live-live-card-head_img" src="6.jpg">
            </div>
            <div class="um-live-live-card-action z-remind">
                <!--Regular if75-->
                <span class="um-live-live-card-action_label">
            <!--inlcude-->今天 20:00
        </span>

                <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
            </div>
            <div class="um-live-live-card-tit">Python极速入门:教你做电影实时票房爬虫网站</div>
            <div class="um-live-live-card-subtit">毕滢 网易AI专家讲师</div>
        </div>

    </div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值