master

分支 (2)

管理

管理

master

day03测试

a1
/
meishi.html

<!DOCTYPE html>
<html lang="en">

<head>
  <title>美食</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="./index.css">
  <link rel="stylesheet" href="./Bootstrap/bootsrap5/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <style>
  </style>
</head>

<body>
  <div class="cebianlan">
    <ul>
      <li class="cebianlan_1"><span>首页</span><a href="./index.html" class="iconfont icon-shouye"></a></li>
      <li class="cebianlan_4"><span>顶部</span><a href="#aa2" class=" iconfont icon-dingbu"></a></li>
      <li class="cebianlan_2"><span>中间</span><a href="#last" class=" iconfont icon-xiangxia"></a></li>
      <li class="cebianlan_3"><span>评论</span><a href="#aa" class=" iconfont icon-dibudaohang"></a></li>
    </ul>
  </div>
  <!-- 头部部分 -->
  <div class="container-fluid home1  row ">
    <a class="shiyan col-5" href="javascript:;">
        <div class="logo" style="width: 60%;">
            <img src="./tupian/cenxi2.png" style="width: 40%;">
            <span style="font-size: 2.5vw;">岑溪</span>
        </div>
    </a>

    <div class="flex-grow-1 ab col shiyan3 ">
        <img src="./tupian/toxiang.jpg" alt="" class="toxiang " style="width: 15%;">
    </div>

    <!-- <a class="" href="#" style="display:inline"><img src="./tupian/cenxi20221025164859.png" style="height: 100%;"></a> -->
</div>
  <!-- 主体部分 -->
  <div class="home container ">
    <!-- 导航栏 -->
    <div class="row daohang" style="width:100%; margin: auto">
      <a href="./index.html" class="col daohang1" style="background-color: #FF7F50">首页</a>
      <!-- <div class=" col daohang1" ><a href="./b.html">首页</a></div> -->
      <a href="./fengsu.html" class="col daohang1" style="background-color: #cc6600;">风俗</a>
      <a href="./meishi.html" class="col daohang1" style="background-color: #3399ff;">美食</a>
      <a href="./历史发展.html" class=" col daohang1" style="background-color:#cc3333;">历史发展</a>
      <a href="./店铺.html" class=" col daohang1" style="background-color: #cc6600;">店铺</a>
      <a href="./注册登陆页面.html" class=" col daohang1" style="background-color: #3399ff;">注册/登录</a>
    </div>
    <!-- 首页对应的内容 -->
    <div class="content1 container row  ">
      <div style="width: 80%; margin: auto;" class="content2" id="aa2">
        <div id="demo" class="carousel slide" data-bs-ride="carousel">
          <!-- Indicators/dots -->
          <div class="carousel-indicators">
            <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="3"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="4"></button>
            <button type="button" data-bs-target="#demo" data-bs-slide-to="5"></button>
          </div>

          <!-- The slideshow/carousel -->
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="./cenxi/meishi/排骨.jpg" alt="Shanghai" class="d-block" style="width:100%">
              <div class="carousel-caption">
                <h3>香辣猪手</h3>
                <p>Spicy pig hands</p>
              </div>
            </div>
            <div class="carousel-item ctive">
              <img src="./cenxi/meishi/麻婆豆腐.jpg" alt="Beijing" class="d-block" style="width:100%">
              <div class="carousel-caption">
                <h3>麻婆豆腐</h3>
                <p>Mapo tofu</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./cenxi/meishi/小炒肉.jpg" alt="Wuhan" class="d-block" style="width:100%">
              <div class="carousel-caption">
                <h3>小炒肉</h3>
                <p>Small stir-fried meat</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./cenxi/meishi/红烧丸子.jpg" alt="Wuhan" class="d-block" style="width:100%">
              <div class="carousel-caption">
                <h3>红烧丸子</h3>
                <p>Braised meatballs</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./cenxi/meishi/清汤鸡.jpg" alt="Wuhan" class="d-block" style="width:100%">
              <div class="carousel-caption">
                <h3>清汤鸡</h3>
                <p>Clear soup chicken</p>
              </div>
            </div>
            <div class="carousel-item">
              <img src="./cenxi/meishi/水煮三黄鸡.jpg" alt="Wuhan" class="d-block" style="width:100%">
              <div class="carousel-caption">
                <h3>水煮三黄鸡</h3>
                <p>Boil three yellow chicken</p>
              </div>
            </div>
          </div>

          <!-- Left and right controls/icons -->
          <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
            <span class="carousel-control-prev-icon"></span>
          </button>
          <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
            <span class="carousel-control-next-icon"></span>
          </button>
        </div>
        <!--定义一个类-->
        <h2 style="margin-top: 20px;">岑溪美食</h2>
        <a href="#aa">跳到底部最下面</a>
        <p>岑溪是“中国古典三黄鸡之乡”，无鸡不成宴，肉白皮黄、骨酥肉嫩、味道鲜美的三黄鸡早已闻名遐迩，引无数吃货竟折腰。
          三黄鸡的做法以水蒸鸡、白斩鸡为主，卖相诱人，口感爽滑，香而不腻，无论家常还是宴席，都是主打美食，不可或缺。</p>
        <div class="hezi"><img src="./tupian/cenximeishi1.jpg" alt="" class="picture3"></div>
        <div class="hezi"><img src="./cenxi/meishi/水煮三黄鸡.jpg" alt="" class="picture3"></div>
        <div class="hezi"><img src="./cenxi/meishi/三黄鸡3.jpg" alt="" class="picture3"></div>
        <p>据说白斩狗和石磨米粉是最搭的了，是众多米粉店的招牌菜，传说中“闻到狗肉香，佛爷也跳墙”哈。岑溪白
          斩狗的独到之处在于，皮与肉之间总是藕断丝连的，以禾杆烧烘为特色，而且色香味美俱全，令人垂涎欲滴，胃口大开。</p>
        <div class="hezi_3" id="last">
          <div class="hezi3"><img src="./cenxi/meishi/石磨米粉4.jpg" alt="" class="picture4"></div>
          <h5>清汤鸡</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./tupian/cenximeishi2.jpg" alt="picture4" class="picture4"></div>
          <h5>香辣猪手</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/石磨米粉5.jpg" alt="picture4" class="picture4"></div>
          <h5>内酱豆腐</h5>
        </div>
        <!-- <div class="row">
          <div class="col hezi_2">
            <div class="hezi2">
              <img src="./cenxi/meishi/石磨米粉4.jpg" alt="" class="picture4">
            </div>
            <div>
              <h5>石磨米粉</h5>
            </div>
          </div>
          <div class="col hezi_2">
            <div class="hezi2">
              <img src="./tupian/cenximeishi2.jpg" alt="" class="picture4">
            </div>
            <div>
              <h5>石磨米粉</h5>
            </div>
          </div>
          <div class=" col hezi_2">
            <div class="hezi2">
              <img src="./cenxi/meishi/石磨米粉5.jpg" alt="" class="picture4">
            </div>
            <div>
              <h5>石磨米粉</h5>
            </div>
          </div>
        </div> -->
        <p>当然，还有很多美食</p>

        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/清汤鸡.jpg" alt="" class="picture4"></div>
          <h5>清汤鸡</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/排骨.jpg" alt="picture4" class="picture4"></div>
          <h5>香辣猪手</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/内酱豆腐.jpg" alt="picture4" class="picture4"></div>
          <h5>内酱豆腐</h5>
        </div>

        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/客家碌鹅.jpg" alt="" class="picture4"></div>
          <h5>客家碌鹅</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/芋头粉蒸肉.jpg" alt="picture4" class="picture4"></div>
          <h5>芋头粉蒸肉</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/猪肚莲子鸡汤.jpg" alt="picture4" class="picture4"></div>
          <h5>猪肚莲子鸡汤</h5>
        </div>

        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/奶白茶.jpg" alt="" class="picture4"></div>
          <h5>奶白茶</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/桑吉生莲子蛋茶.jpg" alt="picture4" class="picture4"></div>
          <h5>桑吉生莲子蛋茶</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/炸萝卜素丸子.jpg" alt="picture4" class="picture4"></div>
          <h5>炸萝卜素丸子</h5>
        </div>

        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/炸麻叶.jpg" alt="" class="picture4"></div>
          <h5>炸麻叶</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/糖三角.jpg" alt="picture4" class="picture4"></div>
          <h5>糖三角</h5>
        </div>
        <div class="hezi_3">
          <div class="hezi3"><img src="./cenxi/meishi/萝卜酿肉.jpg" alt="picture4" class="picture4"></div>
          <h5>萝卜酿肉</h5>
        </div>


        <p>请发表你的看法吧！</p>
        <div class="pinglun row" id="aa" style="width: 80%; text-align: left; margin: auto; ">
          <div class=" box3"><textarea rows="1" class="liuyan" style="width: 90%;"></textarea> <button
              class="fabu">发布</button></div>
          <ul class="ul">
          </ul>
        </div>
        <P></P>
        <P></P>
      </div>
    </div>
  </div>
  <script src="./Bootstrap/bootsrap5/dist/js/bootstrap.bundle.min.js"></script>
  <script src="./index.js"></script>
</body>

</html>