又到了我们每月一次的 Divi Showcase 的时间，我们来看看我们的社区成员制作的十个令人惊叹的 Divi 网站。 每个月我们都会展示从我们社区提交的最佳 Divi 网站，今天我们想与您分享 6 月份的十大网站。 在整篇文章中，我将指出一些我最喜欢的设计功能，这些功能吸引我访问每个网站。
我希望你喜欢他们！
Divi Design Showcase：2020 年 6 月新提交的作品
1.普雷斯顿微笑
本网站由 Christian Mauerer 提交。 英雄部分显示具有打字效果的动画文本，一侧使用精美字体和 CTA，另一侧使用背景图像的主题。 滚动显示一个徽标滑块，显示该公司已在其中看到的媒体。书籍的 CTA 在中间显示在线商店的徽标，箭头指向外边缘和书籍照片。 当您滚动时，书籍会向中心移动。 关于网站所有者的部分在左侧显示一张大照片，在右侧显示信息。 当您向下滚动页面以查看相互重叠的图像库时，照片滚动得更快。 几个部分包括风格化的视频。 我特别喜欢推荐部分，它显示了所有者的大图像、来自 Facebook 的推荐和来自活动的照片。
访问网站
2.WebDevXd
该站点由 Web Dev Xd 的 Steph 提交。 CTA 显示在左侧，在世界地图的背景图像和白色叠加层上带有红色按钮。 全角菜单位于此部分下方，并在您滚动时粘在顶部。 下一部分在一侧显示计算机屏幕内的工作示例，在另一侧显示描述，每个都使用品牌红色和白色。 服务显示在带有红色图标的简介中。 项目部分显示堆叠的图像。 图像缩小，背面的图像在悬停时移动到两侧。 可交付成果部分使用红色背景，带有以白色显示文本和图标的简介。 标题垂直放置在一边。 页脚在红色背景上显示一个帖子滑块和几个小部件。
访问网站
3. 牟尼
本网站由 Lethicia Diniz 提交。 它使用与流派完美匹配的蓝色和绿色颜色和字体样式。 标题显示 CTA 的堆叠按钮。 英雄部分包括一个背景图像，一侧是主题，另一侧是大项目符号。 计划显示为具有不同颜色背景的文本块，可在悬停时放大。 我喜欢用图层构建的全屏 CTA。 它在一侧显示一张照片，一个涵盖后三分之二的标题，在另一侧显示一个好处列表，以及一个与其他两个重叠的大框，蓝色背景和 CTA 本身的图案。 最右侧显示带有背景图案的推荐滑块。 页脚显示两行。 第一个有 CTA 以阅读更多不同颜色和大小的信息、联系信息，然后底行显示小部件。 两行显示在视差背景图案上。
访问网站
4. 萨卡拉
该网站由 Xavier Ferré 提交。 导航菜单垂直显示在左侧，并在您滚动时保持在屏幕上。 英雄部分以大字体显示网站标题，其后是服务列表和可点击的联系人 CTA，另一侧是小图像。 信息以两张具有不同背景颜色和图像位置的大卡片提供。 两者都与下一部分重叠，从上方显示一个更大的风格化篮球场，其设计与前两张卡片相似。 更多卡片遵循这一点，并以一大列文本进行介绍。 本节包括联系表格和合作者名单。 博客文章引入了一个样式化的箭头，当您滚动时会放大到适当的位置。 博客部分还引导读者进入登录表单。
访问网站
5. 缓冲保险
该网站由肖恩·特纳提交。 该网站出色地利用了颜色和图像。 英雄部分显示两个背景图像。 较大的一侧有蓝色覆盖层，较小的一侧有绿色覆盖层。 前景图像放置在两者相遇的地方，并以盾牌的形式放置在背景上。 CTA 放置在另一侧。 前景还包括出现在整个站点中的图案形状。 下一部分在具有相同设计的大框中显示服务。 接下来的两个部分在一侧显示高大的简介，在另一侧显示图像，以交替布局覆盖带有白色或蓝色叠加层的背景图像。 简介显示项目符号。 图像使用与英雄部分相同的盾牌。 全角帖子滑块显示最新帖子的标题和文本。 它还包括一个带有文本链接的大型菜单。
访问网站
6. 库里
该网站由 Anthea A. Ancalade 提交。 英雄部分显示全屏背景图像，中间有一个搜索框，可让您选择位置或使用当前位置。 服务与包含标题和覆盖在 CTA 旁边的图像一起显示。 特色样式显示在 6 列滑块中，包括图像、标题、星级和位置。 滑块包括箭头和点导航。 单击其中一种样式会将您带到其产品页面。 新样式显示在 6 列中，但没有滑块。 博客部分显示最近的两个帖子，并在帖子下方放置一行，并在该行下方添加一个链接以查看更多信息。 博客中的教程分为三列并遵循相同的设计。 它还包括一个带有 6 列和 2 行的 Instagram 提要和一个带有样式电子邮件表单的页脚。
访问网站
7. 典型症
该网站由 Eugenia Janakow 提交。 它在图形中使用了大量的粗体黄色。 标题的创建就像使用标签制作器制作一样，使背景变为黑色，文本变为白色，具有 3D 外观。 CTA 位于菜单的中间。 英雄部分显示一个分屏，左侧是 CTA，右侧是图像。 CTA 使用在滚动和悬停时动画的手绘图形。 有关网站所有者的信息会显示带有 CTA 的圆圈图像，以了解更多信息。 我特别喜欢推荐部分。 它显示来自 Google 的评论，包括星级评分和可点击的图形，可将您带到“关于”页面。 服务显示在简介中，包括大型手绘图形。 博客使用品牌黄色作为元，联系表格使用它作为整个部分的背景。
访问网站
8. 丛林工匠
该网站由 Simone Talamo 提交。 英雄部分显示以主题为中心的全屏图像。 前景显示带有 CTA 和社交按钮的标语。 几个全宽部分遵循类似的设计。 每个部分都有一个锯齿状分隔符，非常适合该类型。 下一部分显示大图像，用于在叠加层中带有文本和图标的信息。 大多数都有深色背景或融入深色背景。 一个用于手册显示书籍封面和文本。 最新的博客帖子将帖子显示为带有框阴影的卡片。 页脚显示产品及其名称、图像、星级和价格。 课程页面遵循相同的设计，并添加了倒数计时器和样式切换。
访问网站
9. KWALT 数字
该网站由 Nicolas Peigner 提交。 这个网站有很多有趣的动画、样式化的文本、图形和箭头。 黄色被用作品牌颜色，并以创造性的方式使用。 英雄部分在一侧显示具有打字效果的文本。 一个酒吧位于此下方并列出服务。 右侧是几个独立的图形元素，它们悬停并响应光标。 下一部分显示一个标题，一侧带有动画图形，另一侧带有简单的 CTA。 最新作品紧随其后，展示了不同颜色和图案背景的作品截图。 解释好处的部分将带有双色图标的宣传语放在一侧。 图像位于另一侧，将读者引向简介。 一个简单的推荐滑块放置在深灰色背景上以突出显示。
访问网站
10. Exploruns
该网站由 Ava Charpentier 提交。 它使用大量棕褐色作为品牌颜色。 顶部栏在滚动时消失，徽标与标题和英雄部分重叠，标题包括悬停动画。 主图像显示标题、描述和下订单按钮。 另一个图像以真实视差放置在英雄图像上作为窗口。 信息以带有自定义图形的简介显示。 产品在产品图片顶部后面显示为背景颜色。 博客部分使用了类似的背景设计。 阅读有关该公司的 CTA 会在一侧显示文本，在另一侧显示图像。 推荐书以卡片形式呈现，顶部带有白色背景的引号，底部带有棕褐色背景的名称。 该网站还包括一个 Instagram 提要和一个带有悬停动画的自定义页脚。
访问网站
结束时
这是我们 6 月份提交的 10 个最佳社区 Divi 网站。 这些网站看起来很棒，我们一如既往地感谢大家的提交！
如果您想考虑自己的设计，请随时通过优雅主题 dot com 给我们的编辑发送电子邮件至 nathan。 请务必将电子邮件的主题设为“DIVI SITE SUBMISSION”。
我们也希望在评论中收到您的来信！ 告诉我们您喜欢这些网站的哪些方面，如果他们做了什么，您希望我们在博客上教授。
特色图片来自 domonku / shutterstock.com
