目录
一.前言
二.预览
三.下载链接
一.前言
这是一个慈善网站的页面。页面包含了导航栏、横幅部分、关于、使命、新闻、活动、捐赠和页脚等不同的部分。该网站还包含了一些CSS样式和JavaScript脚本来实现交互和样式效果。
这个网站的具体结构如下:
- 导航栏部分:位于页面顶部,包含了网站的Logo和若干导航链接,如Home、About、Donate、News、Contact Us和Our Mission。
- 横幅部分:位于页面顶部以下,是一个轮播图,展示了多个慈善项目的图片和简要描述。每个项目都有一个标题、描述和一个查看更多的按钮。
- 联系捐赠部分:位于横幅部分下方,包含了一个文本输入框和一个发送按钮,用于用户填写姓名、邮箱和电话,并发送捐赠请求。
- 捐赠项目部分:位于联系捐赠部分下方,展示了三个捐赠项目,每个项目包含一个图标、标题和描述,以及一个"Join Now"的按钮。
- 关于部分:占据了整个屏幕宽度的一行,左侧是一个关于慈善机构的文本描述,右侧是一个显示慈善机构图片的区域。
- 使命部分:占据了整个屏幕宽度的一行,包含了一个标题和描述,介绍了慈善机构的使命。
- 新闻部分:占据了整个屏幕宽度的一行,包含了一个标题和描述,介绍了慈善机构的最新消息。
- 活动部分:占据了整个屏幕宽度的一行,包含了两个活动项目,每个项目包含一个图片、日期和描述,以及一个"Read More"和"Donate Now"的按钮。
- 捐赠者评价部分:位于页面底部,展示了几个捐赠者的评价,包含了捐赠者的姓名和评价内容。
- 页脚部分:位于页面底部,包含了慈善机构的Logo、导航链接、社交媒体图标和订阅输入框。
总体来说,这个网站的设计简洁明了,通过不同的部分介绍了慈善机构的相关信息,并提供了捐赠和参与的途径。