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> <title>IXD WEEK1 RESUME</title> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet"> </head> <body> <div class="wrapper"> <!-- NAME AND CONTACT BEGINS --> <div class="header"> <div> <h1> GRACE OH </h1> <h2> UX DESIGNER</h2> </div> <div> <h5>contact</h5> <p class="p2">soh25@sva.edu</p> </div> </div> <!-- NAME AND CONTACT ENDS --> <!-- EDUCATION BEGINS --> <div class ="border"></div> <div class="section"> <div class="title"> <h3> EDUCATION </h3> </div> <div class="contents"> <ul> <li><b>School of Visual Arts</b></li> <li>New York, NY</li> <li>Bachelor of Fine Arts, 2019</li> <li>Design</li> </ul> </div> </div> <!-- EDUCATION ENDS --> <!-- WORK EXPERIENCE BEGINS --> <div class ="border"></div> <div class="section"> <div class="title"> <h3> WORK EXPERIENCE </h3> </div> <div class="contents"> <ul> <li><b>UX/UI Design Intern</b></li> <li>VSP Global</li> <li>New York, NY</li> <li>MAY 2018 – Present</li> </ul> <ul class="dash"> <li>Develop an intuitive and ideal UX for the new project of VSP innovation lab. </li> <li>Design the UI for prototypes to be tested as well as for commercial products. </li> <li>Assist user research including user testing and iterate UX/UI based on foundings from each user test.</li> <li>Work directly with an interdisciplinary team including software engineers and industrial designers to design the best user experience in both physical and digital sense. </li> <li>Prepare presentations for industry outreach</li> </ul> </div> </div> <!-- WORK EXPERIENCE ENDS --> <!-- SKILLS BEGINS --> <div class ="border"></div> <div class="section"> <div class="title"> <h3> SKILLS </h3> </div> <div class="contents"> <ul> <li><b>Design</b></li> <li>Adobe Suite (Ps, Ai, Id, Ae, XD)</li> <li>Sketch</li> <li>Zeplin</li> </ul> <ul> <li><b>Prototyping</b></li> <li>InVision</li> <li>Origami</li> <li>Framer X</li> </ul> <ul> <li><b>Pront-end Coding</b></li> <li>HTML/CSS</li> <li>Familarity with JavaScript</li> <li>p5js</li> </ul> <ul> <li><b>Language</b></li> <li>Korean</li> <li>Japanese</li> </ul> </div> </div> <!-- SKILLS ENDS --> <!-- AWARD BEGINS --> <div class ="border"></div> <div class="section"> <div class="title"> <h3> SCHOLARSHIPS </h3> </div> <div class="contents"> <ul> <li><b>Silas H. Rhodes Scholarship </b></li> <li>School of Visual Arts </li> <li>2016 – Present</li> </ul> <ul class="dash"> <li>Merit-based scholarship awarded to students who accomplished excellent in portfolio and academic record</li> </ul> </div> </div> <!-- AWARD ENDS --> </div> </body> </html>
h1{ font-family: 'Open Sans', sans-serif; font-size: 2em; } h2{ font-family: 'Open Sans', sans-serif; font-size: 1.25em; } h3{ font-family: 'Open Sans', sans-serif; font-size: 1em; } h5{ font-family: 'Open Sans', sans-serif; font-size: 0.75em; } .p2{ font-family: 'Open Sans', sans-serif; font-size: 0.75em; } ul { list-style-type: none; font-family: 'Open Sans', sans-serif; } li { font-size: 0.75em; } .wrapper{ width: 70%; background-color: white; padding-left: 10%; padding-right: 20% } .section{ width: 100%; margin-bottom: 5%; display: grid; grid-template-columns: 30% 70%; } .header{ display: grid; grid-template-columns: 70% 30%; } .border{ margin-top: 2px; margin-bottom: 1px; border-bottom: 1px solid black; } ul.dash { list-style: none; margin-left: 30px; padding-left: 1em; } ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; }
// Write JavaScript here