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> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <html> <head> <title>Resume</title> </head> <body> <!-- Start your code here --> <div class="container"> <div class="half-space"> <h1> DONGHEE AN</h1> <div class="little-space"></div> <h2> Graphic Designer</h2> <div class="space"></div> <div class="space"></div> </div> <div class="grid"> <!-- left - container --> <div class="left-container"> <h3>CONTACT</h3> <div class="little-space"></div> <div class="colum2"> <i class="fa fa-home" aria-hidden="true"></i> <div class="bodytext">1227 Fulton Street #2<br/> Brooklyn, NY, 11216 </div> </div> <div class="little-space"></div> <div class="colum2"> <i class="fa fa-phone-square little-left" aria-hidden="true"></i> <div class="bodytext little-space">+1 206 476 6862 </div> </div> <div class="little-space"></div> <div class="little-space"></div> <div class="colum2"> <i class="fa fa-envelope" aria-hidden="true"></i> <div class="bodytext little-space">dan3@ sva.edu </div> </div> <div class="little-space"></div> <div class="little-space"></div> <div class="colum2"> <i class="fab fa-linkedin"></i> <div class="bodytext little-space little-left">www.linkedin.com/in/donghee-an-1359b0 </div> <div class="little-space"></div> </div> <div class="line-weight"></div> <div class="little-space"></div> <div class="little-space"></div> <h3>LANGUAGES </h3> <div class="little-space"></div> <div class="little-space"></div> <div class="bodytext">ENGLISH <br> Full professoional proficiency</div> <div class="little-space"></div> <div class="space"></div> <div class="bodytext">KOREAN <br> Native or bilingual proficiency</div> <div class="half-space"></div> <div class="little-space"></div> <div class="little-space"></div> <div class="line-weight"></div> <div class="little-space"></div> <h3>SKILLS</h3> <h4><em>Professional User </em></h4> <i class="fas fa-dot-circle size litt"></i> Photoshop // Illustrator <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Sketch <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Principle <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> HTML // CSS <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Adobe Aftereffets // Priemiere <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Keynote <div class="little-space"></div> <h4><em>Technical Information </em></h4> <i class="fas fa-dot-circle size litt"></i> Public Speaking <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Enthusiastic Motivation <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Creative Solutions <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Fast Networking <div class="little-space"></div> <i class="fas fa-dot-circle size litt"></i> Social Media Marketing <div class="little-space"></div> </div> <div class="line"></div> <!--right- container --> <div class="right-container"> <h3>ABOUT ME</h3> <div class="bodytext"> My name is Donghee An and I seek for aesthetic data driven on the daily life. I graduate from the School of Visual Arts in New York City. I recently interned at Havas where I worked on UX/UI design and branding for ADP Payroll. </div> <div class="space"></div> <div class="little-space"></div> <div class="line-weight"></div> <h3>EDUCATION</h3> <div class="fontcolor">March 2013- September 2016</div> <div class="little-space"></div> <div class="bodytext"> My name is Donghee An and I seek for aesthetic data driven on the daily life. I graduate from the School of Visual Arts in New York City. I recently interned at Havas where I worked on UX/UI design and branding for ADP Payroll. </div> <div class="space"></div> <div class="fontcolor">September 2016 - December 2016</div> <div class="little-space"></div> <div class="bodytext"> Bellevue College, Bellevue, Washington <br/> Graphic Design - Web Design Certificate Program </div> <div class="space"></div> <div class="fontcolor">January 2017 - Present</div> <div class="little-space"></div> <div class="bodytext"> School of Visual Arts, New York, New York <br/> Graphic Design (In Progress)<br/> BFA Design Department Scholarship </div> <div class="space"></div> <div class="little-space2"></div> <div class="line-weight"></div> <h3>WORK EXPERIENCE</h3> <div class="text1"> <h4>Bellevue college / <em>Computer Lab Assistant</em></h4> <div class="fontcolor">September 2014 - September 2015</div> <div class="bodytext"> <div class="little-space"></div> Design and Architecture Computer Lab<br/> Assisting Architecture, Interior Design and Graphic Design students with Illustrator, <br/> Photoshop, AutoCAD software support. <div class="little-space2"></div> <h4>Havas / <em>IXD Designer</em></h4> <div class="fontcolor">June 2018 - September 2018 </div> <div class="bodytext"> Client : ADP, Reach Out and Read <div class="little-space"></div> <div class="little-space"></div> UX Designer on ADP Payroll rebranding and redesign.  Responsible for design and prototyping, new feature integration, UX guidelines and standardization. <div class="space"></div> UX Design Lead for Reach Out and Read’s website redesign.  Responsible for layout and site redesign. </div> </div> </div> </div> </div> </div> <!-- End your code here --> </body> </html>
html { max-width: 960px; max-height: 1500px; } .container{ max-width: 960px; margin: 0 auto; border: 24px solid #97b6cb; width: 960px; height:1350px; } .head-space{ padding-top:102px; } .little-space{ padding-top:8px; } .half-space{ padding-top:48px; } h1{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ; margin: 0 auto; font-size: 36px; text-align: center; color: #2c5f73; } h2{ font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif ; font-weight: lighter; margin: 0 auto; font-size: 24px; text-align: center; color: #000000; } h4{font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-size: 18px; font-weight: normal;} .line{ height: 1130px; border-left: 2px solid #D8D8D8; } .size { font-size: 8px; } .grid{ display: grid; grid-template-columns: 297px 1px 618px; } .line-weight{ border: 1px solid #D8D8D8;} h3{ color: #347287; font-size:24px ; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ; font-weight: 900; text-align: left; } .left-container{ max-width: 232px; padding-left: 32px; } .right-container{ max-width: 700px; padding-left: 32px; } .space{ padding-left: 490px; padding-top: 24px; } .little-space2{ padding-top: 16px; } .colum2{ display: grid; grid-template-columns: 10px 200px; grid-gap: 32px; } i{ color: #347287; font-size: 24px; padding-top: 8px; } .little-left{ padding-left: 2px; } .bodytext{ text-align: left; color: #000000; font-size:16px ; font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight: 500; line-height: 24px; } .fontcolor{ text-align: left; color: #97b6cc; font-size:16px ; font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight: 600; line-height: 24px; }
// Write JavaScript here