A Udacity front-end landing page project. This is a single and static web-page that has travelwise information of Seoul in Korea. There are 5 sections : brief introduction of Seoul, What to do, K Food, Make Friends and Contact. A user is able to navigate all of them by clicking nav-bar menu. Each section has a useful information such as location and other references and nice real photos of Seoul.
To get started, clone this repository and open index.html or visit https://jiwonhan1.github.io/Go-to-Seoul/.
- HTML
- CSS
- Javascript
- Bootstrap
- Mapbox
- Email feature using a Google Script
- Google Icons & Font Awesome
- Bootstrap : Buttons, Card, Form for styling.
- DOM : Delegated event and worked with Browser Events to make a web dynamically.
- Image and Letter Hover Effects : Added interactivity to elements and made effects in CSS.
- Layouts : Used Flex, Grid, Position, Margin, Padding in CSS.
- Mapbox : Fetched a map api and displayed popups for certain locations on click with Maki symbols.
- Responsive Web Design : Used media queries to make fittable pages for all devices.
- Unsplash : Used good quality of pictures from there. Appreciate the best photographers! ✨
- Google Script : Sending a email to me is set by Google Script.
GO TO Seoul is open source software licensed as MIT.
Copyright (c) 2020 Jiwon Han
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent