Skip to content

Instantly share code, notes, and snippets.

@jbrandes

jbrandes/index.html

Created October 1, 2018 22:49
Show Gist options
  • Save jbrandes/f2026b0333636db5f23dec286d04273e to your computer and use it in GitHub Desktop.
Save jbrandes/f2026b0333636db5f23dec286d04273e to your computer and use it in GitHub Desktop.
Download ZIP
Networking Page
Raw
index.html
<head>
<link href="https://fonts.googleapis.com/css?family=Chakra+Petch" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Playfair+Display:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cabin:400,700" rel="stylesheet">
<h1>Projects in Motion</h1>
<div id="button">
<button class="button1" style="font-size:25px "><a href="https://github.com/jbrandes">Github</button></a>
<button class="button2" style="font-size: 25px"><a href="https://hackaday.io/jbrandes">Hackaday.io</button></a>
<button class="button3" style="font-size: 25px">Web Design</button>
<button class="button4" style="font-size: 25px">Rates</button>
</div>
Raw
networking-page.markdown
Raw
style.css
h1 {
font-size: 40px;
text-align: center;
font-style: italic;
}
body {
background-color: #bd3b3b;
}
.button {
background-color: #4caf50;
border: none;
color: white;
padding: 10px;
text-align: center;
text-decoration: bold;
display: flex;
font-size: 45px;
font: arial;
margin: 200px 200px;
height: 150px;
width: 150px;
position: center;
}
.button1 {
border-radius: 122px;
height: 250px;
width: 250px;
padding: 20px;
font-family: "Cabin", sans-serif;
background: yellow;
background: #d8e76b;
margin: 50px;
}
.button2 {
border-radius: 122px;
height: 250px;
width: 250px;
font-size: 15px;
padding: 20px;
font-family: "Chakra Petch", sans-serif;
background: green;
background: #42bf27;
margin: 50px;
}
.button3 {
border-radius: 122px;
height: 250px;
width: 250px;
font-size: 15px;
padding: 20px;
font-family: "Playfair Display", serif;
background: dark blue;
background: #3bbd98;
margin: 50px;
}
.button4 {
border-radius: 122px;
height: 250px;
width: 250px;
font-size: 15px;
padding: 20px;
font-family: "Indie Flower", cursive;
background: blue;
background: #3b71bd;
margin: 50px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment