<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 ----------> <h1>Museum of the Moving Image</h1> Recreation of <a href="http://www.movingimage.us/">http://www.movingimage.us/</a> title in HTML/CSS.

body { text-align: center; font-family: 'Open Sans'; } h1 { font-size: 4rem; font-weight: 900; text-align: center; margin: 4rem; text-transform: uppercase; animation: background-move 10s infinite; background: url(https://blog.spoongraphics.co.uk/wp-content/uploads/2012/retro-pattern/triangle-pattern.jpg); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @keyframes background-move { 0% { background-position: 0% 0%; } 25% { background-position: 5% 10%; } 50% { background-position: 15% 15%; } 75% { background-position: 10% 5%; } 100% { background-position: 0% 0%; } } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }