Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions 01week/helloworld/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>First site</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
101 changes: 101 additions & 0 deletions 01week/resume/css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
body {
background-color: black;
text-align: center;
margin: 80px;
}
nav {
color: white;
text-align: center;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
}

ul {
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
background-color: none;
}

li {
display: inline;
padding: 8px;
}
nav a { color: white;}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: red;}
a:active { text-decoration: underline; }


body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding-top: 15px;
}

h1 { color:white;
text-align: center;
font-size: 50px;
font-family: Arial, Helvetica, sans-serif;
padding-top:5px;}

p { font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
color: white;
line-height: 35px}

.content {
padding: 0px;
clear: left;
margin: 0px;
}
.content p {
-webkit-column-count: 2;
-webkit-column-gap: 60px;
-webkit-column-rule: 3px solid #ccc;
text-align: left;}

h2 { color: red;
text-align: left;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
padding-top:50px;}

aside {
width: 20%;
margin-left: 500px;
float: right;
box-shadow: #ffffff;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
}

aside h2 {
padding-bottom: 100px;
float: right;
}

footer {
font-size: 15px;
color: red;
line-height: 35px;
text-align: center; }

section p {
color: white;
text-align: left;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
padding: top 10px; }

.work-histoy {
font-size: 1px;
text-align: left;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
97 changes: 97 additions & 0 deletions 01week/resume/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<html lang="en">
<nav>
<ul>
<li><a href="#home">ALL ABOUT ME.</a></li>
<li><a href="#news">HOW I DID IT.</a></li>
<li><a href="#contact">WHO IT DO IT FOR.</a></li>
</ul>
</nav>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ericka Herod</title>
<link rel="stylesheet" href="./css/style.css">
</head>

<body> <h1> E R I C K A . H E R O D </h1>

<img src="./ericka-profile-image-01-01-01.png" class="center">

<h2> ABOUT ME. </h2>


<div>
<div class="content">
<p> Ericka Herod is a veteran Graphic designer / Creative Director.
By the way of Los Angeles, California calling Austin, Texas her
home since 2008. Graduating top of her class from The Art Institute
of California-Los Angeles in 2003 with a bachelor's degree in Graphic
design. She has worked for top advertising agencies in Los Angeles.
Ericka has also worked for Trace Magazine New York/London from 2003-2009
where she had the chance to work with top photographers, journalist, artist,
and music icons. <br> Since 2008 she has worked for local Texas advertising agency
before stepping out into the technology realm in 2012. She
currently holds 2 positions as Creative Director in the tech
industry. Whether she's creating branding for non-profits or
helping companies find their voice, Ericka is known for
building relationships with organizations and individuals.
P.S. Ericka is also a conductor of sound in Austin Texas music
culture since 2010 also-known as DJ I WANNA BE HER. </p>
</div>

<h2> HOW I DID IT.</2>
<P> Studied Graphic Design at The Art Institute of California —
<br> Los Angeles (2000 -2003)</P>

<aside>
<h2> SKILLS.</2>
<p>
Photoshot<br>
Illustutor<br>
Indesign<br>
Lightroom<br>
Mechanical Production<br>
Corporate Identity<br>
Publication Design<br>
Concept Design<br>
Event Design<br>
</p>
</aside>


<h2> WHO I DO IT FOR.</h2>
<div class="work-history">
<p> WORK HISTORY: <br>
<p>ZENOSS (Enterprise Software)</p>
<br>
<p>SUNPOWER SOLAR SYSTEMS</p>
<P>Developed new brand standards and templates for global use and distribution </P>
<P>Designed themes for conferences, collateral print materials, conference materials, print and web banner ads </P>
<br>
<p>RAZORFISH</p>
<p/> Samsung, Kellog, HSN.com, State Farm
<p>Created interactive design concepts </p>
<P>Designed mood boards, storyboards and interactive page layouts </P>
<p>Provided quality assurance on creative deliverables </p>
<br>
<P>SANDERS/WINGO</P>
<BR>
<p> Trace Magazine LA/NYC/UK </P>
<P>True Agency Los Angeles</P>
<P>TBWA Chiat/Day Los Angeles</P>
<P>Campbell-Ewald Los Angeles</p>
</div>

<section>
<h2> FREELANCE.</2>
<p> Ballogy <br>
Emma GoodLife <br>
BeeLine Market</p>
</section>

<footer>
<br>[email protected]<br>
All Social Platforms: ericka Herod</footer>
</body>
</html>
Binary file added 02week/bio/css/Background-element-01.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02week/bio/css/Background2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02week/bio/css/Facebook.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02week/bio/css/Linkedin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 02week/bio/css/ericka-profile-landing-page.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
132 changes: 132 additions & 0 deletions 02week/bio/css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
*{
margin: 0;
padding: 0;
}
body {
margin: 0;
font-family: 'Nanum Myeongjo', serif;
font-size: 17px;
line-height: 1.2;
font-weight: 100;
}
#bkimage {
background-image: url('../css/Background2.jpg');
height: 100vh;
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 100px;
}
#txtcontainer {
font-size: 20px;
line-height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-family: 'Nanum Myeongjo', serif;
padding-right: 0px;
}
#position {
font-size: 20px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-family: 'Nanum Myeongjo', serif;
padding-right: 0px;
}
#aboutmelink {
font-size:15px;
text-decoration: none;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
padding-right: 0px;
}
nav {
text-align: center;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 0px;
}
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
background-color: none;
}
li {
display: inline;
padding: 8px;
}
a:link { text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: red;}
a:active { text-decoration: underline;}

.box-2 {
background-image: url(../css/Background2.jpg);
display: flex;
flex-direction: column;
justify-content: left;
padding-left: 50px;
align-items: center;
}
#section-a {
padding: 75px;
background-color:#E6E6E6;
color: #333333;
text-align: left;
line-height: 2.3;
}
#section-b {
padding: 75px;
background-color:#666666;
color: #333333;
background-image: url(../css/Background2.jpg);
background-size: 100%;
line-height: 2.3;
}
#section-c {
display: flex;
}

#section-c div {
padding: 75px;
padding-bottom: 80px;
text-align: left;
flex-direction: column;
}
#section-c .box-1 {
background: #333333;
color:#E6E6E6;
font-size: 20px;
line-height: 50px;
}
#section-c .box-2 {
align-items: center;
line-height: 30px;
align-items: center;
}
footer {
text-align: center;
font-family: 'Nanum Myeongjo', serif;
background-image: url(../css/Background2.jpg);
padding: 30px;
background-size: 100%;
}
#social {
display: inline;
}


Loading