|
1 | | -<section class="section section-1"> |
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <title>About Pattern Lab and Atomic Design</title> |
| 5 | + <meta charset="UTF-8"> |
| 6 | + <meta name="viewport" content="width=device-width" /> |
| 7 | + <link rel="stylesheet" href="../css/style.css"> |
| 8 | +</head> |
| 9 | + |
| 10 | +<body> |
| 11 | + <div class="container"> |
| 12 | + <header class="header" role="banner"> |
| 13 | + |
| 14 | + <h4 class="logo-header"><a href="/"><span class="atom"></span> Pattern Lab</a></h4> |
| 15 | + |
| 16 | + <nav class="nav" role="navigation"> |
| 17 | + <ul> |
| 18 | + <li><a href="/docs/index.html">Documentation</a></li> |
| 19 | + <li><a href="/about.html">About</a></li> |
| 20 | + <li><a href="/resources.html">Resources</a></li> |
| 21 | + <li><a href="http://demo.patternlab.io" target="_blank">Demo</a></li> |
| 22 | + <li><a href="https://github.com/pattern-lab/patternlab-php" rel="external" target="blank">On Github</a></li> |
| 23 | + </ul> |
| 24 | + </nav> |
| 25 | + |
| 26 | + </header><!--end header--> |
| 27 | + <div class="main" role="main"> |
| 28 | + |
| 29 | + <section class="section section-1"> |
2 | 30 | <h1>About Atomic Design</h1> |
3 | 31 | <p class="intro">Atomic design is a methodology used to construct web design systems.</p> |
4 | 32 | <ol class="atomic-design"> |
@@ -105,3 +133,83 @@ <h2 class="section-title">Pages</h2> |
105 | 133 | </div> |
106 | 134 | </div> |
107 | 135 | </section> |
| 136 | + |
| 137 | + |
| 138 | + </div><!--end .main--> |
| 139 | + <footer class="footer" role="contentinfo"> |
| 140 | + <ol class="atomic-design small"> |
| 141 | + <li> |
| 142 | + <a href="/about.html#atoms"> |
| 143 | + <img src="/assets/icon-atom.svg" alt="Atom" /> |
| 144 | + </a> |
| 145 | + </li> |
| 146 | + <li> |
| 147 | + <a href="/about.html#molecules"> |
| 148 | + <img src="/assets/icon-molecule.svg" alt="Molecule" /> |
| 149 | + </a> |
| 150 | + </li> |
| 151 | + <li> |
| 152 | + <a href="/about.html#organisms"> |
| 153 | + <img src="/assets/icon-organism.svg" alt="Organism" /> |
| 154 | + </a> |
| 155 | + </li> |
| 156 | + <li> |
| 157 | + <a href="/about.html#templates"> |
| 158 | + <img src="/assets/icon-template.svg" alt="Template" /> |
| 159 | + </a> |
| 160 | + </li> |
| 161 | + <li> |
| 162 | + <a href="/about.html#pages"> |
| 163 | + <img src="/assets/icon-page.svg" alt="Page" /> |
| 164 | + </a> |
| 165 | + </li> |
| 166 | + </ol> |
| 167 | + |
| 168 | + <nav class="footer-nav" role="navigation"> |
| 169 | + <ul> |
| 170 | + <li><a href="/">Home</a></li> |
| 171 | + <li><a href="/docs/index.html">Documentation</a></li> |
| 172 | + <li><a href="/about.html">About</a></li> |
| 173 | + <li><a href="/resources.html">Resources</a></li> |
| 174 | + <li class="right"><a href="http://demo.patternlab.io">Demo</a></li> |
| 175 | + <li class="right"><a href="https://github.com/pattern-lab/patternlab-php" rel="external" target="blank">On Github</a></li> |
| 176 | + </ul> |
| 177 | + </nav> |
| 178 | + |
| 179 | + <div class="credits"> |
| 180 | + <p>Created by <a href="http://bradfrostweb.com">Brad Frost</a> (<a href="https://twitter.com/brad_frost" rel="external">@brad_frost</a>), <a href="http://dmolsen.com" rel="external">Dave Olsen</a> (<a href="https://twitter.com/dmolsen" rel="external">@dmolsen</a>), and the <a href="https://github.com/pattern-lab/patternlab-php">Web community</a>. </p> |
| 181 | + <p>Pattern Lab will always be free and open source.</p> |
| 182 | + </div> |
| 183 | + </footer><!--end footer--> |
| 184 | +</div><!--end container--> |
| 185 | +<script type="text/javascript" src="../js/responsive-nav.min.js"></script> |
| 186 | +<script type="text/javascript" src="../js/init.js"></script> |
| 187 | +<script> |
| 188 | + (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
| 189 | + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
| 190 | + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
| 191 | + })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
| 192 | + |
| 193 | + ga('create', 'UA-44021730-1', 'patternlab.io'); |
| 194 | + ga('send', 'pageview'); |
| 195 | + |
| 196 | + </script> |
| 197 | + |
| 198 | + <script type="text/javascript"> |
| 199 | + var _gauges = _gauges || []; |
| 200 | + (function() { |
| 201 | + var t = document.createElement('script'); |
| 202 | + t.type = 'text/javascript'; |
| 203 | + t.async = true; |
| 204 | + t.id = 'gauges-tracker'; |
| 205 | + t.setAttribute('data-site-id', '52334fc0108d7b6480000040'); |
| 206 | + t.src = '//secure.gaug.es/track.js'; |
| 207 | + var s = document.getElementsByTagName('script')[0]; |
| 208 | + s.parentNode.insertBefore(t, s); |
| 209 | + })(); |
| 210 | + </script> |
| 211 | +</body> |
| 212 | +</html> |
| 213 | + |
| 214 | + |
| 215 | + |
0 commit comments