here
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background-color: #f8fafc;
}
.markdown-body {
--markdown-radius: 20px;
--markdown-text: #333;
--markdown-title: hotpink;
--markdown-line-height: 2;
padding: 0 6rem;
}
</style>
</head>
<body>
<section class="container">
<div class="slider-wrapper">
<div class="slider">
<img id="slide-1" src="https://files.readme.io/eb7b6b5-Screenshot_2023-10-03_at_5.14.24_AM.png" alt="Image 1" class="active" />
<img id="slide-2" src="https://files.readme.io/1b184e8-Screenshot_2023-10-03_at_5.14.59_AM.png" alt="Image 2" />
<img id="slide-3" src="https://files.readme.io/a8c1d65-Screenshot_2023-10-03_at_5.16.23_AM.png" alt="Image 3" />
<img id="slide-4" src="https://files.readme.io/35bf3ff-Screenshot_2023-10-03_at_5.17.35_AM.png" alt="Image 4" />
<img id="slide-5" src="https://files.readme.io/6c40fa0-Screenshot_2023-10-03_at_5.17.58_AM.png" alt="Image 5" />
<img id="slide-6" src="https://files.readme.io/f6d3680-Screenshot_2023-10-03_at_5.18.21_AM.png" alt="Image 6" />
<img id="slide-7" src="https://files.readme.io/1ded817-Screenshot_2023-10-03_at_5.18.35_AM.png" alt="Image 7" />
</div>
<div class="slider-nav">
<a href="#slide-1" class="nav-item"></a>
<a href="#slide-2" class="nav-item"></a>
<a href="#slide-3" class="nav-item"></a>
<a href="#slide-4" class="nav-item"></a>
<a href="#slide-5" class="nav-item"></a>
<a href="#slide-6" class="nav-item"></a>
<a href="#slide-7" class="nav-item"></a>
</div>
</div>
</section>
</body>
</html>
here we go
there is two or threee stuffUpdated about 1 month ago