spot_img
HomeDivi主题使用教程10 个具有炫酷投资组合页面的 Divi 网站

10 个具有炫酷投资组合页面的 Divi 网站

投资组合页面是任何提供服务的人最重要的页面之一。 它不仅展示了您所做的工作类型,还向访问者展示了您的专业水平和与您合作过的客户。 投资组合页面可以设计成多种不同的方式。 在本文中,我们将了解 11 个 Divi 网站,这些网站具有很酷的投资组合页面,以帮助激发您的下一个 Divi 设计。

投资组合页面通常包括标准投资组合、过滤器投资组合或全角投资组合模块。 但是,还有其他方法可以显示您的投资组合。 有些人使用图像、简介或图库等元素构建作品集。 当然,这必须在页面布局中运行良好。 我们将看到每个例子。

我将展示我喜欢的部分的图像并讨论我喜欢它的地方。 这些网站没有特定的顺序。 坚持到最后几个链接,以帮助您使用 Divi 升级自己的投资组合页面。

1. 博恩创意

10 个具有炫酷投资组合页面的 Divi 网站

该站点显示了一个服务列表,这些服务在英雄部分的切换中打开,然后是全角部分以显示报价。 投资组合部分在左侧显示服务类别、客户名称和客户描述,在右侧显示项目图像。 每个投资组合项目都由一个细分隔线分隔。 网站示例包括查看实时网站的链接。

谷歌SEO优化服务

查看网站

2.圆钉

10 个具有炫酷投资组合页面的 Divi 网站

该网站在三列中显示投资组合项目,并在单列中包含一个部分。 三列部分在每个项目的图像上叠加了一个白色的客户徽标。 底角的白色线条图标显示项目的类别。 单列部分显示项目的图像,在图案背景上带有文本和按钮。 在第三部分下,它提供了在每个类别中查看更多内容的链接。

查看网站

3. Leo 侯腾

10 个具有炫酷投资组合页面的 Divi 网站

WordPress divi主题

此页面将投资组合项目放置在多列布局中,图像之间没有空格。 将鼠标悬停在其中任何一个上,都会显示图像上的蓝色覆盖层和底部的框,显示项目的名称和类别。 投资组合包括两列和三列,并交替布局。 图像使用不同的背景,并在不同类型的设备上显示项目的图像。 这个网站很好地使用了颜色。

查看网站

4. Studinger 媒体图形

10 个具有炫酷投资组合页面的 Divi 网站

该站点介绍了带有公司徽标、名称和页面标题的投资组合页面,背景图像优雅,仅通过单色覆盖层勉强显示。 投资组合部分使用带样式的按钮进行筛选,并在三列网格中显示项目。 悬停旋转图像并提供链接。 该页面还包括号召性用语、联系表和带有二维码的显眼页脚以及与网站品牌相匹配的社交关注按钮。

查看网站

5. 凯瑟琳克利夫

10 个具有炫酷投资组合页面的 Divi 网站

此投资组合页面显示全屏图像,其中标题和描述以视差叠加。 滚动显示一个文本部分,其中包含项目的名称和位置以及相关人员的姓名。 接下来是一个画廊,其中包括全屏图像和三列网格。 其他项目遵循类似的模式,图像显示在两列或三列网格中。

查看网站

6.超神网页设计

10 个具有炫酷投资组合页面的 Divi 网站

这一个为每个项目编号并显示一个图像,其中包括公司徽标和提供的服务、带有手写字体的项目标题、项目的简短描述以及实时查看项目的按钮。 标题文本、边框和按钮颜色与网站的品牌相匹配。 接下来是在线预订应用程序的 CTA。

H10的年终大促

查看网站

7. 获取网页设计

10 个具有炫酷投资组合页面的 Divi 网站

此投资组合页面加载类似于 Pinterest 的项目图像。 它们显示在 4 或 5 列网格中(取决于您的屏幕尺寸和缩放级别)。 将鼠标悬停在任何项目上都会显示一个放大镜。 单击此按钮可在灯箱中打开图像。 许多图像是网站的完整布局,而其他图像是英雄区域。

查看网站

8.资本营销数字

10 个具有炫酷投资组合页面的 Divi 网站

这个投资组合页面显示了一个全宽图像,其中包含标题、标语和按钮,带有与网站品牌颜色相匹配的有趣边框。 滚动显示三列网格中过滤后的投资组合。 投资组合以单色显示客户的徽标,悬停时以彩色显示。 它们还包括客户的姓名和提供的服务。 左侧的行以横向文本显示社交网络的名称。 他们留在屏幕上滚动。

查看网站

9. 强大的狐狸

10 个具有炫酷投资组合页面的 Divi 网站

此页面采用全宽背景、深色覆盖层和优雅的字体来显示页面标题。 过滤后的投资组合以单色显示客户的徽标。 将鼠标悬停在任何项目上都会从鼠标来自的方向带来覆盖。 叠加层显示公司的名称和提供的服务以及实时查看项目的链接。 接下来是 CTA,一个两栏部分,带有视差背景图像和推荐滑块、社交关注按钮和 Instagram 提要。

查看网站

高质量外链购买

10. 和歌

10 个具有炫酷投资组合页面的 Divi 网站

这是为移动优先开发的。 该页面介绍了一个很大的部分,其中包含标题和描述的超大文本。 滚动时,行情显示在页面底部并保留在屏幕上的这个位置。 当您将鼠标悬停在图像上时,光标会变成一个大箭头并变成一只大手。 项目显示在两列中。 该页面还包括服务列表、联系表和新闻通讯选择加入。 页脚显示在滚动条上,并显示通过文本剪切部分显示的视频。

查看网站

结束的想法

这就是我们对 11 个 Divi 网站的看法,这些网站具有很酷的投资组合页面,可以帮助您激发您的下一个 Divi 网站。 ET 博客上有很多文章专门关注投资组合或元素,例如简介、图像或图库。

这里仅仅是少数:

JasperAI 10000字免费额度试用

我们希望收到你的来信。 您最喜欢以下哪些具有出色投资组合页面的网站? 让我们在评论中知道。

特色图片来自 Graphic farm / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES