/Chrome-NewPage

a static webpage using Tailwind CSS to mimic Google Chrome's new pagination

Primary LanguageHTML

Chrome-NewPage

image

此網頁為模仿 Google Chrome 新分頁的網頁切版練習

畫面

  • Search Suggestions
    image
  • App Menu
    image
  • Mobile View
    image

安裝

以下將會引導你如何安裝此專案到你的電腦上。

請先安裝 Node.js，Node.js 版本建議為：18.12.0 以上

取得專案

git clone https://github.com/linyawun/Chrome-NewPage.git

移動到專案內

cd Chrome-NewPage

安裝套件

npm install

運行專案

npm start

開啟專案

在瀏覽器網址列輸入以下即可看到畫面

http://localhost:8000/

資料夾說明

  • public - 靜態檔案放置處
    • assets - 圖片放置處
    • css - css 樣式放置處

專案技術

  • tailwindcss v3.3.3
  • serve v14.2.1

聯絡作者

你可以透過以下方式與我聯絡