2021-04-07苹果主页

<html>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <head>

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" 

integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

        <style>


            .MyLogo{

                    position: relative;

                    top: -18px;

                }

                .myspacing{

                  margin: auto 40px auto 40px;

                  /* padding: 0 45px 0 45px; */

                }

                .footer{

                  width: 1420px;

                  background-color: rgb(245,245,247);

                  position: relative;

                }

                ul{

                  list-style-type: none;

                }

                li{

                  margin: 15px 0 15px 0;

                }

                a{


                  text-decoration: none;

                  color: rgb(81,81,84);

                }

                .description{

                  display: inline-block;

                  margin-top: 30px;

                  font-size: 16px;

                  font-weight: bold;

                }


                .left1{

                  width: 284px;

                  float: left;

                }

                .xuangou{

                  clear: both;

                  position: relative;

                  top: 20px;

                  margin: 20px auto 10px 37px;

                }

                .copyright,.backcase{

                  margin-top: 10px;

                  margin-left: 37px;

                }

        </style>

    </head>

    <body>

        <nav class="navbar navbar-inverse">

            <div class="container-fluid">

              <!-- Brand and toggle get grouped for better mobile display -->

              <div class="navbar-header">

                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

                  <span class="sr-only">Toggle navigation</span>

                  <span class="icon-bar"></span>

                  <span class="icon-bar"></span>

                  <span class="icon-bar"></span>

                </button>

                <a class="navbar-brand" href="#">


                    <img class="MyLogo" src="images/apple_logo.png">

                </a>

              </div>


              <!-- Collect the nav links, forms, and other content for toggling -->

              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav">

                  <li class="myspacing active"><a href="#">Mac <span class="sr-only">(current)</span></a></li>

                  <li class="myspacing "><a href="#">iPad</a></li>

                  <li class="myspacing "><a href="#">iPhone</a></li>

                  <li class="myspacing "><a href="#">Watch</a></li>

                  <li class="myspacing "><a href="#">Music</a></li>

                  <li class="myspacing "><a href="#">技术支持</a></li>

                  <li class="myspacing "><a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a></li>

                  <li class="myspacing "><a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></li>

                </ul> 


              </div><!-- /.navbar-collapse -->

             </div><!-- /.container-fluid -->

          </nav>

          <img src="images/content1.png" class="img-responsive" alt="Responsive image">

          <img src="images/content2.png" class="img-responsive" alt="Responsive image">

          <img src="images/content3.png" class="img-responsive" alt="Responsive image">

          <img src="images/content4.png" class="img-responsive" alt="Responsive image">

          <div class="footer">

            <div class="left1">

              <ul>

                  <span class="description"> 选购及了解 </span>

                  <li> <a>Mac</a> </li>

                  <li> <a>iPad</a> </li>

                  <li> <a>iPhone</a> </li>

                  <li> <a>Watch</a> </li>

                  <li> <a>Music</a> </li>

                  <li> <a>AirPods</a> </li>

                  <li> <a>HomePod</a> </li>

                  <li> <a>iPod touch</a> </li>

                  <li> <a>配件</a> </li>

                  <li> <a>Apple Store 充值卡</a> </li>

              </ul>

            </div>

            <div class="left1">

              <ul>

                  <span class="description"> 选购及了解 </span>

                  <li> <a>Mac</a> </li>

                  <li> <a>iPad</a> </li>

                  <li> <a>iPhone</a> </li>

                  <li> <a>Watch</a> </li>

                  <li> <a>Music</a> </li>

                  <li> <a>AirPods</a> </li>

                  <li> <a>HomePod</a> </li>

                  <li> <a>iPod touch</a> </li>

                  <li> <a>配件</a> </li>

                  <li> <a>Apple Store 充值卡</a> </li>

              </ul>

            </div>

            <div class="left1">

              <ul>

                  <span class="description"> 选购及了解 </span>

                  <li> <a>Mac</a> </li>

                  <li> <a>iPad</a> </li>

                  <li> <a>iPhone</a> </li>

                  <li> <a>Watch</a> </li>

                  <li> <a>Music</a> </li>

                  <li> <a>AirPods</a> </li>

                  <li> <a>HomePod</a> </li>

                  <li> <a>iPod touch</a> </li>

                  <li> <a>配件</a> </li>

                  <li> <a>Apple Store 充值卡</a> </li>

              </ul>

            </div>

            <div class="left1">

              <ul>

                  <span class="description"> 选购及了解 </span>

                  <li> <a>Mac</a> </li>

                  <li> <a>iPad</a> </li>

                  <li> <a>iPhone</a> </li>

                  <li> <a>Watch</a> </li>

                  <li> <a>Music</a> </li>

                  <li> <a>AirPods</a> </li>

                  <li> <a>HomePod</a> </li>

                  <li> <a>iPod touch</a> </li>

                  <li> <a>配件</a> </li>

                  <li> <a>Apple Store 充值卡</a> </li>

              </ul>

            </div>

            <div class="left1">

              <ul>

                  <span class="description"> 选购及了解 </span>

                  <li> <a>Mac</a> </li>

                  <li> <a>iPad</a> </li>

                  <li> <a>iPhone</a> </li>

                  <li> <a>Watch</a> </li>

                  <li> <a>Music</a> </li>

                  <li> <a>AirPods</a> </li>

                  <li> <a>HomePod</a> </li>

                  <li> <a>iPod touch</a> </li>

                  <li> <a>配件</a> </li>

                  <li> <a>Apple Store 充值卡</a> </li>

              </ul>

             </div>

             </div>

             <div class="xuangou">

                更多选购方式:查找你附近的 Apple Store 零售店及更多门店,或者致电 400-666-8800。

              </div>

              <div>

                <hr>

              </div>

              <div class="copyright">

                Copyright © 2020 Apple Inc. 保留所有权利。隐私政策 使用条款 销售政策 法律信息 网站地图

              </div>

              <div class="backcase">

                京ICP备10214630 营业执照 无线电发射设备销售备案编号11201910351200

              </div>

    </body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容