<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>照片旋转滑动展示</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="container">
<!-- 按这种格式我写了 15 组,大家可以按自己内容有所调整 -->
<section class="background">
<div class="content-wrapper">
<p class="content-title">照片展示</p>
<p class="content-subtitle">(文字、图片请自行调整)</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">芒果</p>
<p class="content-subtitle">芒果最早是在5000多年前在印度种植。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">蓝莓</p>
<p class="content-subtitle">蓝莓被北美土著人称为“星果”,因为蓝莓开花端形成的五角星形。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">菠萝</p>
<p class="content-subtitle">菠萝含有菠萝蛋白酶,菠萝蛋白酶能分解菠萝本身的蛋白质,所以你可以用菠萝来嫩肉。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">覆盆子</p>
<p class="content-subtitle">在曾经的土耳其国度,特洛伊人是第一个注意到欣赏树莓果实。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">草莓</p>
<p class="content-subtitle">从技术上讲,草莓内部有种子,而且它们不是来自一个子房,所以草莓实际上是一组完全属于它们自己的。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">橘子</p>
<p class="content-subtitle">橙子大约起源于公元前4000年的东南亚,然后传播到印度。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">西瓜</p>
<p class="content-subtitle">有趣的事实:西瓜既是水果又是蔬菜。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">鳄梨</p>
<p class="content-subtitle">鳄梨和肉桂属于同一科。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">青柠</p>
<p class="content-subtitle">19世纪,英国水手用青柠和柠檬来预防坏血病。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">樱桃</p>
<p class="content-subtitle">你知道樱桃树七秒钟就能收获吗?</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">香蕉</p>
<p class="content-subtitle">香蕉的学名是 musa sapientum,意思是“智者之果”</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">梨</p>
<p class="content-subtitle">梨是玫瑰家族的一部分。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper">
<p class="content-title">桃子</p>
<p class="content-subtitle">美国每年种植19亿磅的桃子。</p>
</div>
</section>
<section class="background">
<div class="content-wrapper last-wrap">
<p class="content-title last-title">感谢使用</p>
<p class="content-subtitle">请自行改变成需要的内容~</p>
</div>
</section>
</div>
<!-- partial -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script><script src="./script.js"></script>
</body>
</html>