-
Notifications
You must be signed in to change notification settings - Fork 4
/
features.html
executable file
·135 lines (129 loc) · 7.27 KB
/
features.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ThemesTent</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Fb OG Platform : Remove if opengraph data is required ...
<meta property="og:type" content="article">
<meta property="og:url" content="http://framework.themestent.com/">
<meta property="og:site_name" content="Themestent Framework">
<meta property="og:image" content="http://themestent.cdnconnect.com/devices.png">
<meta property="og:title" content="Advanced front-end template for faster prototyping">
<meta property="og:description" content="A simplified platform for rapid Front-End prototyping. Including the best techniques and resources all the nerds are using.">
<meta property="article:author" content="http://twitter.com/evanshajed">
-->
<!-- Twitter Card Platform
<meta property="twitter:card" content="summary">
<meta property="twitter:site" content="@themestent">
<meta property="twitter:creator" content="@evanshajed">
<meta property="twitter:url" content="http://framework.themestent.com/">
<meta property="twitter:title" content="Advanced front-end template for faster prototyping">
<meta property="twitter:description" content="A simplified platform for rapid Front-End prototyping. Including the best techniques and resources all the nerds are using.">
<meta property="twitter:image" content="http://themestent.cdnconnect.com/devices.png">
-->
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="css/iconic_stroke.css">
<link rel="stylesheet" href="css/ttf.css">
<script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div>
<header class="main-header" role="banner">
<div class="container">
<div class="row">
<div class="span12">
<h1>TemesTent Framework</h1>
<h2>An advanced starter template for Front End Developers</h2>
</div>
</div>
</div>
</header>
<section class="container">
<div class="row">
<div class="span6">
<!-- Common Buttons -->
<h3>Common Buttons</h3>
<ul class="hlist">
<li><a href="#" title="Normal Button" class="btn">Normal button</a></li>
<li><a href="#" title="Normal Rounded" class="btn btn-rounded">Normal Rounded</a></li>
<li><a href="#" title="Primary Button" class="btn btn-primary">Primary Normal</a></li>
<li><a href="#" title="Primary Rounded" class="btn btn-primary btn-rounded">Primary Rounded</a></li>
</ul>
<h4>Action Button</h4>
<a href="#" class="btn btn-action">Action Button</a>
<h4>Bourbon Buttons</h4>
<ul class="hlist">
<li><a href="#" title="Primary Rounded" class="btn-simple">Simple Button</a></li>
<li><a href="#" title="Primary Rounded" class="btn-pill">Pill Button</a></li>
<li><a href="#" title="Primary Rounded" class="btn-shiny">Pill Button</a></li>
</ul>
</div>
<div class="span6">
<!-- Combined Buttons -->
<h3>Combined buttons</h3>
<h4>Buttons group</h4>
<div class="btn-group">
<a class="btn">Left</a>
<a class="btn">Middle</a>
<a class="btn">Right</a>
</div>
<h4>Multiple button groups</h4>
<div class="btn-toolbar">
<div class="btn-group">
<button class="btn">1</button>
<button class="btn">2</button>
<button class="btn">3</button>
<button class="btn">4</button>
</div>
</div>
</div>
</div>
<!-- Slider -->
<div class="row">
<!-- BxSlider -->
<div class="span12">
<seection class="slider-section">
<h1>Responsive Slider by bxSlider</h1>
<ul id="bxSlider" class="bxslider">
<li><img src="img/slider/img1.jpg" alt="Slider Image One" title="Slider Image One" /></li>
<li><img src="img/slider/img2.jpg" alt="Slider Image One" title="Slider Image One" /></li>
<li><img src="img/slider/img3.jpg" alt="Slider Image One" title="Slider Image One" /></li>
</ul>
</section>
</div>
</div>
<!-- helper Section -->
<div class="row">
<div class="span12">
<div class="helper-section">
<!-- Horizontal List Section -->
<div class="hlist-section">
<ul class="hlist">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="components/jquery/jquery.min.js"><\/script>')</script>
<script src="components/jquery/jquery-migrate.min.js"></script>
<script src="js/ttf-bundle-min.js"></script>
<script src="js/app.js"></script>
</body>
</html>