Menu icon Foundation

My Posts

My Comments

Paul Barrett commented on Paul Barrett's post about 4 years

Thanks for the link. I had not seen that one and I've been doing a lot of searching.

Paul Barrett commented on Paul Barrett's post about 4 years

<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>USNO-TS</title>
    <link rel="shortcut icon" type="image/x-icon" href="usno3.ico"/>
    <meta name="author" content="Paul Barrett"/>
    <meta name="copyright" content="US Naval Observatory, 2015"/>
    <meta name="description" content="Time Services Monitoring Interface"/>
    <link rel="stylesheet" href="foundation/css/foundation.css"/>
    <script type="text/javascript" src="foundation/js/vendor/modernizr.js"></script>
  </head>
  <body>

    <div class="row">
      <div class="large-3 columns">
  <h4 style="color:gold; background-color:#000090;">USNO Time Services</h4>
      </div>
      <div class="large-9 columns">
  <ul class="inline-list right">
    <li><a href="#">Section 1</a></li>
    <li><a href="#">Section 2</a></li>
    <li><a href="#">Section 3</a></li>
    <li><a href="#">Section 4</a></li>
  </ul>
      </div>
    </div>

    <div class="row">


      <div class="large-9 push-3 columns">
  <div>
    <svg>
      <rect width="100" height="100" fill="red" data-tooltip
      aria-haspopup="true" class="has-tip tip-right"
      title="Red Square"/>
    </svg>
  </div>
      </div>


      <div class="large-3 pull-9 columns">
  <ul class="side-nav">
    <li><a href="#">Section 1</a></li>
    <li><a href="#">Section 2</a></li>
    <li><a href="#">Section 3</a></li>
    <li><a href="#">Section 4</a></li>
    <li><a href="#">Section 5</a></li>
    <li><a href="#">Section 6</a></li>
  </ul>
  <p data-tooltip aria-haspopup="true" class="has-tip tip-right"
    title="This once was an image">
    Some text.
  </p>
      </div>
    </div>

    <footer class="row">
      <div class="large-12 columns">
  <hr/>
  <div class="row">
    <div class="large-6 columns">
      <p>&copy; Copyright no one at all. Go to town.</p>
    </div>
    <div class="large-6 columns">
      <ul class="inline-list right">
        <li><a href="#">Section 1</a></li>
        <li><a href="#">Section 2</a></li>
        <li><a href="#">Section 3</a></li>
        <li><a href="#">Section 4</a></li>
      </ul>
    </div>
  </div>
      </div>
    </footer>

    <script src="foundation/js/vendor/jquery.js"></script>
    <script src="foundation/js/vendor/fastclick.js"></script>
    <script src="foundation/js/foundation/foundation.js"></script>
    <script src="foundation/js/foundation/foundation.tooltip.js"></script>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Paul Barrett's post about 4 years

Thanks for the link. I had not seen that one and I've been doing a lot of searching.

You commented on Paul Barrett's post about 4 years

<!doctype html>
<!--[if IE 9]><html class="lt-ie10" lang="en" > <![endif]-->
<html class="no-js" lang="en" data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>USNO-TS</title>
    <link rel="shortcut icon" type="image/x-icon" href="usno3.ico"/>
    <meta name="author" content="Paul Barrett"/>
    <meta name="copyright" content="US Naval Observatory, 2015"/>
    <meta name="description" content="Time Services Monitoring Interface"/>
    <link rel="stylesheet" href="foundation/css/foundation.css"/>
    <script type="text/javascript" src="foundation/js/vendor/modernizr.js"></script>
  </head>
  <body>

    <div class="row">
      <div class="large-3 columns">
  <h4 style="color:gold; background-color:#000090;">USNO Time Services</h4>
      </div>
      <div class="large-9 columns">
  <ul class="inline-list right">
    <li><a href="#">Section 1</a></li>
    <li><a href="#">Section 2</a></li>
    <li><a href="#">Section 3</a></li>
    <li><a href="#">Section 4</a></li>
  </ul>
      </div>
    </div>

    <div class="row">


      <div class="large-9 push-3 columns">
  <div>
    <svg>
      <rect width="100" height="100" fill="red" data-tooltip
      aria-haspopup="true" class="has-tip tip-right"
      title="Red Square"/>
    </svg>
  </div>
      </div>


      <div class="large-3 pull-9 columns">
  <ul class="side-nav">
    <li><a href="#">Section 1</a></li>
    <li><a href="#">Section 2</a></li>
    <li><a href="#">Section 3</a></li>
    <li><a href="#">Section 4</a></li>
    <li><a href="#">Section 5</a></li>
    <li><a href="#">Section 6</a></li>
  </ul>
  <p data-tooltip aria-haspopup="true" class="has-tip tip-right"
    title="This once was an image">
    Some text.
  </p>
      </div>
    </div>

    <footer class="row">
      <div class="large-12 columns">
  <hr/>
  <div class="row">
    <div class="large-6 columns">
      <p>&copy; Copyright no one at all. Go to town.</p>
    </div>
    <div class="large-6 columns">
      <ul class="inline-list right">
        <li><a href="#">Section 1</a></li>
        <li><a href="#">Section 2</a></li>
        <li><a href="#">Section 3</a></li>
        <li><a href="#">Section 4</a></li>
      </ul>
    </div>
  </div>
      </div>
    </footer>

    <script src="foundation/js/vendor/jquery.js"></script>
    <script src="foundation/js/vendor/fastclick.js"></script>
    <script src="foundation/js/foundation/foundation.js"></script>
    <script src="foundation/js/foundation/foundation.tooltip.js"></script>
    <script>
      $(document).foundation();
    </script>
  </body>
</html>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content