chemisearch

化學研究

這是一個名為 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 授權的許可