<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首页</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- 新 Bootstrap5 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
<style>
.img-responsive {
width: 100%;
height: 180px;
}
.carousel-inner img {
width: 100%;
height: 350px;
}
@media screen and (max-width: 539px) {
.container{
width: 100%;
}
}
</style>
</head>
<body>
<form method="post" action="" id="form1">
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom ">
<a href="index.aspx"
class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<svg class="bi me-2" width="40" height="32">
<use xlink:href="#bootstrap"></use>
</svg>
<span class="fs-4">Logo</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="index.html" class="nav-link active">首页</a></li>
<li class="nav-item"><a href="ShoppingCart.html" class="nav-link">购物车</a></li>
<li class="nav-item"><a href="Order.html" class=" nav-link">订单中心</a></li>
<li class="nav-item"><a href="User_page.html" class=" nav-link">个人中心</a></li>
</ul>
</header>
<div class="container">
<!-- 轮播 -->
<div id="runbo" class="carousel slide" data-bs-ride="carousel">
<!-- 指示符 -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#runbo" data-bs-slide-to="0" class=""></button>
<button type="button" data-bs-target="#runbo" data-bs-slide-to="1" class="active"
aria-current="true"></button>
<button type="button" data-bs-target="#runbo" data-bs-slide-to="2"></button>
</div>
<!-- 轮播图片 -->
<div class="carousel-inner">
<div class="carousel-item">
<img src="./img/4.jpg" class="d-block">
</div>
<div class="carousel-item active">
<img src="./img/10.jpg" class="d-block">
</div>
<div class="carousel-item ">
<img src="./img/3.jpg" class="d-block">
</div>
</div>
<!-- 左右切换按钮 -->
<button class="carousel-control-prev" type="button" data-bs-target="#runbo"
data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#runbo"
data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
<h4 class="pt-2 pb-1">商品信息</h4>
<div class="row ">
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/1.jpg" alt="" class="img-responsive">
<div class="caption">
<h4>榨汁机</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥561</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/2.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>化妆品</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥538</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/3.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>i</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥582</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/4.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>i</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥525</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/5.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>i</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥881</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/6.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>i</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥551</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/7.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>i</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥941</div>
<div class="col-5 ">
<a href="ShoppingCart.html"
class="btn btn-primary text-right">加入购物车</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 mb-3">
<div class="thumbnail">
<img src="./img/8.jpg" alt="..." class="img-responsive">
<div class="caption">
<h4>i</h4>
<p style="color:red;">i是一个非常好用的一个产品，经济实惠！</p>
<div class="row">
<div class="col-7 text-primary pt-1">￥62
20220614_h5.rar （14个子文件） 
20220614_h5 css 
ShoppingCart.html 3KB img 
5.jpg 4KB 3.jpg 19KB 8.jpg 25KB 4.jpg 10KB 9.jpg 16KB 2.jpg 23KB 10.jpg 13KB 1.jpg 80KB 6.jpg 26KB 7.jpg 5KB Order.html 2KB js index.html 9KB User_page.html 3KB
要天天向上啊
- 粉丝: 0
- 资源: 1
最新资源
- 神经网络 使用手写字数据集 实现分割任务 CNN
- 基于maxwell的4极6槽 内转子 11000rpm 输出转矩 156mNm 效率85% 180W 外径 48mm 内径27 轴向长度30mm 直流母线36V 永磁同步电机（永磁直流无刷）模型
- FPGA开发：SDRAM驱动代码，使用串口向sdram写数据，数据环回后被SDRAM送回到串口进行输出，中间使用FIFO进行跨时钟域处理，所用开发板DE2-115，SDRAM型号IS42S16320D
- ZTE C600&C620&C650命令参考
- python-workspace.zip.006
- FX5U FX40SSC 程序 FX5U FX 40SSC运动控制模块程序块 自己整合的针对FX 40SSC模块的功能块，支持点动故障码 状态码 相对定位 绝对定位 直接1指定轴号就可以
- 汽车二、三自由度模型 汽车二、三自由度模型 本人用了三种不同方法搭的汽车线性二自由度simulink模型，文档里包含有具体的车辆数值 适合初学者学习simulink使用(ps.模型输入为前轮转角，输出
- KUKA机器人码垛程序备份
- dbstudio-3.8.5.102.win64 神通数据库连接工具
- 开源TVBox影视盒子 小苹果影视盒子V1.5.7 2025新版
- 基于国产M0核MCU平台，全开源双电阻采样FOC高压 风机量产程序，包含龙博格电机观测器，SVPWM，顺逆风启动，五段式与七段式调制等源码，完全可以移植到别的MCU平台 适合电机算法研究
- 交替迭代法 matlab 无功优化 通过含固态变压器的无功优化算法，形成交替迭代潮流计算，最终计算出符合预期的电压曲线，程序方法包括包括牛拉法 前推回代等，参考性强
- 综合能源耦合微网优化程序matlab 程序基于冷热电联供综合能源耦合模型，采用cchp，并且含有压缩空气储能，采用粒子群优化求解
- DataGrip 2021.3 数据库连接工具
- 考虑碳交易的微网优化模型matlab
- FreeRTOS 是一款开源的、可抢占式的实时操作系统.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0