web-project-all
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>huohu</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>
<body>
    <div class="shiyan"></div>
    <!-- 实验 -->
   <div class="container">
       <head>
       <div class="head-top">
           <div class="head-left">
          <h1><img src="./img/tou_03.jpg" alt="Firefox" width="108" height="36"></h1>
          <ul>
           <li><a href="">浏览器</a></li>
           <li><a href="">关于</a></li>
        </ul>
        </div>
        <div class="head-right">
            <li><a href=""><h4>获取火狐通行证</h4></a></li>
        </div>
        <div class="head-right-one">
           <span class="iconfont icon-caidan"></span>
        </div>
       </div>
       <div class="head-quan">
       <div class="head-inner">
          <div class="firefox"></div>
          <div class="kuai">
          <p>快，只为更好。</p>
          <h3>FAST FOR GOOD</h3>
        </div>
          <div class="liji">
              <li><a href=""><h4>立即下载</h4></a></li>
          </div>
          <div class="xia">
          <li><a href=""><h6>Firdfox隐私声明</h6></a></li>
          <li><a href=""><h6>更多系统和语言下载</h6></a></li>
       <embed height="30" width="30" src=/*"./yinpin/你的答案-art--阿冗--art-33ee060213871155cb8a967066c514a.mp3*/" />
        </div>
        </div>
    </div>
       </div>
    </head>
    <section>
        <div class="main-top">
        <div class="yinsi-inner">
            <h1>真正的隐私浏览</h1>
            <div>
                <img src="./img/yin1.svg" alt="">
                <h2>隐私浏览</h2>
                <li>Firefox 会在您上网时拦截追踪器，也能在浏览结束后自动清除浏览记录。</li></div>
            <div>
                <img src="./img/yin2.svg" alt="">
                <h2>跟踪保护</h2>
                <li>某些广告藏有会跟踪您网络足迹的跟踪器。我们知道这很过分。所以我们威力强大的工具要把这些跟踪器拦截在千里之外。</li></div>
            <div>
                <img src="./img/yin3.svg" alt="">
                <h2>更快的页面加载</h2>
                <li>拦截那些拖慢上网速度的脚本后，页面载入速度快了44%。百利而无一害。</li></div>
        </div>
    </div>
        <div class="main-middle">
            <ol>
            <img src="./img/shouji.svg" alt=""></ol>
        <div class="shiyong">
            <h1>使用 Firefox 账户同步您的所有设备</h1>
            <h4><br>szldbvsldsdnvk</br></h4>
            <li><a href=""><br>aDSJbcjhsbdva</br></a></li>
        </div>
        <div class="zidingyi">
            <h1>自定义功能</h1>
            <div>
                <img src="./img/zi1.svg" alt="">
                <h2>扩展</h2>
                <h6>用 LastPass、Evernote 等数以千计的扩展，定制您的专属 Firefox。</h6></div>
            <div>
                <img src="./img/zi2.svg" alt="">
                <h2>主题</h2>
                <h6>让 Firefox 有您的风格！到我们的主题分类里选择您喜欢的主题，或者自己设计一套。</h6></div>
            <div>
                <img src="./img/zi3.svg" alt="">
                <h2></h2>
                <h6>用您的方式调整 Firefox。可以把各种功能拖入或拽出工具栏，方便使用。</h6></div>
        </div>
    </div>
        <div class="main-bottom">
        <div class="sudu">
            <div class="sudu-left">
            <h1>速度翻倍</h1>
            <p>想要超强大的浏览器引擎？这里有。想要等待页面载入的时间更短？这里也有。Firefox Quantum 现在达到以前的两倍快。</p>
        </div>
            <video width="330" height="270" controls="controls">
                <source src="./shipin/抗疫歌曲《祖国把春天交给我们》_超清.mp4" type="video/mp4" />
                <source src="./shipin/抗疫歌曲《祖国把春天交给我们》_超清.mp4" type="video/ogg" />
                <source src="./shipin/抗疫歌曲《祖国把春天交给我们》_超清.mp4" type="video/webm" />
                <object data="./shipin/抗疫歌曲《祖国把春天交给我们》_超清.mp4" width="320" height="240">
                  <embed src="./shipin/抗疫歌曲《祖国把春天交给我们》_超清.mp4" width="320" height="240" />
                </object>
              </video>
        </div>
            <div class="chrome-left"> </div>
            <div class="chrome-right">
                <h1>比CHROME高30%</h1>
            </div>
            <div class="minuate-left">
                <h1>几分钟就能从 Chrome 换用 Firefox</h1>
            </div>
            <div class="minuate-right"></div>
    </div>
    </section>
    <footer>
        <div class="foot">
        <div class="foot-top">
            <div class="img"></div>
            <h1>快，只为更好。</h1>
            <div class="lan">
                <li><a href=""><h3>立即下载</h3></a></li>
            </div>
            <li><a href=""><h6>firefox隐私声明</h6></a></li>
            <div class="bai"></div>
            <ul><li><a href=""><h3>公司</h3></a></li>
            <li><a href=""><h3>关于</h3></a></li>
            <li><a href=""><h3>联系我们</h3></a></li>
            <li><a href=""><h3>招贤纳士</h3></a></li>
            <li><a href=""><h3>火狐博客</h3></a></li></ul>
            <ul><li><a href=""><h3>浏览器</h3></a></li>
            <li><a href=""><h3>桌面版</h3></a></li>
            <li><a href=""><h3>移动版</h3></a></li>
            <li><a href=""><h3>企业版</h3></a></li></ul>
            <ul><li><a href=""><h3>开发者</h3></a></li>
            <li><a href=""><h3>MDN WEB文档</h3></a></li>
            <li><a href=""><h3>工具</h3></a></li></ul>
            <ul><li><a href=""><h3>产品帮助</h3></a></li>
            <li><a href=""><h3>用户支持</h3></a></li>
            <li><a href=""><h3>提交bug</h3></a></li></ul>
        </div>
        <div class="foot-bottom">
            <div class="foot-jing"></div>
            <div class="foot-di">
            <p>Copyright © 2011–2020 Mozilla Firefox Ltd.</p>
            <p>北京谋智火狐信息技术有限公司 版权所有.</p>
            <p>上述内容中的某些部分系 mozilla.org 志愿者个人版权所有（©1998–2020）。内容可按<li><a href="">知识共享许可协议</a>使用</li></p>
            <ul>
                <li><a href=""><p>京ICP备11011334号-7</p></a></li></ul>
                <div class="dizi">
                    <li><a href=""><img src="./img/jinghui.png" alt=""></a></li>
               <a href=""><p>京公网安备11010102001807号</p></a>
            </div>
            <ol>
                <li><a href="">隐私权</a></li>
                <li><a href="">隐私</a></li>
                <li><a href="">Cookie</a></li>
                <li><a href="">法律</a></li>
                <li><a href=""><img src="./img/weibo.png" alt=""></a></li>
                <li><a href=""><img src="./img/weixin.png" alt=""></a></li>
            </ol>
        </div>

    </div>
    </footer>
</body>
</html>