Go To Seoul 😍

By Jiwon Han

Table of Contents

• Instructions
• Technologies
• Glossary
• Contact
• License

Instructions

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/.

Technologies

• HTML
• CSS
• Javascript
• Bootstrap
• Mapbox
• Email feature using a Google Script
• Google Icons & Font Awesome

Glossary

• 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.

Contact

Jiwon Han

• GitHub
• LinkedIn

License

GO TO Seoul is open source software licensed as MIT.

Copyright (c) 2020 Jiwon Han