-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
94 lines (94 loc) · 4.99 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tuxedo CSS - About</title>
<link rel="stylesheet" href="css/styles.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="js/tuxedo.js" charset="utf-8"></script>
</head>
<body>
<nav class="nav-dark fixed tablet-flex">
<header>
<a href="index.html"><img src="img/logo-thick-light.svg" alt="Tuxedo Logo"></a>
</header>
<ul class="mobile-nav flex-center">
<div class="hamburger"></div>
</ul>
<div class="flyout">
<div class="bar">
<header class="f-col-4">
<a href="index.html"><img src="img/logo-thick-light.svg" alt="Tuxedo Logo">
</a>
</header>
<div class="close f-col-1"></div>
</div>
<ul class="flyout-menu">
<li><a href="#">Getting Started</a></li>
<li class="fly-dropdown">Docs +
<ul class="dropdown-menu">
<li><a href="animations.html">Animations</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="colors.html">Colors</a></li>
<li><a href="fonts.html">Fonts</a></li>
<li><a href="footers.html">Footers</a></li>
<li><a href="forms.html">Forms</a></li>
<li><a href="grid.html">Grid</a></li>
<li><a href="helpers.html">Helpers</a></li>
<li><a href="hero.html">Hero</a></li>
<li><a href="nav.html">Nav</a></li>
<li><a href="sidebar.html">Sidebar</a></li>
<li><a href="threejs.html">Three.js</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</nav>
<div class="side-bar bg-dark">
<head>
<a href="index.html"><img src="img/thin-logo-large.svg" alt="tuxedo logo"></a>
</head>
<ul class="underline-light">
<li><a href="start.html">Getting Started</a></li>
<li><a href="animations.html">Animations</a></li>
<li><a href="buttons.html">Buttons</a></li>
<li><a href="colors.html">Colors</a></li>
<li><a href="fonts.html">Fonts</a></li>
<li><a href="footers.html">Footers</a></li>
<li><a href="forms.html">Forms</a></li>
<li><a href="grid.html">Grid</a></li>
<li><a href="helpers.html">Helpers</a></li>
<li><a href="hero.html">Hero</a></li>
<li><a href="nav.html">Nav</a></li>
<li><a href="sidebar.html">Sidebar</a></li>
<li><a href="threejs.html">Three.js</a></li>
</ul>
<ul>
<li class="active"><a href="about.html">About</a></li>
</ul>
</div>
<div class="side-bar-content">
<h1 class="text-dark underline-dark">About</h1>
<h6>Class up your CSS with Tuxedo.
Many frameworks out today provide solutions that aren’t easy to customize. Tuxedo is designed semantically - using HTML5 built in tags for easier understanding and cleaner markup.</h6>
<h3>Commented Code</h3>
<p>Tuxedo’s code is well commented so you, the developer, know what to change and where to change it. That way, whether the changes you want to make are large or small you know just where to start. Code is designed to be manipulated - not left alone in a file full of class names and ids you may not understand and definitely don’t want to touch.</p>
<h3>Sassy CSS</h3>
<p>Tuxedo uses Sass with the .scss file extension. If you’ve never used Sass, just know that with the .scss extention it’s structured pretty much like CSS3, but with some awesome additional features (*ahem* variables) thrown in. Don’t worry about never having used Sass before. The <span class="text-pop"><a href="start.html">Getting Started</a></span> page tells you all you need to know to get it set up.</p>
<h3>Download only what you need</h3>
<p>With Tuxedo you can also download just the pieces you need rather than getting bogged down in all the files you don’t need. Head over to the <span class="text-pop"><a href="start.html">Getting Started</a></span> page to start your download.</p>
<br>
<h1 class="text-dark underline-dark">Contact</h1>
<p>Questions or feedback you would like to share about Tuxedo?</p>
<p>Contact the developer at <strong><a href="mailto:[email protected]?Subject=Hello%20Tuxedo" target="_top">[email protected]</a></strong> or on GitHub at <strong><a href="https://github.com/ericanafziger" target="_blank">ericanafziger</a></strong>.</p>
</div>
<footer class="f-row responsive">
<small class="f-col-1 flex-center">2017 Erica Nafziger, All rights reserved.
</small>
<small class="f-col-1 flex-center">MIT License
</small>
</footer>
</body>
</html>