HTML

<!DOCTYPE html>
<html class="no-js" lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Project: Sentient</title>
     <link rel="stylesheet" href="css/foundation.css" />
     <link rel="stylesheet" href="css/app.css" />
     <script src="js/vendor/modernizr.js"></script>
   </head>
   <body class="bg1">
      <ul class="button-group [radius round expand] buttonShadow">
               <li><a href="#" class="button [secondary alert success]">Button 1</a></li>
               <li><a href="#" class="button [secondary alert success]">Button 2</a></li>
            </ul>
      <div class="appMain">
         <h1>Project: Sentient</h1>
         <h3 class="appSubheading">Request acknowledged. Request ignored. No fucks were given.</h3>
         <div class="row">
            <div class="large-7 large-centered columns">
               <ul class="button-group [radius round expand]">
                  <li><a href="#" class="button [secondary alert success] buttonShadow">Download Firmware</a></li>
                  <li><a href="#" class="button [secondary alert success] buttonShadow2">Find Out More</a></li>
               </ul>
            </div>
         </div>
      </div>
      <script src="js/vendor/jquery.js"></script>
      <script src="js/foundation.min.js"></script>
      <script>
         $(document).foundation();
      </script>
   </body>
</html>