Skip to content

Instantly share code, notes, and snippets.

@jorpic

jorpic/index.html

Last active December 5, 2015 19:30
Show Gist options
  • Save jorpic/24e85bb4b4d7af05c0b5 to your computer and use it in GitHub Desktop.
Save jorpic/24e85bb4b4d7af05c0b5 to your computer and use it in GitHub Desktop.
Download ZIP
FM logo
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href='https://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'>
<style>
section {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.logo {
font-family: 'Raleway', sans-serif;
font-size: 8vh;
color: #333;
}
.logo .flipV {
display: inline-block;
-moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
color: #48045a;
}
.logo .flipH {
display: inline-block;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
color: #48045a;
}
</style>
</head>
<body>
<section>
<div class="logo">
<span>F</span>
<span>O</span>
<span>R</span>
<span>M</span>
<span class="flipV">A</span>
<span>L</span>
<span>&nbsp;</span>
<span>M</span>
<span class="flipH">E</span>
<span>T</span>
<span>H</span>
<span>O</span>
<span>D</span>
<span>S</span>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment