Getting started

Once you've downloaded PhonePack, here's what to do next.

Download via Bower

PhonePack is available through Bower

bower install phonepack

Don’t use bower?

PhonePack is available via download

Download Phonepack

Include files

All needed files are in the dist folder. You can include PhonePack files in your html page.

<link rel="stylesheet" type="text/css" href="phonepack.css">
<script src="phonepack.js" type="text/javascript" charset="utf-8"></script>

Basic template

Use this basic template to get your app started.


<!DOCTYPE html>
  <html>
      <head>
        <meta charset="utf-8">
        
        <!-- Sets initial viewport load and disables zooming  -->
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <title>PhonePack</title>
  
        <!-- PhonePack CSS  -->
        <link rel="stylesheet" type="text/css" href="phonepack.css">
  
        <!-- PhonePack JavaScript  -->
        <script src="phonepack.js" type="text/javascript" charset="utf-8"></script>
      </head>
  <body>
  
    <header class="header header--shadow bg-lime ">
      <div class="header__title">PhonePack</div>
    </header>
  
    <section class="content has-header">
      <ul class="list">
          <li class="list__item">
            <div class="list__content">
              List item 01
              <div class="list__caption">
                Caption Item
              </div>
            </div>
          </li>
        </ul>
      </section>
  
</body>
</html>