-
Notifications
You must be signed in to change notification settings - Fork 0
/
styleguide.html
executable file
·95 lines (78 loc) · 3.28 KB
/
styleguide.html
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DMT Design Meets Tech</title>
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Web Starter Kit">
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#3372DF">
<!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
<!--
<link rel="canonical" href="http://www.example.com/">
-->
<!-- Page styles -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800|Old+Standard+TT:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/dmt.styles.css">
</head>
<body>
<div class="container">
<div class="container__inner">
<div class="branding">
DMT
<span>
Design Meets Tech
</span>
</div>
</div>
</div>
<div class="container">
<div class="container__inner">
<h1>Title h1</h1>
<h2>Title h2</h2>
<h3>Title h3</h3>
<h4>Title h4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla porta eleifend mauris, at dapibus nibh. Sed ante urna, vehicula non felis eget, ultricies blandit nulla. Praesent malesuada, orci in congue molestie, lectus augue accumsan orci, a tempor tellus turpis vel lorem. Mauris varius est ipsum, eget viverra odio tristique nec. Sed nec dolor a arcu dignissim bibendum at non dui.</p>
<div class="label">Label</div>
<div class="copyright">Copyright DMT</div>
</div>
</div>
<div class="container">
<div class="container__inner serif">
<h2>Title h2</h2>
<h3>Title h3</h3>
<h4>Title h4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="container">
<div class="container__inner">
<i class="icon icon--facebook"></i>Facebook
<i class="icon icon--twitter"></i>Twitter
<i class="icon icon--menu"></i>Menu
<i class="icon icon--search"></i>Search
</div>
</div>
<div class="container">
<div class="container__inner">
<button class="btn btn--positive">Read more</button>
<button class="btn btn--negative">Read more</button>
</div>
</div>
<!-- build:js(app/) ../../scripts/main.min.js -->
<script src="js/main.js"></script>
<!-- endbuild -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
<!-- Built with love using Web Starter Kit -->
</body>
</html>