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 in Design, 2019 </li> <br> <li>Scholarship</li> <li>Silas H. Rhodes Scholarship (Merit-base)</li> <li>2016–Present</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> <br> <li>I work directly with an interdisciplinary team of software, hardware engineers and industrial designers to create an innovative vision care experience. </li> </ul> <ul class="dash"> <li>Create UX strategies and innovative solutions to the problems for design and the brand.</li> <li>Analyze target user needs, mapping user journey and process flow, build an information architecture to design user-centric digital product for public use</li> <li>Design UI of the product with human-centered Design</li> <li>Design and testing prototype the product with software engineers within the agile development cycle.</li> <li>Assist user research using qualitative and quantitative research methods.</li> <li>Collaborated with industrial designers and hardware engineers to develop the digital experience aligned with the physical experience.</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> INTEREST </h3> </div> <div class="contents"> <ul> <li>Wildlife and nature documentaries</li> <li>Illustration</li> </ul> </div> </div> <!-- AWARD ENDS --> </div> </body> </html>
h1, h2, h3, h5, p, p2, ul{ font-family: 'Open Sans', sans-serif; } h1{ font-size: 2rem; } h2{ font-size: 1.25rem; } h3{ font-size: 1rem; } h5{ font-size: 0.75rem; } .p2{ font-size: 0.75rem; } ul { list-style-type: none; } li { font-size: 0.75rem; } .wrapper{ width: 70%; background-color: white; padding-left: 10%; padding-right: 20% } .section{ width: 100%; margin-bottom: 5%; display: flex; flex-direction: row; } .title{ flex-basis:10em; } .contents{ flex-basis:30em; } .header{ display: flex; flex-direction: row; justify-content: space-between; } .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; } @media screen and (max-width: 768px) { .section{ width: 100%; margin-bottom: 5%; display: flex; flex-direction: column;!important; } .header{ display: flex; flex-direction: column; justify-content: flex-start; } .title{ flex-basis:1em; } .contents{ flex-basis:2em; } }
// Write JavaScript here