Skip to content

Instantly share code, notes, and snippets.

@matherton

matherton/sponsor.css

Created October 31, 2011 17:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matherton/1328018 to your computer and use it in GitHub Desktop.
Save matherton/1328018 to your computer and use it in GitHub Desktop.
Download ZIP
code for sponsor section in right-hand column of the stage events website
Raw
sponsor.css
p.small-italics {
font-style: italic;
font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, helvetica, arial, sans-serif;
font-size: smaller;
line-height: 30%;
}
.sponsor {
width: 300px;
height: 300px;
background-color: #fcfcfe;
background-image:url('sponsor-bg.png');
}
.top-left {
width: 130px;
height: 130px;
margin-left: 5%;
text-align: center;
float: left;
}
.top-right {
width: 130px;
height: 130px;
margin-right: 5%;
text-align: center;
float: right;
}
.bottom-left {
width: 130px;
height: 130px;
margin-left: 5%;
margin-top: 5%;
text-align: center;
float: left;
}
.bottom-right {
width: 130px;
height: 130px;
margin-right: 5%;
margin-top: 5%;
text-align: center;
float: right;
}
Raw
sponsor.html
<html>
<header>
<link href="sponsor.css" rel="stylesheet" type="text/css">
</header>
<body>
<div class="sponsor">
<p class="small-italics">Sponsorder by</p>
<div class="top-left">1st sponsor image goes here.</div>
<div class="top-right">2nd sponsor image goes here</div>
<div class="bottom-left">3rd sponsor image goes here</div>
<div class="bottom-right">4th sponsor image goes here</div>
</div>
</body>
</html>
@matherton
Copy link
Author

This gist displays the CSS and HTML for the stage sponsor section of the new events website

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment