forked from BlackrockDigital/startbootstrap
-
Notifications
You must be signed in to change notification settings - Fork 0
/
help.html
136 lines (120 loc) · 8.27 KB
/
help.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
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Some help with using the free templates by Start Bootstrap.">
<meta name="author" content="https://plus.google.com/u/0/106232813493405110734">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<title>Help - Start Bootstrap - Free HTML Templates for Bootstrap 3</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Start Bootstrap CSS - DON'T USE THIS FOR THE TEMPLATES! -->
<link href="css/startbootstrap.css" rel="stylesheet">
<link href="css/ads.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-fixed-top startbootstrap-nav" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Start Bootstrap</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="all-templates.html">All Templates</a></li>
<li class="divider"></li>
<li><a href="home-page-templates.html">Home Page Templates</a></li>
<li><a href="other-page-templates.html">Other Page Templates</a></li>
<li><a href="full-site-templates.html">Full Site Templates</a></li>
</ul>
</li>
<li class="active"><a href="help.html">Help</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="http://startbootstrap.tumblr.com/">Blog</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<!-- Page content -->
<div class="contact">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Help with Start Bootstrap</h1>
<ol class="breadcrumb">
<li><a href="index.html">Start Bootstrap</a></li>
<li class="active">Help</li>
</ol>
</div>
<div class="col-lg-8 col-md-8">
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">×</button>
Our help page is still under development. Please contact us if you have any issues or suggestions. Thanks!
</div>
<h2>Using the Templates</h2>
<p>The templates featured on Start Bootstrap are built using the <a href="http://getbootstrap.com">Bootstrap 3</a> framework. In order to get the most out of these free templates, we recommend that you build an in-depth understanding of the Bootstrap framework. Some of these templates can be great learning tools and are a great place to start, but to unlock their full potential they will require some personalized customization.</p>
<p>Each template is a standalone HTML file. The templates also have a corresponding custom CSS file (ex. <code>one-page-wonder.html</code> and <code>one-page-wonder.css</code>) To access the templates you can either download the .zip file for a template (each .zip file is pre-packaged with the Bootstrap core components and jQuery), you can view the live preview and copy the HTML/CSS source code directly using your browser, or you can view the source files on GitHub.</p>
<h2>Bootstrap 3 Learning Resources</h2>
<ul>
<li><a href="http://getbootstrap.com/getting-started/">Official Bootstrap Documentation</a></li>
<li><a href="http://www.sitepoint.com/understanding-twitter-bootstrap-3/">Understanding Twitter Bootstrap 3 - SitePoint</a></li>
<li><a href="http://www.helloerik.com/bootstrap-3-grid-introduction">Bootstrap 3 Grid Introduction - UX at Hello Erik</a></li>
</ul>
<h2>Still Having Trouble?</h2>
<p>We are still extending this help page as we add more templates and get more requests. If you have a specific question, please email us at <a href="mailto:help@startbootstrap.com">help@startbootstrap.com</a> and we will try our best to assist you.</p>
</div>
<div class="col-lg-4 col-md-4">
<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/51625/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
</div>
</div>
</div>
</div>
<hr>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p><a href="index.html">Home</a> · <a href="all-templates.html">Templates</a> · <a href="help.html">Help</a> · <a href="contact.html">Contact</a> · <a href="http://startbootstrap.tumblr.com/">Blog</a><span class="pull-right hidden-sm"><a href="#">Back to top</a></span></p>
<p>
<iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=ironsummitmedia&repo=startbootstrap&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="55px" height="20px"></iframe>
<iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=ironsummitmedia&repo=startbootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
<a href="https://twitter.com/SBootstrap" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @SBootstrap</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://startbootstrap.com" data-via="SBootstrap" data-lang="en">Tweet</a>
<br>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FIronSummitMedia&width=450&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowTransparency="true"></iframe>
</p>
<p>
<a href="http://www.startbootstrap.com">Start Bootstrap</a> is a project maintained by <a href="http://www.ironsummitmedia.com">Iron Summit Media Strategies</a>, a <a href="http://www.ironsummitmedia.com">digital marketing agency in Orlando, FL</a>.<br>
Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br>
Based on <a href="http://getbootstrap.com/">Bootstrap</a>. Icons by <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a>.<br>
Placeholder images by <a href="http://placehold.it/">placehold.it</a>, <a href="http://lorempixel.com/">lorempixel</a>, and <a href="http://placecreature.com/">placecreature</a>.
</p>
</div>
</div>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-38417733-17', 'startbootstrap.com');
ga('send', 'pageview');
</script>
</body>
</html>