porsche-project
/
index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>保时捷官网 - 保时捷股份公司</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link
      rel="stylesheet"
      href="./保时捷项目/冉常佑/保时捷首页/bootstrap/css/bootstrap.min.css"
    />
    <script src="./保时捷项目/冉常佑/保时捷首页/bootstrap/js/jquery.min.js"></script>
    <script src="./保时捷项目/冉常佑/保时捷首页/bootstrap/js/bootstrap.min.js"></script>
    <link
      rel="stylesheet"
      href="./保时捷项目/冉常佑/保时捷首页/CSS/commom.css"
    />
    <link rel="stylesheet" href="./保时捷项目/冉常佑/保时捷首页/CSS/base.css" />
    <link
      rel="stylesheet"
      href="./保时捷项目/冉常佑/保时捷首页/CSS/index.css"
    />
    <script src="./保时捷项目/冉常佑/保时捷首页/js/commmon.js"></script>
  </head>
  <body>
    <!-- 头部制作开始 -->
    <div class="head w">
      <div></div>
      <div>
        <a href="./index.html"
          ><img src="./保时捷项目/冉常佑/保时捷首页/imge/logo.png" alt=""
        /></a>
      </div>
      <div></div>
    </div>
    <!-- 头部制作结束 -->
    <!-- nav栏制作开始 -->
    <div class="nav w">
      <ul>
        <li class="nav_li_one">
          <a href="./保时捷项目/刘章鸿/所有车车型/index.html">所有车型</a>
          <div class="box">
            <div>
              <ul>
                <li>
                  <a href="" class="a1">
                    <span class="span_one"></span>
                    <span>718</span>
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/下标图1.webp"
                      alt=""
                    />
                    <span class="fz">></span></a
                  >
                  <div class="box_one">
                    <a href="./保时捷项目/唐金成/保时捷718型/index.html">
                      <span class="fz1">718车型</span>
                      <span class="fz2">新款&nbsp; ></span>
                    </a>
                    <a href="">
                      <span class="fz1">718 Spyder</span>
                      <span class="fz2">新款&nbsp; ></span>
                    </a>
                  </div>
                  <div class="box_two"></div>
                  <div class="box_three">
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/banner1.webp"
                      alt=""
                    />
                  </div>
                  <div class="box_four">
                    <ul class="ul_one">
                      <li>
                        <strong>545,000元起*</strong><br />
                        <span>制作商建议零售价(含增值税)</span>
                      </li>
                      <li>
                        <strong>184KW/250PS </strong><br />
                        <span>最大功率(kw)/最大功率(ps)</span>
                      </li>
                      <li>
                        <strong>5.6s</strong><br />
                        <span>0-100km/h加速时间</span><br />
                        <strong>5.4s</strong><br />
                        <span>0-100km/h加速时间,搭配Sport Chrono组件</span>
                      </li>
                    </ul>
                  </div>
                  <div class="box_five">
                    *
                    所列的制造商建议零售价（含增值税）仅供参考，并不包括运输费用、税费（另有明确规定的除外）、牌照、所有权、非强制或地区性要求的设备。特别是，制造商建议零售价（含增值税）并未包含
                    2016 年 12 月 1
                    日起生效的《财政部、国家税务总局关于对超豪华小汽车加征消费税有关事项的通知》所要求加征的消费税。根据《关于深化增值税改革有关政策的公告》，自
                    2019 年 4 月 1
                    日起增值税税率进行调整。因此所列的厂商建议零售价将可能进行调整。请您与保时捷授权经销商咨询具体的价格信息。
                  </div>
                </li>
                <li>
                  <a href="">
                    <span>911</span>
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/下标图1.webp"
                      alt=""
                    />
                    <span class="fz">></span></a
                  >
                </li>
                <li>
                  <a href="">
                    <span>Taycan</span>
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/下标图1.webp"
                      alt=""
                    />
                    <span class="fz">></span></a
                  >
                </li>
                <li>
                  <a href="./保时捷项目/刘章鸿/macan/macan.html">
                    <span>Macan</span>
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/下标图1.webp"
                      alt=""
                    />
                    <span class="fz">></span></a
                  >
                </li>
                <li>
                  <a href="">
                    <span>Panamera</span>
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/下标图1.webp"
                      alt=""
                    />
                    <span class="fz">></span></a
                  >
                </li>
                <li>
                  <a href="">
                    <span>Cayenne</span>
                    <img
                      src="./保时捷项目/冉常佑/保时捷首页/imge/下标图1.webp"
                      alt=""
                    />
                    <span class="fz">></span></a
                  >
                </li>
              </ul>
            </div>
          </div>
        </li>
        <li class="nav_li_two">
          <a href="./保时捷项目/刘章鸿/保时捷认可易手车/index.html"
            >保时捷任可易手车</a
          >
          <div>
            <ul class="pulldown_two">
              <li>
                <span class="span_one"></span>
                <a class="a1">保时捷任何易手车展示平台</a>
              </li>
              <br />
              <li><a>Porsche Approved</a></li>
            </ul>
          </div>
        </li>
        <li class="nav_li_three">
          <a href="./保时捷项目/唐金成/保时捷-赛车&活动/index.html"
            >赛车&活动</a
          >
          <div>
            <ul class="pulldown_three">
              <li>
                <span class="span_one"></span>
                <a href="" class="a1">保时捷赛车运动</a>
              </li>
              <li><a href="">Porshce Racing Experience</a></li>
              <li><a href="">保时捷体验</a></li>
              <li><a href="">保时捷中国车主俱乐部</a></li>
              <li><a href="">保时捷高尔夫巡回赛</a></li>
              <li><a href="" class="last">尽享跑车日</a></li>
            </ul>
          </div>
        </li>
        <li class="nav_li_four">
          <a href="./保时捷项目/冉常佑/个性化服务/个性化页面.html"
            >个性化服务</a
          >
          <div>
            <ul class="pulldown_four">
              <li>
                <span class="span_one"></span>
                <a href="" class="a1">Porsche Exclusive Manufaktur</a>
              </li>
              <li><a href="">保时捷智慧互联</a></li>
              <li><a href="">原厂保时捷精装配件</a></li>
              <li><a href="">关于保时捷中国</a></li>
              <li><a href="">保时捷车主精品</a></li>
              <li><a href="">保时捷金融服务</a></li>
              <li><a href="">保时捷救援</a></li>
              <li><a href="">保时捷服务</a></li>
              <li><a href="" class="last">保时捷新闻</a></li>
            </ul>
          </div>
        </li>
        <li class="nav_li_five">
          <a href="./保时捷项目/陈律风/about.html">关于保时捷</a>
          <div>
            <ul class="pulldown_five">
              <li>
                <span class="span_one"></span>
                <a href="" class="a1">保时捷速览</a>
              </li>
              <li><a href="">新闻中心和新闻稿</a></li>
              <li>
                <a href="./保时捷项目/陈律风/job.html">工作机会</a>
              </li>
              <li><a href="">"Christophorus"</a></li>
              <li><a href="">保时捷博物馆</a></li>
              <li><a href="">可持续发展</a></li>
              <li><a href="">保时捷E驱高效动力</a></li>
              <li><a href="">服务分支机构</a></li>
              <li><a href="" class="last">关于保时捷中国</a></li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
    <!-- nav制作结束 -->
    <!-- 轮播图制作开始 -->
    <div class="banner">
      <div
        id="carousel-example-generic"
        class="carousel slide"
        data-ride="carousel"
      >
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li
            data-target="#carousel-example-generic"
            data-slide-to="0"
            class="active"
          ></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img
              src="https://files.porsche.cn/filestore/image/multimedia/none/rd-2020-homepage-banner-ww-sosg2ii-kw35/normal/27dd5106-e6d0-11ea-80cd-005056bbdc38;sM;twebp/porsche-normal.webp"
              alt="..."
            />
            <div class="carousel-caption">
              <div class="fz_one">
                <a
                  >志在必行
                  <div>新款Panamear Turbo S</div>
                </a>
              </div>
            </div>
          </div>
          <div class="item">
            <img
              src="https://files.porsche.cn/filestore/image/multimedia/none/rd-2019-homepage-banner-ww-macanpatop-kw37/normal/3e9ebb62-cfb5-11e9-80c5-005056bbdc38;sM;twebp/porsche-normal.webp"
              alt="..."
            />
            <div class="carousel-caption">
              <div class="fz_one">
                <a
                  >志在必行
                  <div>新款Panamear Turbo S</div>
                </a>
              </div>
            </div>
          </div>
          <div class="item">
            <img
              src="https://files.porsche.cn/filestore/image/multimedia/none/rd-2021-homepage-banner-ww-taycanbasis-kw04/normal/50c2468d-5c38-11eb-80d2-005056bbdc38;sM;twebp/porsche-normal.webp"
              alt="..."
            />
            <div class="carousel-caption">
              <div class="fz_one">
                <a
                  >志在必行
                  <div>新款Panamear Turbo S</div>
                </a>
              </div>
            </div>
          </div>
          <div class="item">
            <img
              src="https://files.porsche.cn/filestore/image/china/none/rd-2021-homepage-banner-ww-boxster25-kw02/normal/97d23a0f-5443-11eb-80d1-005056bbdc38;sM;twebp/porsche-normal.webp"
              alt="..."
            />
            <div class="carousel-caption">
              <div class="fz_one">
                <a
                  >志在必行
                  <div>新款Panamear Turbo S</div>
                </a>
              </div>
            </div>
          </div>
        </div>

        <!-- Controls -->
        <a
          class="left carousel-control"
          href="#carousel-example-generic"
          role="button"
          data-slide="prev"
        >
          <span
            class="glyphicon glyphicon-chevron-left"
            aria-hidden="true"
          ></span>
          <span class="sr-only">Previous</span>
        </a>
        <a
          class="right carousel-control"
          href="#carousel-example-generic"
          role="button"
          data-slide="next"
        >
          <span
            class="glyphicon glyphicon-chevron-right"
            aria-hidden="true"
          ></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
    <script>
      $(".carousel").carousel({
        interval: 1500,
      });
    </script>
    <!-- 轮播图制作结束 -->
    <!-- 所有车型制作开始 -->
    <div class="all w"><a href="">所有车型</a></div>
    <div class="all_box">
      <ul>
        <li>
          <img
            src="https://files.porsche.cn/filestore/image/multimedia/none/carrange-flyout-718/small/ccc805c0-6693-11e9-80c4-005056bbdc38;sQ;twebp;c1693;gc/porsche-small.webp"
            alt=""
          />
          <div class="img_box1">
            <div class="fz1">718</div>
            <div class="fz2">545,000 元起*</div>
          </div>
          <div class="img_box2">
            <div class="fz3"><a href="">车辆配置器</a></div>
            &nbsp;
            <div class="fz4"><a href="">所有车型</a></div>
          </div>
        </li>
        <li>
          <img
            src="https://files.porsche.cn/filestore/image/multimedia/none/carrange-flyout-911/small/3cf76e8c-6694-11e9-80c4-005056bbdc38;sQ;twebp;c1693;gc/porsche-small.webp
          "
            alt=""
          />
          <div class="img_box1">
            <div class="fz1">911</div>
            <div class="fz2">1278,000 元起*</div>
          </div>
          <div class="img_box2">
            <div class="fz3"><a href="">车辆配置器</a></div>
            &nbsp;
            <div class="fz4"><a href="">所有车型</a></div>
          </div>
        </li>
        <li>
          <img
            src="https://files.porsche.cn/filestore/image/multimedia/none/carrange-flyout-taycan/small/094d1c1c-bab0-11e9-80c4-005056bbdc38;sQ;twebp;c1693;gc/porsche-small.webp"
            alt=""
          />
          <div class="img_box1">
            <div class="fz1">Taycan</div>
            <div class="fz2">888,000 元起*</div>
          </div>
          <div class="img_box2">
            <div class="fz3"><a href="">车辆配置器</a></div>
            &nbsp;
            <div class="fz4"><a href="">所有车型</a></div>
          </div>
        </li>
        <li>
          <img
            src="https://files.porsche.cn/filestore/image/multimedia/none/carrange-flyout-panamera/small/31077aa2-d337-11ea-80cc-005056bbdc38;sQ;twebp;c1693;gc/porsche-small.webp"
            alt=""
          />
          <div class="img_box1">
            <div class="fz1">Panamera</div>
            <div class="fz2">973,000 元起*</div>
          </div>
          <div class="img_box2">
            <div class="fz3"><a href="">车辆配置器</a></div>
            &nbsp;
            <div class="fz4"><a href="">所有车型</a></div>
          </div>
        </li>
        <li>
          <img
            src="https://files.porsche.cn/filestore/image/multimedia/none/carrange-flyout-macan/small/46131fe4-6694-11e9-80c4-005056bbdc38;sQ;twebp;c1693;gc/porsche-small.webp"
            alt=""
          />
          <div class="img_box1">
            <div class="fz1">Macan</div>
            <div class="fz2">545,000 元起*</div>
          </div>
          <div class="img_box2">
            <div class="fz3"><a href="">车辆配置器</a></div>
            &nbsp;
            <div class="fz4"><a href="">所有车型</a></div>
          </div>
        </li>
        <li>
          <img
            src="https://files.porsche.cn/filestore/image/multimedia/none/carrange-flyout-cayenne/small/46131fe5-6694-11e9-80c4-005056bbdc38;sQ;twebp;c1693;gc/porsche-small.webp"
            alt=""
          />
          <div class="img_box1">
            <div class="fz1">Cayenne</div>
            <div class="fz2">868,000 元起*</div>
          </div>
          <div class="img_box2">
            <div class="fz3"><a href="">车辆配置器</a></div>
            &nbsp;
            <div class="fz4"><a href="">所有车型</a></div>
          </div>
        </li>
      </ul>
    </div>
    <div class="all_box1 w">
      *
      所列的制造商建议零售价（含增值税）仅供参考，并不包括运输费用、税费（另有明确规定的除外）、牌照、所有权、非强制或地区性要求的设备。特别是，制造商建议零售价（含增值税）并未包含
      2016 年 12 月 1
      日起生效的《财政部、国家税务总局关于对超豪华小汽车加征消费税有关事项的通知》所要求加征的消费税。根据《关于深化增值税改革有关政策的公告》，自
      2019 年 4 月 1
      日起增值税税率进行调整。因此所列的厂商建议零售价将可能进行调整。请您与保时捷授权经销商咨询具体的价格信息。
    </div>
    <!-- 工具与服务制作开始 -->
    <div class="tool w">
      <h2>工具与服务</h2>
      <div class="tool_one">
        <img
          src="https://files.porsche.cn/filestore/image/multimedia/none/homepage-teaser-shoppingtools-compare/normal/4365f64f-2c10-11e7-9f74-0019999cd470;sN;twebp/porsche-normal.webp"
          alt=""
        />
        <a href="">车型对比</a>
      </div>
      <div>
        <img
          src="https://files.porsche.cn/filestore/image/china/none/homepage-teaser-shoppingtools-testdrive/normal/c2410b99-93dd-11e7-b591-0019999cd470;sQ;twebp/porsche-normal.webp"
          alt=""
        />
        <a href="">预约试驾</a>
      </div>
      <div>
        <img
          src="https://files.porsche.cn/filestore/image/china/en/homepage-teaser-shoppingtools-financialservice/normal/ab36ebee-9791-11e7-b591-0019999cd470;sQ;twebp/porsche-normal.webp"
          alt=""
        />
        <a href="">保时捷金融服务</a>
      </div>
      <div>
        <img
          src="https://files.porsche.cn/filestore/image/china/en/homepage-teaser-shoppingtools-dealersearch/normal/cb00e480-992a-11e7-b591-0019999cd470;sQ;twebp/porsche-normal.webp"
          alt=""
        />
        <a href="">查找经销商</a>
      </div>
    </div>
    <!-- 工具与服务制作结束 -->
    <!-- 发现与更多制作开始 -->
    <div class="found w">
      <h2>发现更多</h2>
      <div>
        <img src="./保时捷项目/冉常佑/保时捷首页/imge/1.webp" alt="" />
        <div>
          <a>保险捷电动理念</a>
        </div>
      </div>
      <div>
        <img src="./保时捷项目/冉常佑/保时捷首页/imge/2.webp" alt="" />
        <div>
          <a>车主推荐计划 "共行·致远</a>
        </div>
      </div>
      <div>
        <img src="./保时捷项目/冉常佑/保时捷首页/imge/3.webp" alt="" />
        <div>
          <a>Porshce Exclusive Manufaktur</a>
        </div>
      </div>
      <div>
        <img src="./保时捷项目/冉常佑/保时捷首页/imge/4.webp" alt="" />
        <div>
          <a>上海保时捷体验中心</a>
        </div>
      </div>
    </div>
    <!-- 尾部制作开始 -->
    <div class="footer_one w"></div>
    <div class="footer_two w">
      <ul class="ul_one">
        <li>
          <ul class="ul_two">
            <li>
              <a href=""><strong>购买支持</strong></a>
            </li>
            <li><a href="">打造您的保时捷</a></li>
            <li><a href="">车型比较</a></li>
            <li><a href="">搜索易手车</a></li>
            <li><a href="">查找经销商</a></li>
          </ul>
        </li>
        <li>
          <ul class="ul_two">
            <li>
              <a href=""><strong>在线服务</strong></a>
            </li>
            <li><a href="">订阅</a></li>
          </ul>
        </li>
        <li>
          <ul class="ul_two">
            <li>
              <a href=""><strong>幕后</strong></a>
            </li>
            <li><a href="">赛车&活动</a></li>
            <li><a href="">参加博物馆</a></li>
          </ul>
        </li>
        <li>
          <ul class="ul_two">
            <li>
              <a href=""><strong>公司</strong></a>
            </li>
            <li><a href="">新闻发布</a></li>
            <li><a href="">保时捷速览</a></li>
            <li><a href="">工作机会</a></li>
            <li><a href="">联系信息</a></li>
            <li><a href="">"Christophorus"杂志</a></li>
          </ul>
        </li>
      </ul>
    </div>
    <div class="footer_three">
      <div class="w">
        <div class="box_one"><strong>更改国家和地区:</strong></div>
        <div class="select">
          <select name="" id="">
            <option value="">选择一个国家</option>
            <option value="">中国</option>
            <option value="">英国</option>
            <option value="">德国</option>
            <option value="">意大利</option>
          </select>
        </div>
        <div class="select">
          <select name="" id="">
            <option value="">选择一个区域</option>
            <option value="">湖北</option>
            <option value="">湖南</option>
            <option value="">广州</option>
            <option value="">北京</option>
          </select>
        </div>
        <div class="footer_four"></div>
        <p>
          <a href=""
            >© 2021 保时捷（中国）汽车销售有限公司 法律声明 English
            沪ICP备10013326号-287</a
          >
        </p>
        <p class="jincha">
          <span
            ><img src="./保时捷项目/冉常佑/保时捷首页/imge/警察图标.png" alt=""
          /></span>
          <a href=""> 沪公网安备 31011502014993号</a>
        </p>
        <p>
          保时捷中国强烈建议您：只在授权的保时捷中心购买车辆和配件。<br />请<a
            href=""
            ><u>点击这里</u></a
          >获得更多信息。
        </p>
        <p>
          <a href=""><u>环保信息公开</u></a>
        </p>
      </div>
    </div>
  </body>
</html>