Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine"> <title>Resume</title> <style> </style> </head> <body> <!-- Start your code here --> <div class="container"> <div class="container1"> <div class="headspace"></div> <div class="font1"> DONGHEE AN </div> <h2>Interaction Designer</h2> <div class="mid-space"></div> <h3>EDUCATION</h3> <div class="small-space"></div> <div class="helvetica-black">School of Visual Arts / New York, NY</div> <p><div class="helvetica-gray">January 2017 - May 2019</div></p> <p>Bachelor of Fine Arts, Graphic Design</p> <p>SVA Dean’s list ( 2017, 2018, 2019 )</p> <div class="small-space"></div> <div class="helvetica-black">Bellevue College / Bellevue, WA</div> <p><div class="helvetica-gray">March 2013 - September 2016</div></p> <p>Associate Degree in Arts and Sciences</p> <p>Web Design Certificate Program</p> <p>Phi Theta Kappa Honor Society ( 2015, 2016 )</p> <div class="mid-space"></div> <h3>WORK EXPERIENCE</h3> <div class="small-space"></div> <div class="helvetica-black">Havas / UX Designer</div> <p><div class="helvetica-gray">June 2018 - September 2018</div></p> <p>Clients: ADP, Reach Out and Read</p> <div class="small-space"></div> <div class="box"><p> Worked with IXD team to reinvent ADP’s brand identity. Responsible for UX research and identifying multiple areas for improvement. Designing wireframes, UI, and interactive prototypes based on client feedback.</p></div> <div class="small-space"></div> <div class="box"><p> Lead UX designer for "Reach Out and Read†website redesign, which helps young children learn to read. Worked closely with the client to modernize their website while preserving their brand identity.</p></div> <div class="mid-space"></div><div class="small-space"></div> <div class="helvetica-black">Bellevue College / Computer Lab Assistant</div> <p><div class="helvetica-gray">September 2014 - September 2015</div></p> <p>Assisting graphic design students with Photoshop, and Illustrator.</p> </div> <div class="container2"> <div class="space"></div> <h3>CONTACT</h3> <p><a href="andonghee.com">andonghee.com</a></p> <p>+1 206 476 6862</p> <p><a href="mailto:dan3@sva.edu" target="_top">dan3@sva.edu</a></p> <p><a href="linkedin.com/in/donghee-an-1359b0">linkedin.com/in/donghee-an-1359b0</a></p> <div class="space-1"></div> <h3>LANGUAGES</h3> <div class="helvetica-black">English / Korean</div> <p>Full Professional Proficiency</p> <div class="mid-space"></div><div class="mid-space"></div> <div class="space-2"></div> <h3>SKILLS</h3> <div class="small-space"></div> <div class="font-small-dark">Design:</div> <div class="box2"><p>UI/UX Design with Sketch, Typhography Design with Adobe Suite, Motion Design with After Effects, Editorial Design, Branding </p> </div><div class="mid-space"></div> <div class="font-small-dark">Prototyping:</div> <div class="box2"><p>Principle, Keynote, Invision, After Effects </p> </div><div class="mid-space"></div> <div class="font-small-dark">Coding:</div> <div class="box2"><p>HTML / CSS / Java Script </p> </div><div class="mid-space"></div> <div class="font-small-dark">Collaboration & Communication: </div> <div class="box2"><p>Strategy & Design presentations with Keynote, Powerpoint. Effective project management and time management. Open to receiving and sharing feedback between cross-functional teams. </p> </div> </div> </div> <!-- End your code here --> </body> </html>
html{max-width: 960px; max-height: 1360px; margin: 0 auto;} .container{ margin: 0 auto; border: 24px solid #EEEEEE; width: 960px; height:1360px; padding-left: 52px; grid-template-columns: auto auto; grid-gap: 16px; display: grid; } .headspace{ padding-top: 72px; } .space{padding-top: 60px;} .small-space{padding-top: 12px;} .font1{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; letter-spacing: -2px; font-size: 72px;} .helvetica-black{ font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; } p{ font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; color: #545454;} .helvetica-gray{ font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #9E9E9E; } .mid-space{ padding-top: 24px; } h2{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 48px;} h3{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 24px; color: #9E9E9E;} .box{max-width: 400px; line-height: 24px;} .space{ padding-top: 324px; } .space-1{padding-top: 8px;} .space-2{padding-top: 10px;} .font-small-dark{font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 800; } .box2{max-width: 306px; line-height: 24px;}
// Write JavaScript here