- https://www.doubao.com/
- gen assets from https://www.doubao.com/ using AI tool
- prompt :
vacation on beach side with palm trees 金色阳光穿透蓝色海面洒落，自然浪漫主义，参考爱德华·霍普冷静孤独光感，比例 「4:3」for hero image - https://favicon.io/favicon-generator/ for favicon
- create .gitignore file
./img/*.* .Ds_Store- git init
- create index.html a. include cdn link for fontawesome b. include favicon
- create style.css inside css folder
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css"
integrity="sha512-DxV+EoADOkOygM4IR9yXP8Sb2qwgidEmeqAEmDKIOfPRQZOWbXCzLC6vjbZyy0vPisbH2SyW27+ddLVCN+OMzQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/style.css" />
<title>Document</title>
</head>
<body></body>
</html>- cut the layout into sections
- copy navbar from hamburger.html
- add icon-menu section
- goto fontawesome pick up icons