Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

portfolio2018/index.html

Go to file
 
 
Cannot retrieve contributors at this time
executable file 405 lines (354 sloc) 25.6 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Lauren Ciulla</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" type="text/css" href="css/custom.css">
<link rel="shortcut icon" href="img/logogreen-04.png"/>
<!-- <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400" rel="stylesheet"> -->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<main class="container" id="top">
<nav>
<a href="#nowhere" class="navicon"></a>
<div class="toggle">
<h1>take a peek around</h1>
<ul>
<li><a href="index.html#top">lauren ciulla / </a></li>
<li><a href="index.html#about">about / </a></li>
<li><a href="index.html#projects">projects / </a></li>
<li><a href="index.html#resume">resume / </a></li>
<li><a href="index.html#contact">contact</a></li>
</ul>
</div>
</nav>
<section id="lauren" class="row">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 768" class="headlogo">
<defs>
<style>
.cls-1{fill:#2c422a}
</style>
</defs>
<path class="cls-1" d="M187.76 652.38h123.75v19.08H187.76z"/>
<path class="cls-1" d="M187.3 547.71h19.08v123.75H187.3zm866.92-458.79h123.75V108h-123.75z"/>
<path class="cls-1" d="M1159.35 88.92h19.08v123.75h-19.08zM646.48 513.53s4.34 15.62 2.12 19.48c-4.39 7.53-34.1 56.07-61.39 48.75C548.24 571.32 537 465.71 537 465.71l-40.78 64L485 549.5c-.6 1-4.87-13.28-4.87-13.28l49.72-89.8C473.1 79.6 623.38 148.05 623.38 148.05c97.77 44.17-62.91 284.83-70.57 295.36.04 0 9.84 214.41 93.67 70.12zM547 426.45c5.34-8.57 134-241.32 67.63-258.72-8-2.1-60.22-.88-72.8 87.6-9.1 64.04 5.17 171.12 5.17 171.12z"/>
<text transform="translate(581.83 460.4)" fill="#23292e" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" font-size="81.18">
au<tspan x="75.75" y="0" letter-spacing="-.01em">r</tspan><tspan x="99.18" y="0">en ciulla</tspan>
</text>
<text transform="translate(589.73 497.81)" font-size="28.17" fill="#23292e" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic">
<a href="#about">about</a> / <a href="#projects">projects /</a>
<!-- <tspan x="97.13" y="0" letter-spacing="-.01em">r</tspan><tspan x="105.24" y="0" letter-spacing="0">ojects </tspan> -->
<!-- <tspan x="192.7" y="0" letter-spacing="-.01em"><a href="#resume">r</a> </tspan><tspan x="200.83" y="0"><a href="#resume">esume</a> / <a href="#contact">contact</a></tspan> -->
<tspan x="196" y="0" letter-spacing="-.01em"><a href="#resume">r</a> </tspan><tspan x="206" y="0"><a href="#resume">esume</a> / <a href="#contact">contact</a></tspan>
</text>
</svg>
</section>
<section id="about" class="row">
<div class="col-12 col-md-6" data-viewport-height="100">
<svg id="Layer_2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 701.49 859.08" class="about">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M74.68 140.48h544.38v537.8H74.68z"/>
<path class="cls-2" d="M55.6 122.08h19.08v123.75H55.6z"/>
<path class="cls-2" d="M55.6 121.62h123.75v19.08H55.6zm563.46 450.92h19.08v123.75h-19.08z"/>
<path class="cls-2" d="M514.39 677.67h123.75v19.08H514.39z"/>
<text transform="translate(173.35 448.02)" font-size="163.85" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
about
</text>
</svg>
</div>
<div class="col-12 col-md-6 textcontent">
<h2>a little bit about me</h2>
<p>I’m Lauren Ciulla, an Honors student at the University of Connecticut. I’m pursuing a dual degree in English and Digital Media & Design, concentrating in Web Design and Digital Media Strategies for Business.</p>
<p>Combining experience in content creation and marketing strategization with a passion for creativity and scholarship, I help companies and individuals express themselves and their ideas through digital content. I love creating things and can spend hours pushing pixels around or stringing words together until I’m happy with what I have produced. I can be found on the Dean’s List pursuing my dual degree, but academia is not the only field in which I thrive. I have experience in positions of email marketing, graphic and web design, and social media managing. Enthusiastic about digital communication, ideation, and marketing, I am always eager to hear about any opportunity I can take on.</p>
</div>
</section>
<section id="projects" class="row">
<div class="col-12 col-md-6">
<svg id="Layer_3" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 701.49 859.08" class="projects">
<defs>
<style>
.cls-1{fill:#2c422a}
</style>
</defs>
<path class="cls-1" d="M62.76 681.38h123.75v19.08H62.76z"/>
<path class="cls-1" d="M62.3 576.71h19.08v123.75H62.3zm450.92-458.79h123.75V137H513.22z"/>
<path class="cls-1" d="M618.35 117.92h19.08v123.75h-19.08z"/>
<text transform="translate(90.26 456.72)" font-size="163.85" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#2c422a">
p<tspan x="78.09" y="0" letter-spacing="-.01em">r</tspan><tspan x="125.29" y="0">ojects</tspan>
</text>
</svg>
</div>
<div class="col-12 col-md-6">
<a href="web.html">
<svg id="Layer_4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 901 441" class="web">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M147.73 91.7h619.82v253.6H147.73z"/>
<path class="cls-2" d="M126 70.89h21.73v140.9H126z"/>
<path class="cls-2" d="M126 70.37h140.9V92.1H126zM767.54 225.6h21.73v140.9h-21.73z"/>
<path class="cls-2" d="M648.37 345.3h140.9v21.73h-140.9z"/>
<text transform="translate(245.27 245.08)" font-size="96.78" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
web design
</text>
</svg>
</a>
<a href="graphic-design.html">
<svg id="Layer_5" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 901 441" class="graphic">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M147.73 91.7h619.82v253.6H147.73z"/>
<path class="cls-2" d="M126 70.89h21.73v140.9H126z"/>
<path class="cls-2" d="M126 70.37h140.9V92.1H126zM767.54 225.6h21.73v140.9h-21.73z"/>
<path class="cls-2" d="M648.37 345.3h140.9v21.73h-140.9z"/>
<text transform="translate(191.45 245.08)" font-size="96.78" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
g<tspan x="46.12" y="0" letter-spacing="-.02em">r</tspan><tspan x="73.06" y="0">aphic design</tspan>
</text>
</svg>
</a>
<a href="misc.html">
<svg id="Layer_6" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 901 441" class="misc">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M147.73 91.7h619.82v253.6H147.73z"/>
<path class="cls-2" d="M126 70.89h21.73v140.9H126z"/>
<path class="cls-2" d="M126 70.37h140.9V92.1H126zM767.54 225.6h21.73v140.9h-21.73z"/>
<path class="cls-2" d="M648.37 345.3h140.9v21.73h-140.9z"/>
<text transform="translate(362.28 245.08)" font-size="96.78" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
misc
</text>
</svg>
</a>
</div>
</section>
<section id="resume" class="row">
<div class="col-12 col-md-6">
<svg id="Layer_7" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 701.49 859.08" class="resume">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M75.68 140.48h544.38v537.8H75.68z"/>
<path class="cls-2" d="M56.6 122.08h19.08v123.75H56.6z"/>
<path class="cls-2" d="M56.6 121.62h123.75v19.08H56.6zm563.46 450.92h19.08v123.75h-19.08z"/>
<path class="cls-2" d="M515.39 677.67h123.75v19.08H515.39z"/>
<text transform="translate(123.13 448.02)" font-size="163.85" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
<tspan letter-spacing="-.01em">r</tspan><tspan x="47.28" y="0">esume</tspan>
</text>
</svg>
</div>
<div class="col-12 col-md-6 textcontent">
<h1>lauren ciulla</h1>
<a href="img/resume4_2018.pdf" download class="button">download pdf</a>
<h3>summary</h3>
<p>Focused Honors Digital Media & Design student passionate about the expression of individuality and ideas through digital content. Enthusiastic about content creation, problem solving, and digital communication as well as a strong commitment to academia.</p>
<h3>work experience</h3>
<h4>Marketing Intern | HPOne |<span class="date"> May 2018 - Present</span></h4>
<ul>
<li>> Create content and digital strategy recommendations for HPOne’s marketing department</li>
</ul>
<h4>Graphics & Illustration Specialist | UConn Student Financial Aid Services | <span class="date">Jan - May 2018</span></h4>
<ul>
<li>> Designed and created original, responsive HTML/CSS for new multipage section of UConn’s Financial Aid website integrating client requests and university brand standards to convey digital content effectively</li>
<li>> Composed informational campaign fliers and handout cards for university use in Adobe Illustrator</li>
</ul>
<h4>Email Marketing Intern | UConn Foundation | <span class="date">November 2017 - Present</span></h4>
<ul>
<li>> Formulate digital engagement strategies to promote events encompassing timelines and content for multichannel engagement through email, social media, and web</li>
<li>> Develop email campaigns by designing promotional emails to accentuate various calls to action, A/B testing variable content to maximize performance, and consulting on scheduling and segmentation</li>
<li>> Analyze email reports and synthesize them into content recommendations for the Engagement and Acquisition team in the form of user-friendly documents</li>
</ul>
<h4>Resume Designer & Consultant | <span class="date">Sep 2018 - Present</span></h4>
<ul>
<li>> Create original and customized resume designs to showcase the talents of my clients and differentiate their professional personas with custom editorial content</li>
</ul>
<h4>Sales Associate | The Gymboree Corporation | <span class="date">Feb 2016 - Present</span></h4>
<ul>
<li>> Aid customers in friendly, ef cient manner utilizing customer service, verbal communication, and interpersonal skills to create a welcoming shopping environment</li>
</ul>
<h4>Social Media Leader | After Romeo Band Street Team | <span class="date">Nov 2014 - July 2015</span></h4>
<ul>
<li>> Generated promotional content for Twitter, Instagram, & Facebook to promote band and various campaigns</li>
</ul>
<h3>education</h3>
<h4>University of Connecticut | <span class="date">Storrs, CT</span></h4>
<ul>
<li>Bachelor of Arts: Digital Media & Design | May 2020</li>
<li>Concentrations: Web Design | Business Strategies</li>
<li>Bachelor of Arts: English | May 2020</li>
<li>GPA | 3.984/4.0</li>
<li>Honor’s Program | 2016 - Present</li>
</ul>
<h4>University of Westminster | <span class="date">London, England</span></h4>
<ul>
<li>Study Abroad Participant | Jun - Jul 2017</li>
</ul>
<h4>Trumbull High School |<span class="date"> Trumbull, CT</span></h4>
<ul>
<li>High School Diploma | Jun 2016</li>
<li>Cumulative GPA | 4.66/4.0</li>
<li>Honors Program | 2012 - 2016</li>
</ul>
<h3>honors & awards</h3>
<h4>Babbidge Scholar Award | <span class="date">Mar 2018</span></h4>
<h4>Alpha Lambda Delta Honor Society | <span class="date">Jan 2017 - Present</span></h4>
<h4>Trumbull High School Honors Calculus Award | <span class="date">May 2016</span></h4>
<h4>Regis College Book Award | <span class="date">May 2015</span></h4>
<h4>Rochester Institute of Technology Award for Innovation & Creativity | <span class="date">May 2015</span></h4>
<h3>involvement & leadership</h3>
<h4>Natchaug Elementary After School Tutoring Program | <span class="date">Sep 2017 - Present</span></h4>
<h4>Honors Humanities & Arts Collective | <span class="date">Feb 2017 - Present</span></h4>
<h4>Note Taking for UConn Center for Students with Disabilities | <span class="date">Jan 2018 - Present</span></h4>
<h4>Distributive Education Clubs of America | Sep 2014 - Jun 2016 | Chapter Officer | <span class="date">Aug 2015 - Jun 2016</span></h4>
<h4>Spanish Tutoring |<span class="date"> Sep 2014 - Aug 2016</span></h4>
<h3>tech skills</h3>
<div class="skills">
<ul>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Adobe Premiere Pro</li>
<li>Adobe After Effects</li>
<li>Adobe InDesign</li>
<li>HTML/CSS</li>
<li>Sass</li>
<li>Python</li>
</ul>
<ul>
<li>MailChimp</li>
<li>WordPress</li>
<li>Google Drive</li>
<li>Microsoft Office Suite</li>
<li>Facebook</li>
<li>Instagram</li>
<li>LinkedIn</li>
<li>Twitter</li>
</ul>
</div>
<h3>relevant coursework</h3>
<ul>
<li>Advanced Web Design & Development</li>
<li>Programming for Game & Web</li>
<li>Motion Graphics</li>
<li>Animation</li>
<li>Design Lab</li>
<li>Digital Media Strategies for Business</li>
</ul>
</div>
</section>
<section id="contact" class="row">
<div class="col-12 col-md-6">
<svg id="Layer_8" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 701.49 859.08" class="contact">
<defs>
<style>
.cls-1{fill:#2c422a}
</style>
</defs>
<path class="cls-1" d="M514.22 117.92h123.75V137H514.22z"/>
<path class="cls-1" d="M619.35 117.92h19.08v123.75h-19.08zM63.76 681.38h123.75v19.08H63.76z"/>
<path class="cls-1" d="M63.3 576.71h19.08v123.75H63.3z"/>
<text transform="translate(108.3 463.29)" font-size="163.85" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#2c422a">
contact
</text>
</svg>
</div>
<div class="col-12 col-md-6 pic">
<a href="mailto:lauren.ciulla@uconn.edu">
<svg id="Layer_9" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 901 441" class="email">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M147.73 91.7h619.82v253.6H147.73z"/>
<path class="cls-2" d="M126 70.89h21.73v140.9H126z"/>
<path class="cls-2" d="M126 70.37h140.9V92.1H126zM767.54 225.6h21.73v140.9h-21.73z"/>
<path class="cls-2" d="M648.37 345.3h140.9v21.73h-140.9z"/>
<text transform="translate(347.28 245.08)" font-size="96.78" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
email
</text>
</svg>
</a>
<a href="https://www.linkedin.com/in/lauren-ciulla/">
<svg id="Layer_10" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 901 441" class="linkedin">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M147.73 91.7h619.82v253.6H147.73z"/>
<path class="cls-2" d="M126 70.89h21.73v140.9H126z"/>
<path class="cls-2" d="M126 70.37h140.9V92.1H126zM767.54 225.6h21.73v140.9h-21.73z"/>
<path class="cls-2" d="M648.37 345.3h140.9v21.73h-140.9z"/>
<text transform="translate(313.58 245.08)" font-size="96.78" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
lin<tspan x="86.1" y="0" letter-spacing="-.01em">k</tspan><tspan x="126.31" y="0">edin</tspan>
</text>
</svg>
</a>
<a href="https://twitter.com/laurenciulla2">
<svg id="Layer_11" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 901 441" class="twitter">
<defs>
<style>
.cls-2{fill:#c0c3ca}
</style>
</defs>
<path fill="#3e5949" opacity=".45" d="M147.73 91.7h619.82v253.6H147.73z"/>
<path class="cls-2" d="M126 70.89h21.73v140.9H126z"/>
<path class="cls-2" d="M126 70.37h140.9V92.1H126zM767.54 225.6h21.73v140.9h-21.73z"/>
<path class="cls-2" d="M648.37 345.3h140.9v21.73h-140.9z"/>
<text transform="translate(340.28 245.08)" font-size="96.78" font-family="RobotoCondensed-LightItalic,Roboto Condensed" font-style="italic" fill="#c0c3ca">
twitter
</text>
</svg>
</a>
</div>
</section>
</main>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
<script>$('.navicon').on('click', function (e) {
e.preventDefault();
$(this).toggleClass('navicon--active');
$('.toggle').toggleClass('toggle--active');
});</script>
<!-- <script src="js/zenscroll-min.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ['Roboto Condensed:300,400,500italic,300italic,700italic']
}
});
</script>
</body>
</html>