<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <a href="https://harunpehlivantebimtebitagem.carrd.co" target="_blank"> FOUNDER,CEO BLOGGER</a> <link rel="stylesheet"href="css/index.css"> <link rel="stylesheet"href="css/normalize.css"> <link rel="icon"href="images/wo.jpg"> <article> <header> <div class="one"></div> </header> <section> </section> <footer> <img src="https://4.bp.blogspot.com/-C5RuNmw_k3w/V3TTMEr_6fI/AAAAAAAALY8/HZkoqln7K0U_JgpuyBnvqA92R85Y4qFQACLcB/s1600/nexus2cee_Nexus.jpg"class="img10"> </footer> </article>

* { box-sizing:border-box; } article { background:#eee; width:300px; height:500px; margin:50px auto; border:3px solid black; border-radius:15px } article header { background:black; width:295px; height:40px; border-top-left-radius:10px; border-top-right-radius:10px; padding-top:15px } article header .one { width:60px; height:5px; margin:0px auto; background:white; border-radius:30px; } article section { height:420px; width:295px; animation-name:change; animation-duration:30s; animation-timing-function:linear; animation-iteration-count:infinite } @keyframes change { 0% { background:url("https://scontent.fsaw1-4.fna.fbcdn.net/v/t1.0-9/22045808_1968145893467127_6245856208880001651_n.jpg?oh=65b91f43a51c20c2f468c9d0e6ec658c&oe=5A6A63CA"); background-size:cover } 25% { background:url("https://scontent.fsaw1-4.fna.fbcdn.net/v/t1.0-9/22050303_1968145896800460_6778178146180422523_n.jpg?oh=0c140bbd6ced4f1e2547158df114f756&oe=5A6E9A30"); background-size:cover; height:420px } 50% { background:url("https://scontent.fsaw1-4.fna.fbcdn.net/v/t1.0-9/22008022_1968145916800458_7904986295645212231_n.jpg?oh=483c2638ab037f271eb55c99ccb32fee&oe=5AAD071A"); background-size:cover } 75% { background:url("https://scontent.fsaw1-4.fna.fbcdn.net/v/t1.0-9/19420747_1921792551435795_4375941312649391984_n.jpg?oh=d26fa729703b15d31d32b5cc32e96da0&oe=5A66C8F6"); background-size:cover } 100% { background:url("https://lh3.googleusercontent.com/-7t7UGwqJ0Kk/WeT3XxaVekI/AAAAAAAAaMY/K4CflTs2vE4QqAUF9Ww6FCbZX2Ftc-AuQCJoC/w530-h919-n/22547707_1822570071322934_985787404_n.jpg"); background-size:cover } } article footer { background:black; height:34px; width:295px; border-bottom-left-radius:10px; border-bottom-right-radius:12px; overflow:hidden; } article footer .img10 { width:330px; height:50px; position:relative; bottom:7px; right:22px; border-radius:20px; }