这是一个名为 Chemisearch 的搜索引擎,您可以在其中搜索销售这些产品的公司:
该项目是巴西化学品的在线目录,您可以在这里找到所有要求。您可以在此链接中找到视频演示。
在这个项目中,我构建了:
主页,通过单击导航栏中的“搜索”按钮或“公司”链接可链接到结果页面;
搜索结果页面,包含化学公司列表,每个公司都有详细公司页面的链接;
详细公司页面。
每个页面都有针对 3 种不同屏幕尺寸的版本:
移动设备:最大 768 像素;
平板电脑:最大 1024 像素;
桌面:1024px 以上。
我遵循给定设计的指导原则,包括:
颜色;
版式:字体、大小和粗细(根据设计使用类似的字体);
布局:对于 3 个给定的屏幕尺寸,元素之间的组合和空间。
在这个项目中我:
使用语义 HTML 标签;
正确使用 CSS 选择器;
使用 HTML 元素框模型(margin、padding、width、height);
使用行业标准工具(flexbox)在页面中放置元素;
使用媒体查询创建适应不同屏幕尺寸的 UI;
应用前端最佳实践;
使用CSS网格和flexbox;
使用SASS。
此页面显示了巴西化学产品的搜索引擎。
HTML、CSS 和 SASS。
点击查看直播网页
您将被重定向到一个网页,您可以在其中开始搜索销售您想要的化学产品的公司。您可以按名称、州、距离和价格范围优化搜索。此外,当您单击搜索按钮时,将显示您所选公司的基本信息。
穆里洛·罗克·派瓦·达席尔瓦
Github:@MuriloRoque
推特:@MuriloRoquePai1
领英:MuriloRoque
欢迎贡献、问题和功能请求!开始于:
分叉项目
将项目克隆到本地计算机
cd
进入项目目录
运行git checkout -b your-branch-name
做出你的贡献
将您的分支推送到分叉存储库
打开一个包含详细描述的 Pull Request 到原始项目的开发分支进行审查
如果您喜欢这个项目,就给个️吧!
原始设计归功于 Mathew Njuguna、Sam Achola 和 Kevin Mutua,原始设计
原始设计已获得 Creative Commons 4.0 许可证的许可