这是一个名为UDG联创设计的网页。该网站的HTML和CSS代码如下：
HTML部分：
<html>
<body>
<div class="swiper-container">
<!-- Slides -->
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</body>
</html>
CSS部分：
html, body {
position: relative;
height: 100%;
}
html {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
body {
background: #eee;
width: 100%;
height: 100%;
overflow-y: auto;
}
.swiper-container {
width: 100%;
height: calc(100vh); /*height: calc(100vh - 3px);*/
min-height: 500px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: white; /* Center slide text vertically */
display: flex; /* This centers the content vertically */
justify-content: center; /* This centers the content horizontally */
}
这个网站使用了Swiper.js库，它是一个流行的滑动视图插件，用于创建幻灯片和滑动组件等。以上代码中，.swiper-container定义了整个滑动容器的大小和位置，.swiper-slide定义了每个滑动项的大小、文本对齐方式和背景色。通过使用CSS Flexbox布局，可以垂直居中内容，并在水平方向上也居中内容。
