ResponsiveEmailPatterns/pattern.html at master · Simple-Talk/ResponsiveEmailPatterns · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!doctype html>
<html>
  <head>
    <link rel="icon" type="icon" href="favicon.ico">
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Responsive Email Patterns</title>

    <link href="stylesheets/normalize.css" media="screen" rel="stylesheet" type="text/css" />
<link href="stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
  </head>

  <body class="pattern">
    <div class="wrap">
      <header class="header">
	<h1>Pattern Name</h1>
	<p class="pattern_image">
		<img class="smartphone" src="http://placehold.it/100x200&text=Phone" alt="" />
		<img class="tablet" src="http://placehold.it/192x200&text=Tablet" alt="" />
		<img class="desktop" src="http://placehold.it/300x200&text=Desktop" alt="" />
	</p>
	<p>This is a description of the pattern</p>
	<p>
		<a href="http://codepen.io/briangraves/full/Kmluo" class="demo">View Demo</a>
	</p>
</header>

<section class="considerations">
	<h2>Considerations</h2>
	<p>
		This pattern is great!
	</p>
</section>

<section class="inthewild">
	<h2>In The Wild</h2>
	<p>
		<a href="http://www.google.com">Crocs!</a>
	</p>
</section>


      <footer>
        <nav>
          <ul>
            <li><a href="index.html">Responsive Email Patterns</a></li>
            <li><a href="support.html">Pattern Support & Testing</a></li>
            <li><a href="resources.html">Responsive Email Resources</a></li>
            <li><a href="https://github.com/briangraves/ResponsiveEmailPatterns">Fork Me on Github</a></li>
            <li><a href="http://www.twitter.com/briangraves">@BrianGraves</a></li>
          </ul>
        </nav>
      </footer>
    </div>

    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-38926602-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </body>
</html>