master

分支 (1)

管理

管理

master

7music
/
friend.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>朋友</title>
    <link rel="stylesheet" href="css/friend.css">
</head>

<body>
    <div id="appa">
        <div class="top">
            <!-- 顶部 -->
            <div class="top-tp">
                <div id="topa">
                    <img id="logo" src="img/logo.png" alt="">
                    <ul>
                        <li><a href="index.html" target="_blank"> 发现音乐</a></li>
                        <li><a href="my music.html" target="_blank"> 我的音乐</a></li>
                        <li><a href="#"> 朋友</a></li>
                        <li><a href="mall.html" target="_blank"> 商城</a></li>
                        <li><a href="Musician.html" target="_blank"> 音乐人</a></li>
                        <li><a href="download apps.html" target="_blank"> 下载客户端</a></li>
                    </ul>
                    <input type="text" placeholder="音乐视频/电台/用户" class="sous">
                    <input type="button" value="创作者中心" id="button">
                    <a href="#" class="denglu" target="_blank">登陆</a>
                </div>
            </div>
            <div class="top-fot">
            </div>
        </div>

        <!-- 内容区 分享动态-->
        <div id="main">
            <div class="main-left">
                <ul>
                    <li>
                        <p>动态</p><input type="button" value="发布视频"><input type="button" value="发动态"> </li>
                    <li id="vip"><img src="img/bd (1).jpg" alt="">
                        <p><a href="">音乐VIP</a></p>
                        <p>昨天19:38</p>
                        <p>#七人VIP音乐礼品卡全新上线# </p>
                        <p>平安夜、圣诞节、新年马上都要来了，你准备好送TA什么礼物了吗？</p>
                        <p>A gift for someone special</p>
                        <p>为TA定制专属音乐礼物</p>
                        <p>礼品卡不仅可以选歌，还有自定义祝福、选择卡面等功能。千里送祝福，礼轻情意重！快把祝福唱给TA听~</p>
                        <p><img src="img/lpk.jpg" alt=""></p>
                    </li>
                    <li id="vip"><img src="img/bd (2).jpg" alt="">
                        <p><a href="">音乐人VIP</a></p>
                        <p>昨天17:59</p>
                        <p>#VIP点唱机#</p>
                        <p>我一定会等到你，无论多远，无论多久</p>
                        <p>我会努力变优秀，然后奔向你，马不停蹄地奔向你</p>
                        <p>所以请一定 要等我，一定要出现在我的生命里</p>
                        <p>我很荣幸，能够陪你走过这一切。请你记住，一旦奔跑起来，耳边的风声自然会盖住蚁群的喧嚣。我会一直等，一起见证坚冰融尽，春暖花开。</p>
                        <p><img src="img/lpk2.jpg" alt=""></p>
                    </li>
                </ul>
            </div>
            <div class="main-right">
                <div class="main-right-top">
                    <p>登录七人音乐网，可以享受无限收藏的乐趣，并且无限同步到手机</p>
                    <a href="Signin.html"> <input type="button" value="用户登录"></a>
                </div>
                <div class="main-right-footer">
                    <div class="span">
                        <span>明星用户</span>
                    </div>
                    <ul>
                        <li><img src="img/sytpd (1).jpg" onClick="play7()" alt="">
                            <h5>Fine乐团</h5>
                            <p>独立音乐人</p>
                        </li>
                        <li><img src="img/sytpd (2).jpg" onClick="play2()" alt="">
                            <h5>张惠妹aMEI</h5>
                            <p>台湾歌手</p>
                        </li>
                        <li><img src="img/sytpd (3).jpg" onClick="play7()" alt="">
                            <h5>音乐人赵雷</h5>
                            <p>民谣歌手</p>
                        </li>

                    </ul>
                    <input type="button" value="分享动态"></input>
                </div>
            </div>
        </div>
        <div id="footer">
            <!-- 底部 -->
            <div class="ull">
                <ul>
                    <li> 服务条款</li>
                    <li>隐私政策</li>
                    <li>儿童隐私政策</li>
                    <li>版权投诉指引</li>
                    <li>意见反馈</li>
                </ul>
                <ul>
                    <li>海南软件职业技术学院版权所有</li>
                    <li>七人音乐网站团队运营</li>
                </ul>
                <ul>
                    <li>违法和不良信息举办电话：0123645979</li>
                    <li>举报邮箱：abcdef@123.com</li>
                </ul>
            </div>
        </div>

    </div>
</body>

</html>