diff --git a/index.html b/index.html
index 79dc355..098aa86 100755
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <title></title>
     <link rel='stylesheet' href='style.css'>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
   </head>
   <body>
 
@@ -35,5 +36,12 @@ <h2> Pull Up</h2>
       <div class="box pullUp2">
         <h2> Pull Up 2</h2>
       </div>
+      <div class="main-box container">
+        <div class="row">
+          <div class="circle one"><h1>Circle</h1></div>
+          <div class="circle two"></div>
+          <div class="circle three"></div>
+        </div>
+      </div>
   </body>
 </html>
diff --git a/style.css b/style.css
index 1ae0bc0..f1765dd 100755
--- a/style.css
+++ b/style.css
@@ -9,7 +9,7 @@ body{
   height:25vh;
   width:25vh;
   margin: 5px;
-  display:inline-block;
+  /*display:inline-block;*/
   background-color: skyblue;
 }
 
@@ -153,3 +153,39 @@ body{
 		transform: scaleY(1);
 	}*/
 }
+
+/** {
+  overflow: hidden;
+  margin: 0;
+}*/
+
+/*Jen's animation---------------------------*/
+@keyframes circle {
+	from {
+		transform: scale(0)
+	}
+	to {
+		transform: scale(3)
+	}
+}
+
+.circle {
+  margin: 300px;
+  width: 100px;
+  height: 100px;
+  border: 10px solid yellow;
+  border-radius: 50%;
+  position: absolute;
+  top: 5%;
+  left: 40%;
+}
+.one {
+  animation: circle 8s infinite linear;
+}
+.two {
+  animation: circle 7s infinite linear;
+}
+.three {
+  animation: circle 6s infinite linear;
+}
+/*Jen's animation---------------------------*/
