Skip to content

Instantly share code, notes, and snippets.

@adamalesandro

adamalesandro/hello-my-name-is-sticker.md

Last active February 18, 2016 23:52
Show Gist options
  • Save adamalesandro/273256d2d4c8e0f6641a to your computer and use it in GitHub Desktop.
Save adamalesandro/273256d2d4c8e0f6641a to your computer and use it in GitHub Desktop.
Download ZIP
gPJgRe
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
</head>
<body>
<br />
<div class="hello">
<div class="hello-title text-center">
<h1 class="huge">Hello</h1>
<h2>my name is</h2>
</div>
<div class="hello-body">
<h1 class="text-center handwriting superhuge">Adam</h1>
</div>
</div>
</body>
</html>
Raw
style.css
@import url(https://fonts.googleapis.com/css?family=Indie+Flower);
.hello {
margin: 0 auto;
width:500px;
}
.hello-title {
border: 3px solid #ff0000;
background-color:#ff0000;
color:#fff;
border-radius:30px 30px 0px 00px;
}
.hello-body {
border: 3px solid #ff0000;
color:#2b2b2b;
border-radius:0px 0px 30px 30px;
}
.hello h1 {
margin:20px 10px 0px 10px;
}
.hello h2 {
margin-top:5px;
}
.hello-body{
padding:20px;
}
.handwriting {
font-family: "Indie Flower"
}
.huge {
font-size:100px;
}
.superhuge {
font-size:150px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment