這是由 Axero、Holistic Webdev：Office Space 贊助的「前端挑戰：Office 版」的投稿
我建造了什麼
我為虛構的「Acme」公司建立了這個響應式內網儀表板。我的核心理念是，儀表板應該是動態的；它不應該是一個枯燥的靜態頁面，使用者已經知道那裡面有什麼內容。
為了增添新鮮感，我加入了一個醒目的歡迎螢幕，上面有一張很酷的辦公室照片、當前天氣和時間。在螢幕下方，我建立了不同的新聞版塊，讓介面更加生動：包括公司和高管的內部動態、學習公告，甚至還有來自外部來源的最新行業新聞。
由於了解您的日程安排非常重要，因此我確保在儀表板上包含「我的日曆」和我的任務部分。
示範
您可以存取此 GitHub Pages 部署以獲得全螢幕體驗：
{% cta https://k0msenapati.github.io/company-intranet/ %} 即時網站 {% endcta %}
⭐ GitHub 倉庫👇
{% 嵌入 https://github.com/k0msenapati/company-intranet %}
旅行
我先從側邊欄和頂部導覽列開始。最棘手的部分是讓它響應式。我很滿意將使用者的個人資料圖示從導覽列移到桌面視圖的側邊欄，感覺更簡潔。
對於主儀表板，我從不同的模板（例如 dribble、axero 等）中汲取靈感，最終確定了這個卡片式佈局。我一層一層地建置，首先找到一張很酷的辦公室照片作為背景。
建立資訊卡片是一件很有趣的事情。使用 Bootstrap 讓一切變得簡單多了。
感謝您的閱讀，期待很快能再次與您聯繫！
關注我以獲取更多類似內容！
原文出處：https://dev.to/k0msenapati/building-a-dashboard-people-actually-want-to-use-5al2
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式