Skip to content

Instantly share code, notes, and snippets.

@twentyfortysix

twentyfortysix/circles.index

Created October 6, 2016 06:57
Show Gist options
  • Save twentyfortysix/cb7f3688db9a51573022177ee434b9eb to your computer and use it in GitHub Desktop.
Save twentyfortysix/cb7f3688db9a51573022177ee434b9eb to your computer and use it in GitHub Desktop.
Download ZIP
class
Raw
circles.index
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<link rel="stylesheet" href="mystyle.css" >
<style>
.circle{
height:200px;
width:200px;
background-color: red;
border:1px solid green;
border-radius:100%;
margin-bottom: 3rem;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="circle"></div>
</div>
<div class="col-md-3">
<div class="circle"></div>
</div>
<div class="col-md-3">
<div class="circle"></div>
</div>
<div class="col-md-3">
<div class="circle"></div>
</div>
</div>
<div class="row">
<div class="col-md-3"><div class="circle"></div></div>
<div class="col-md-3"><div class="circle"></div></div>
<div class="col-md-3"><div class="circle"></div></div>
<div class="col-md-3"><div class="circle"></div></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment