@ -1,19 +1,16 @@
<!DOCTYPE html>
<!DOCTYPE html>
< html lang = "en" >
< html lang = "en" >
< head >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" >
< meta charset = "utf-8" >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > Resume of Alice Strete< / title >
< title > Resume of Alice Strete< / title >
< link href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"
< link href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel = "stylesheet" >
rel="stylesheet">
< link href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel = "stylesheet" >
< link href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
< style type = "text/css" >
rel="stylesheet">
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
< style type = "text/css" >
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@charset "utf-8";
@charset "utf-8";
@-webkit-viewport { width: device-width; }
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@ -289,9 +286,9 @@
padding-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #eee;
}
}
< / style >
< / style >
< style type = "text/css" media = "print" >
< style type = "text/css" media = "print" >
body {
body {
font-size: .95em;
font-size: .95em;
-webkit-print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
}
@ -371,330 +368,271 @@
border-width: 4px;
border-width: 4px;
pointer-events: none;
pointer-events: none;
}
}
< / style >
< / style >
< / head >
< / head >
< body >
< body >
< div class = "container" >
< div class = "container" >
< div class = "row" >
< div class = "row" >
< div class = "col-xs-12" >
< div class = "col-xs-12" >
< div id = "photo-header" class = "text-center" >
< div id = "photo-header" class = "text-center" >
<!-- PHOTO (AVATAR) -->
<!-- PHOTO (AVATAR) -->
< div id = "photo" >
< div id = "photo" >
< img src = "http://i.imgur.com/OJbjqTZ.jpg" alt = "avatar" >
< img src = "http://i.imgur.com/OJbjqTZ.jpg" alt = "avatar" >
< / div >
< / div >
< div id = "text-header" >
< div id = "text-header" >
< h1 > Alice Strete< br > < span > Copywriter; Social Media Manager< / span > < / h1 >
< h1 > Alice Strete< br > < span > MA Student< / span > < / h1 >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< / div >
< div class = "col-xs-12 col-sm-7" >
< div class = "row" >
<!-- ABOUT ME -->
< div class = "col-xs-12 col-sm-7" >
< div class = "box" >
<!-- ABOUT ME -->
< h2 > < i class = "fa fa-user ico" > < / i > About< / h2 >
< div class = "box" >
< p > For the past couple of years, I' ve been working as a Copywriter, Social
< h2 > < i class = "fa fa-user ico" > < / i > About< / h2 >
Media Manager and Online Campaign Analyst, in Cluj-Napoca, Yangon and Berlin.
< p > MA Student in Experimental Publishing at the Piet Zwart Institute, Rotterdam, Netherlands. Currently working on research, art projects, zines, illustration. Latest project can be found here < a href = "https://issue.xpub.nl/04/"
I' ve had the pleasure to collaborate with brands such as Sule Shangri-La,
target="_blank">< i class = "fa fa-globe ico" > < / i > https://issue.xpub.nl/04/< / a > < / p >
Belmond Governor' s Residence, FMI Air, Pun Hlaing Golf Estate, and
< / div >
Dulcefina, and to be part of amazing teams at Kaus Group, Media.net, Fairplanet, and Tech Open Air Berlin.< / p >
<!-- WORK EXPERIENCE -->
< / div >
< div class = "box" >
<!-- WORK EXPERIENCE -->
< h2 > < i class = "fa fa-suitcase ico" > < / i > Work Experience< / h2 >
< div class = "box" >
< div class = "job clearfix" >
< h2 > < i class = "fa fa-suitcase ico" > < / i > Work Experience< / h2 >
< div class = "row" >
< div class = "job clearfix" >
< div class = "details" >
< div class = "row" >
< div class = "where" > Fairplanet< / div >
< div class = "details" >
< div class = "address" > < a href = "http://fairplanet.org" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / fairplanet.org< / a >
< div class = "where" > Tech Open Air Berlin< / div >
< div class = "address" > < a href = "http://toa.berlin/" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / toa.berlin< / a >
< / div >
< div class = "year" > June 2016 – July 2016< / div >
< / div >
< / div >
< div class = "row" >
< div class = "job-details col-xs-11" >
< div class = "profession" > Community Manager Assistant< / div >
< div class = "description" > I helped manage the TOA16 social media accounts, Twitter in particular; I helped the CRM manager answer support emails, handle ticket management on Eventbrite, and reply to live chat enquiries.
< div class = "highlights" > Highlights< / div >
< ul class = "list-group" >
< li class = "list-group-item" > I was in charge of live-tweeting for the entire 2 days of the TOA conference< / li >
< li class = "list-group-item" > During the festival, we managed to get our official hashtag #TOA16 trending in Germany on 2 consecutive days; our tweets got a total of 92.3K impressions< / li >
< li class = "list-group-item" > I answered over 200 customer support enquiries< / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "details" >
< div class = "where" > Fairplanet< / div >
< div class = "address" > < a href = "http://fairplanet.org" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / fairplanet.org< / a >
< / div >
< div class = "year" > March 2016 – Present< / div >
< / div >
< / div >
< div class = "year" > March 2016 – Present< / div >
< / div >
< / div >
< div class = "row" >
< / div >
< div class = "job-details col-xs-11" >
< div class = "row" >
< div class = "profession" > Social Media Manager< / div >
< div class = "job-details col-xs-11" >
< div class = "description" > I manage the online publishing platform across several social media - Facebook, Twitter, Pinterest, Storify.
< div class = "profession" > Social Media Editor< / div >
< div class = "highlights" > Highlights< / div >
< div class = "description" > I manage social media for the NGO concerned with human rights and environmental issues. I seek out organizations and NGOs and facilitate collaborations with them.
< ul class = "list-group" >
< li class = "list-group-item" > Increased Facebook fan base by 10K and Twitter fan base by 50%< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "job clearfix" >
< / div >
< div class = "row" >
< div class = "job clearfix" >
< div class = "details" >
< div class = "row" >
< div class = "where" > Media.net< / div >
< div class = "details" >
< div class = "address" > < a href = "http://media.net" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / media.net< / a >
< div class = "where" > Media.net< / div >
< / div >
< div class = "address" > < a href = "http://media.net" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / media.net< / a >
< div class = "year" > June 2015 – November 2015< / div >
< / div >
< / div >
< div class = "year" > June 2015 – November 2015< / div >
< / div >
< / div >
< div class = "row" >
< / div >
< div class = "job-details col-xs-11" >
< div class = "row" >
< div class = "profession" > Online Campaign Analyst< / div >
< div class = "job-details col-xs-11" >
< div class = "description" > I planned, developed and implemented native ad units on online publishers,
< div class = "profession" > Online Campaign Analyst< / div >
created targeted headlines and ensured a steady growth of KPIs through
< div class = "description" > I planned, developed and implemented native ad units on online publishers, created targeted headlines and ensured a steady growth of KPIs through daily monitoring and optimization.
daily monitoring and optimization.
< div class = "highlights" > Highlights< / div >
< div class = "highlights" > Highlights< / div >
< ul class = "list-group" >
< ul class = "list-group" >
< li class = "list-group-item" > Contributed to the development of innovative practices and strategies, and helped train the outsourced team< / li >
< li class = "list-group-item" > Contributed to the development of innovative practices and strategies,
< li class = "list-group-item" > Increased up to 2x daily revenue< / li >
and helped train the outsourced team< / li >
< li class = "list-group-item" > Maintained a steady growth of relevant KPIs< / li >
< li class = "list-group-item" > Increased up to 2x daily revenue< / li >
< / ul >
< li class = "list-group-item" > Maintained a steady growth of relevant KPIs< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "job clearfix" >
< / div >
< div class = "row" >
< div class = "job clearfix" >
< div class = "details" >
< div class = "row" >
< div class = "where" > Kaus Group< / div >
< div class = "details" >
< div class = "address" > < a href = "http://kausmediagroup.com" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / kausmediagroup.com< / a >
< div class = "where" > Kaus Group< / div >
< / div >
< div class = "address" > < a href = "http://kausmediagroup.com" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / kausmediagroup.com< / a >
< div class = "year" > September 2012 – Present< / div >
< / div >
< / div >
< div class = "year" > September 2012 – Present< / div >
< / div >
< / div >
< div class = "row" >
< / div >
< div class = "job-details col-xs-11" >
< div class = "row" >
< div class = "profession" > Copywriter, Social Media Manager< / div >
< div class = "job-details col-xs-11" >
< div class = "description" > I initially started as a copywriter, collaborating with a team of art
< div class = "profession" > Copywriter< / div >
directors to create high quality, engaging copy for both online and offline.
< div class = "description" > Writing engaging copy for local companies in Myanmar, to help them build and grow their campaigns.
Eventually, I took the responsibility of managing the social media channels
for clients such as Belmond Governor' s Residence, FMI Air and Pun Hlaing
Golf Estate, creating high quality, original content and engaging targeted
audiences. I also created and developed the website content for the agency,
and continue to collaborate with them.
< div class = "highlights" > Highlights< / div >
< ul class = "list-group" >
< li class = "list-group-item" > Engaged audiences and increased communities up to 25k, significantly building
brand awareness< / li >
< li class = "list-group-item" > Played a significant role in building the agency portfolio< / li >
< li class = "list-group-item" > Successfully promoted events and innovations, depending on the client< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- AWARDS -->
< / div >
< div class = "box" >
<!-- AWARDS -->
< h2 > < i class = "fa fa-certificate ico" > < / i > Awards< / h2 >
< div class = "box" >
< ul id = "awards" class = "clearfix" >
< h2 > < i class = "fa fa-certificate ico" > < / i > Awards< / h2 >
< li >
< ul id = "awards" class = "clearfix" >
< div class = "year pull-left" > 2013< / div >
< li >
< div class = "description pull-right" >
< div class = "year pull-left" > 2013< / div >
< h3 > Publifest Advertising Students' Festival< / h3 >
< div class = "description pull-right" >
< p > < i class = "fa fa-trophy ico" > < / i > Best Print, Best Campaign< / p >
< h3 > Publifest Advertising Students' Festival< / h3 >
< p > < / p >
< p > < i class = "fa fa-trophy ico" > < / i > Best Print, Best Campaign< / p >
< / div >
< p > < / p >
< / li >
< / div >
< li >
< / li >
< div class = "year pull-left" > 2013< / div >
< li >
< div class = "description pull-right" >
< div class = "year pull-left" > 2013< / div >
< h3 > Deutsches Kulturzentrum Klausenburg< / h3 >
< div class = "description pull-right" >
< p > < i class = "fa fa-trophy ico" > < / i > CEFR Level B1< / p >
< h3 > Deutsches Kulturzentrum Klausenburg< / h3 >
< p > < / p >
< p > < i class = "fa fa-trophy ico" > < / i > CEFR Level B1< / p >
< / div >
< p > < / p >
< / li >
< li >
< div class = "year pull-left" > 2010< / div >
< div class = "description pull-right" >
< h3 > University of Cambridge, ESOL Examinations< / h3 >
< p > < i class = "fa fa-trophy ico" > < / i > CEFR Level C2< / p >
< p > < / p >
< / div >
< / li >
< / ul >
< / div >
<!-- VOLUNTEER -->
< div class = "box" >
< h2 > < i class = "fa fa-group ico" > < / i > Internships < / h2 >
< div class = "job clearfix" >
< div class = "row" >
< div class = "details" >
< div class = "where" > Sykes Cluj-Napoca< / div >
< div class = "address" > < a href = "http://www.sykes.com/romania/" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / www.sykes.com/ romania/ < / a >
< / div >
< div class = "year" > April 2013 – June 2013< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< / li >
< div class = "col-xs-11 pull-right" >
< li >
< div class = "profession" > Social Media< / div >
< div class = "year pull-left" > 2010< / div >
< div class = "description" > I became familiar and worked with the social media monitoring tool Radian6,
< div class = "description pull-right" >
while testing its value and performance for Panasonic UK
< h3 > University of Cambridge, ESOL Examinations< / h3 >
and Yahoo.
< p > < i class = "fa fa-trophy ico" > < / i > CEFR Level C2< / p >
< div class = "highlights" > Highlights< / div >
< p > < / p >
< ul class = "list-group" >
< / div >
< li class = "list-group-item" > I submitted a comprehensive report on how the tool would improve CRM practices< / li >
< / li >
< / ul >
< / ul >
< / div >
< / div >
<!-- VOLUNTEER -->
< div class = "box" >
< h2 > < i class = "fa fa-group ico" > < / i > Internships/Volunteering < / h2 >
< div class = "job clearfix" >
< div class = "row" >
< div class = "details" >
< div class = "where" > Printroom Rotterdam< / div >
< div class = "address" > < a href = "http://www.printroom.org/" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http://www.printroom.org/< / a >
< / div >
< / div >
< div class = "year" > October 2017 – Present< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "job clearfix" >
< div class = "row" >
< / div >
< div class = "details" >
< div class = "job clearfix " >
< div class = "where" > Vitrina Advertising< / div >
< div class = "row " >
< div class = "address" > < a href = "http://www.vitrina.ro/english" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / www.vitrina.ro/ english< / a >
< div class = "deta ils" >
< / div >
< div class = "where" > Sykes Cluj-Napoca< / div >
< div class = "yea r" > 2012 – 2012< / div >
< div class = "address" > < a href = "http://www.s yk es.com/ romania/" target = "_blank " > < i class = "fa fa-globe ico" > < / i > http:/ / www.sykes.com/ romania/ < / a >
< / div >
< / div >
< div class = "year" > April 2013 – June 2013< / div >
< / div >
< / div >
< div class = "row" >
< / div >
< div class = "col-xs-11 pull-right" >
< div class = "profession" > Copywriting< / div >
< / div >
< div class = "description" > I gained invaluable insights from working on campaign briefs for Banca
< div class = "job clearfix" >
Transilvania, one of the biggest Romanian banks.< / div >
< div class = "row" >
< div class = "details" >
< div class = "where" > Vitrina Advertising< / div >
< div class = "address" > < a href = "http://www.vitrina.ro/english" target = "_blank" > < i class = "fa fa-globe ico" > < / i > http:/ / www.vitrina.ro/ english< / a >
< / div >
< / div >
< div class = "year" > 2012< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-xs-12 col-sm-5" >
< / div >
<!-- CONTACT -->
< div class = "col-xs-12 col-sm-5" >
< div class = "box clearfix" >
<!-- CONTACT -->
< h2 > < i class = "fa fa-bullseye ico" > < / i > Contact< / h2 >
< div class = "box clearfix" >
< div class = "contact-item" >
< h2 > < i class = "fa fa-bullseye ico" > < / i > Contact< / h2 >
< div class = "icon pull-left text-center" > < span class = "fa fa-map-marker fa-fw" > < / span >
< div class = "contact-item" >
< / div >
< div class = "icon pull-left text-center" > < span class = "fa fa-map-marker fa-fw" > < / span >
< div class = "title pull-right" > Ohmstrasse 10< / div >
< div class = "description pull-right" > Berlin, 10179 Germany< / div >
< / div >
< div class = "contact-item" >
< div class = "icon pull-left text-center" > < span class = "fa fa-phone fa-fw" > < / span >
< / div >
< div class = "title only pull-right" > (+49) 17657628857< / div >
< / div >
< / div >
< div class = "contact-item" >
< div class = "icon pull-left text-center" > < span class = "fa fa-envelope fa-fw" > < / span >
< div class = "description pull-right" > Rotterdam, Netherlands< / div >
< / div >
< / div >
< div class = "title only pull-right" > < a href = "mailto:alice.strt@gmail.com" target = "_blank" > alice.strt@gmail.com< / a >
< div class = "contact-item" >
< / div >
< / div >
< div class = "contact-item" >
< div class = "icon pull-left text-center" > < span class = "fa fa-envelope fa-fw" > < / span >
< / div >
< / div >
< div class = "contact-item" >
< div class = "title only pull-right" > < a href = "mailto:alice.strt@gmail.com" target = "_blank" > alice.strt@gmail.com< / a >
< div class = "icon pull-left text-center" > < span class = "fa fa-globe fa-fw" > < / span >
< / div >
< div class = "title only pull-right" > < a href = "http://alicestrete.me" target = "_blank" > http:/ / alicestrete.me< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- EDUCATION -->
< div class = "contact-item" >
< div class = "box" >
< div class = "icon pull-left text-center" > < span class = "fa fa-globe fa-fw" > < / span >
< h2 > < i class = "fa fa-university ico" > < / i > Education< / h2 >
< / div >
< ul id = "education" class = "clearfix" >
< div class = "title only pull-right" > < a href = "http://alicestrete.me" target = "_blank" > http:/ / alicestrete.me< / a >
< li >
< / div >
< div class = "year pull-left" > 2013 2014< / div >
< div class = "description pull-right" >
< h3 > Dublin City University< / h3 >
< p > < / p >
< p > GPA: 6.6< / p >
< div > Courses< / div >
< ul class = "list-group" >
< li class = "list-group-item" > Media Writing< / li >
< li class = "list-group-item" > International Marketing< / li >
< li class = "list-group-item" > Consumer Behaviour< / li >
< / ul >
< / div >
< / li >
< li >
< div class = "year pull-left" > 2011 2014< / div >
< div class = "description pull-right" >
< h3 > Babes-Bolyai University< / h3 >
< p > < / p >
< p > GPA: 9.6< / p >
< div > Courses< / div >
< ul class = "list-group" >
< li class = "list-group-item" > Copywriting< / li >
< li class = "list-group-item" > Campaign Strategy< / li >
< li class = "list-group-item" > PR and Communication< / li >
< li class = "list-group-item" > Marketing< / li >
< / ul >
< / div >
< / li >
< / ul >
< / div >
< / div >
<!-- SKILLS -->
< / div >
< div class = "box" >
<!-- EDUCATION -->
< h2 > < i class = "fa fa-tasks ico" > < / i > Skills< / h2 >
< div class = "box" >
< div class = "skills clearfix" >
< h2 > < i class = "fa fa-university ico" > < / i > Education< / h2 >
< div class = "item-skills" > Software< / div >
< ul id = "education" class = "clearfix" >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < span class = "skill badge" > Adobe Photoshop< / span >
< li >
< span class = "skill badge" > Adobe Illustrator< / span >
< div class = "year pull-left" > 2017-present< / div >
< span
< div class = "description pull-right" >
class="skill badge">MS Office< / span >
< h3 > Piet Zwart Institute, MA< / h3 >
< p > < / p >
< / div >
< / div >
< / div >
< / li >
< div class = "skills clearfix" >
< li >
< div class = "item-skills" > Tools< / div >
< div class = "year pull-left" > 2013 2014< / div >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < span class = "skill badge" > Hootsuite< / span >
< div class = "description pull-right" >
< span class = "skill badge" > IFTTT< / span >
< h3 > Dublin City University< / h3 >
< span class = "skill badge" > Mailchimp< / span >
< p > < / p >
< span class = "skill badge" > Zendesk< / span >
< p > GPA: 6.6< / p >
< / div >
< / div >
< / li >
< li >
< div class = "year pull-left" > 2011 2014< / div >
< div class = "description pull-right" >
< h3 > Babes-Bolyai University< / h3 >
< p > < / p >
< p > GPA: 9.6< / p >
< / div >
< / li >
< / ul >
< / div >
<!-- SKILLS -->
< div class = "box" >
< h2 > < i class = "fa fa-tasks ico" > < / i > Skills< / h2 >
< div class = "skills clearfix" >
< div class = "item-skills" > Software< / div >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < span class = "skill badge" > Adobe Photoshop< / span >
< span class = "skill badge" > Adobe Illustrator< / span >
< span class = "skill badge" > MS Office< / span >
< / div >
< / div >
< / div >
< / div >
<!-- LANGUAGES -->
< div class = "skills clearfix" >
< div class = "box" >
< div class = "item-skills" > Tools< / div >
< h2 > < i class = "fa fa-language ico" > < / i > Languages< / h2 >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < span class = "skill badge" > Hootsuite< / span >
< ul class = "list-group" >
< span class = "skill badge" > IFTTT< / span >
< li class = " list-group-item" > Romanian - native< span class = "skill badge pull-right" > < / span >
< span class = "skill badge" > Mailchimp< / span >
< / li >
< span class = "skill badge" > Zendesk< / span >
< li class = " list-group-item" > English - fluent< span class = "skill badge pull-right" > < / span >
< / li >
< li class = " list-group-item" > German - intermediate< span class = "skill badge pull-right" > < / span >
< / li >
< li class = " list-group-item" > Spanish - intermediate< span class = "skill badge pull-right" > < / span >
< / li >
< / ul >
< / div >
<!-- HOBBIES -->
< div class = "box" >
< h2 > < i class = "fa fa-heart ico" > < / i > Interests< / h2 >
< div class = "interests clearfix" >
< div class = "item-interests" > Illustration< / div >
< div class = "skill" > Enthusiastic illustrator in pen and watercolor, sometimes digital< / div >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < / div >
< / div >
< div class = "interests clearfix" >
< div class = "item-interests" > Literature< / div >
< div class = "skill" > Vonnegut book collector< / div >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- LANGUAGES -->
< div class = "box" >
< h2 > < i class = "fa fa-language ico" > < / i > Languages< / h2 >
< ul class = "list-group" >
< li class = " list-group-item" > Romanian - native< span class = "skill badge pull-right" > < / span >
< / li >
< li class = " list-group-item" > English - fluent< span class = "skill badge pull-right" > < / span >
< / li >
< li class = " list-group-item" > German - intermediate< span class = "skill badge pull-right" > < / span >
< / li >
< li class = " list-group-item" > Spanish - intermediate< span class = "skill badge pull-right" > < / span >
< / li >
< / ul >
< / div >
<!-- HOBBIES -->
< div class = "box" >
< h2 > < i class = "fa fa-heart ico" > < / i > Interests< / h2 >
< div class = "interests clearfix" >
< div class = "item-interests" > Illustration< / div >
< div class = "skill" > Enthusiastic illustrator in pen and watercolor, sometimes digital< / div >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < / div >
< / div >
< div class = "interests clearfix" >
< div class = "item-interests" > Literature< / div >
< div class = "skill" > Vonnegut book collector< / div >
< div class = "col-sm-offset-1 col-sm-12 clearfix" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- JQUERY -->
< / div >
< script src = "https://code.jquery.com/jquery-2.1.1.min.js" > < / script >
<!-- JQUERY -->
<!-- BOOTSTRAP -->
< script src = "https://code.jquery.com/jquery-2.1.1.min.js" > < / script >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" > < / script >
<!-- BOOTSTRAP -->
< / body >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" > < / script >
< / body >
< / html >
< / html >