This is a large portfolio piece of creating a multi-page website hosting flower images and facts using vanilla HTML, CSS and JS. In addition, I have used Bootstrap on each page discussing the flowers and the About Me page. The only vanilla JS I used is for making the clock on the homepage. I've learned a lot from creating this website and had a lot of fun in making it.

Enjoy!

Source materials that I've used:

Images from Freepik:

https://www.freepik.com/free-photo/white-lily-garden-field_1131258.htm#fromView=keyword&page=1&position=0&uuid=b390eb49-3e2e-44b4-abb2-16a7813a14ee&query=Lily+Field

https://www.freepik.com/free-photo/pretty-macro-blue-flower_12558893.htm?log-in=google#fromView=keyword&page=3&position=0&uuid=c4cc2d40-8b09-4b62-99c4-7587d10dda9f&query=Moon+Flower

https://www.freepik.com/free-photo/white-lily-garden-field_1131258.htm#fromView=search&page=1&position=0&uuid=5dd39830-0831-4532-ab0c-22ff90916145&query=white+lilly+garden

https://www.freepik.com/free-photo/selective-focus-shot-irises-garden-daytime_10582831.htm#fromView=search&page=1&position=1&uuid=ae5f387a-fb7f-45fc-a6c1-25b41ac83851&query=irises+garden

https://www.freepik.com/free-photo/pretty-macro-blue-flower_12558897.htm#fromView=search&page=1&position=9&uuid=4cd7258a-cefd-4115-a7cd-ce5aacb082ab&query=macro+blue+flower

Sources from FlatIcon:

https://www.flaticon.com/free-icons/rose

https://www.flaticon.com/free-icons/iris

https://www.flaticon.com/free-icons/tulip

https://www.flaticon.com/free-icons/lotus

https://www.flaticon.com/free-icons/flower

Sources from Unsplash.com:

https://unsplash.com/photos/pink-roses-bloom-with-water-drops-ptgjRj9-lD8

https://unsplash.com/photos/closeup-photo-of-white-6-petaled-flower-0KLPrQNEnQ4

https://unsplash.com/photos/pink-and-white-flowers-with-green-leaves-TXmV4YYrzxg

https://unsplash.com/photos/assorted-flowers-0MEda5JdPTo

https://unsplash.com/photos/white-lotus-flower-in-bloom-Hqa-Ymae0k0

https://unsplash.com/photos/a-close-up-of-a-white-flower-with-green-leaves-in-the-background-TqxQ1I5zgSo

https://unsplash.com/photos/bed-of-red-roses-in-bloom-dv7cSiHurKM

https://unsplash.com/photos/a-close-up-of-a-bunch-of-red-roses-dulCUlygT6M

https://unsplash.com/photos/pink-and-white-flowers-with-green-leaves-RejmZhrW8f4

https://unsplash.com/photos/shallow-focus-photography-of-red-flower-dZ3YRMco4XU

https://unsplash.com/photos/shallow-focus-photography-of-red-roses-_VDrIUJai58

https://unsplash.com/photos/a-group-of-flowers-dK3HRaJEax8

https://unsplash.com/photos/selective-focus-photography-of-pink-flower-CIFXXg_kjw8

https://unsplash.com/photos/a-field-full-of-purple-flowers-in-the-grass-Py4-xlAD6ao

https://unsplash.com/photos/purple-and-white-petaled-flower-YwqHjtCBgwE

https://unsplash.com/photos/assorted-flowers-eHlVZcSrjfg

https://unsplash.com/photos/close-up-photo-of-orange-and-pink-tulips-jLZVBAICew0

https://unsplash.com/photos/pink-tulips-in-bloom-during-daytime-WTeZkGde4Cs

https://unsplash.com/photos/purple-tulips-beside-window-ZlQM9GikNGI

https://unsplash.com/photos/pink-tulips-in-pink-background-5DETBuxZh3M

https://unsplash.com/photos/pink-tulips-in-bloom-close-up-photo-rRXQ_5kKiHc

https://unsplash.com/photos/pink-lotus-flower-lEIwlnXnq00

https://unsplash.com/photos/waterlilies-during-daytime-BekDDAMRdTY

https://unsplash.com/photos/white-flower-with-green-leaves-VYnfRLhV09Q

https://unsplash.com/photos/lotus-flower-P6UPoAB7Q9s

https://unsplash.com/photos/a-pink-water-lily-in-a-pond-with-lily-pads-whg6U_7vh5s

https://unsplash.com/photos/a-group-of-flowers-pdJeZ5JP-2U

https://unsplash.com/photos/a-close-up-of-a-flower-with-a-blurry-background-hq63bMu3QdE

https://unsplash.com/photos/a-close-up-of-a-white-flower-on-a-black-background-K8Cz6ePeUi0

https://unsplash.com/photos/a-close-up-of-a-white-flower-with-green-leaves-in-the-background-TqxQ1I5zgSo

https://unsplash.com/photos/macro-photography-of-water-drops-on-purple-flower-dcTCA2TjOwE

Other creators with images where the links cannot be found:

Colin Watts (purple flowers)

Anna Keibalo (white lotus)

Cody-Chan

Laura Ockel (

Tony Wan