第十三周总结(豆瓣头部项目制作)-CSDN博客

本文链接：https://blog.csdn.net/2401_88265396/article/details/144006145

插入图片描述

豆瓣头部项目

豆瓣上部

doyban

dou_ban_wang

sousuo

read

movie

music

class

city

object

doupin

<div class="upmain">
       <div class="left"></div>
       <div class="mid">
            <h1>豆瓣 7.0</h1>
            <div class="middown">
                <a href="">下载豆瓣 App</a>
                <img src="./picture/icon_qrcode_green.png" alt="" class="img1">
                <div class="qr">
                    <img src="./picture/doubanapp_qrcode.png" alt="" class="img2">
                    <p>iOS / Android 扫码直接下载</p>
                </div>
            </div>
       </div>
       <div class="right">
            <a href="" class="scancode">扫码</a>
            <div class="denglu">
                <div class="denglu_left">短信登录/注册</div>
                <div class="denglu_right">密码登录</div>
                <p>请仔细阅读<a href="">豆瓣使用协议、豆瓣个人信息保护政策</a></p>
            </div>
            <div class="denglu_main">
                <input type="text" placeholder="手机号" class="phone">
                <div class="plus86"><p>+86</p></div>
                <div class="phonemenu">
                    <div class="zongmenu">
                        <p class="selecttitle">选择国际区号</p>
                        <a href="" class="x">x</a>
                        <div class="choice">
                            <p>Lorem.</p>
                            <p>Amet!</p>
                            <p>Totam.</p>
                            <p>Quidem.</p>
                            <p>Praesentium!</p>
                            <p>Pariatur.</p>
                            <p>Quibusdam.</p>
                            <p>Cupiditate?</p>
                            <p>Neque!</p>
                            <p>Perferendis.</p>
                        </div>
                    </div>
                </div>
                <input type="text" placeholder="验证码" class="code">
                <div class="bai"></div>
                <button type="button" class="b_code">获取验证码</button>
                <button class="b_denglu">登录豆瓣</button>
                 <a href="">收不到验证码</a>   
            </div>
            <div class="denglu_down">
                <span>第三方登录:</span>
                <a href="" class="wechat">微信</a>
                <a href="" class="weibo">微博</a>
            </div>
       </div>
       <div class="right1">
        <a href="" class="scancode">扫码</a>
        <div class="denglu">
            <div class="denglu_left">短信登录/注册</div>
            <div class="denglu_right">密码登录</div>
            <p><a href="">找回密码</a></p>
        </div>
        <div class="denglu_main">
            <input type="text" placeholder="手机号" class="phone">
            <div class="baiup"></div>
            <input type="text" placeholder="验证码" class="code">
            <div class="bai"></div>
            <button class="b_denglu">登录豆瓣</button>
             <a href="">海外手机登录</a>   
        </div>
        <div class="denglu_down">
            <span>第三方登录:</span>
            <a href="" class="wechat">微信</a>
            <a href="" class="weibo">微博</a>
        </div>
   </div>  
</div>