Skip to content

Instantly share code, notes, and snippets.

@airhartm

airhartm/landingpage.css

Created August 6, 2015 02:26
Show Gist options
  • Save airhartm/ccc8b981f6953816c443 to your computer and use it in GitHub Desktop.
Save airhartm/ccc8b981f6953816c443 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
landingpage.css
.content-footer,
.masthead-heading,
.masthead-intro {
text-align: center;
}
.masthead {
margin-bottom: 1em;
padding: 6em 1em;
background-image: url('http://www.mikeology.biz/wp-content/uploads/2015/08/IMG_0348.jpg');
background-repeat: no-repeat;
background-size: cover;
border-top: solid 1em #FF6666;
}
.body {
font-size: 1em;
font-family: "Futura", "Arial", sans-serif;
}
.masthead-heading {
margin-bottom: 0.1em;
color: white;
text-shadow: 2px 2px #ff0000; font-size: 3em;
font-weight: lighter;
font-family: "Futura", "Arial", sans-serif;
}
.masthead-intro {
margin-left: 0em;
margin-top: -0.2em;
color: white;
font-size: 2em;
font-variant: initial;
font-family: "Futura", "Arial", sans-serif;
}
.introduction-section,
.location-section,
.questions-section {
max-width: 38em;
margin-left: auto;
margin-right: auto;
}
h2 {
margin-top: 0em;
font-size: 1.5em;
color: brown;
font-family: "Futura", "Arial", sans-serif;
}
p {
margin-top: -0.5em;
margin-left: 1em;
margin-right: 1em;
font-size: 1em;
color: black;
font-family: "Verdana", sans-serif;
}
.social > li {
display: inline-block;
Raw
landingpage.html
<header class="masthead">
<h1 class="masthead-heading">Michael Airhart</h1>
<p class="masthead-intro">Editor. Taxonomist. Coder.</p>
</header>
<section class="introduction-section">
<h2 class="section-heading">About me</h2>
<p>As a content developer, I automate the classification of multimedia news content, and the acquisition of large volumes of web-based data for text analysis, classification, and syndication. I provide guidance on editorial strategy to maximize audience interest.</p>
<p>I have 19 years of experience in product management, data distribution, editorial team work, and client support. I know best practices and possess strong judgment for news research, news writing, media outreach, and content classification. I also know how and when to write to inform, and when to persuade or advocate.</p>
<p>I excel at problem solving, quality assurance, attention to detail, syndication technologies, independent and team projects, international affairs, and client satisfaction. I have a special passion for helping traditional media and not-for-profit communication teams to evolve their technology, inform and mobilize audiences, and monetize content.</p>
</section>
<section class="introduction-section">
<h2>Hometown</h2>
<p>I grew up in Pacifica, Calif., and Schenectady, N.Y. I have lived in the Baltimore-Washington area for most of my adult life.</p>
</section>
<section class="questions-section">
<h2>Music</h2>
<p>Peter Gabriel, David Gray, Dead Can Dance</p>
</section>
<footer class="content-footer">
<h2>Contact me</h1>
<p>Say hi to me on these social networks:</p>
<ul class="social">
<li><a href="https://github.com/nomanisan">GitHub</a></li>
<li><a href="https://twitter.com/michaelairhart">Twitter</a></li>
<li><a href="https://plus.google.com/u/1/+MichaelAirhart">Google+</a></li>
</ul>
</footer>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment