Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 11.1 KB
Newer Older
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
1
2
3
4 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
Julian Thilo's avatar
Disable IE Compatibility Mode in docs, examples    
Julian Thilo committed
5 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
Zlatan Vasović's avatar
Improve <meta> tags    
Zlatan Vasović committed
6 
    <meta name="viewport" content="width=device-width, initial-scale=1">
Kevin Kirsche's avatar
Fix issue #15601 — Position of X-UA-Compatible    
Kevin Kirsche committed
7 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
8
9 
    <meta name="description" content="">
    <meta name="author" content="">
XhmikosR's avatar
Move apple-touch-icon-precomposed.png and favicon.ico in docs root.    
XhmikosR committed
10 
    <link rel="icon" href="../../favicon.ico">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
11
Nicole's avatar
change file names to example names    
Nicole committed
12 
    <title>Carousel Template for Bootstrap</title>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
13
14 

    <!-- Bootstrap core CSS -->
wangsai's avatar
fix assets links in all examples    
wangsai committed
15 
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
16
Chris Rebert's avatar
add ie-emulation-modes-warning.js to docs & examples    
Chris Rebert committed
17 
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
wangsai's avatar
fix assets links in all examples    
wangsai committed
18 
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
Chris Rebert's avatar
add ie-emulation-modes-warning.js to docs & examples    
Chris Rebert committed
19 
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
Chris Rebert's avatar
Warn about IE8 + Respond.js + file:// problem in examples; fix #11019    
Chris Rebert committed
20
XhmikosR's avatar
Fix a small typo in comment.    
XhmikosR committed
21 
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
saiwang's avatar
add IE's Conditional comments for respondjs and html5shiv    
saiwang committed
22 
    <!--[if lt IE 9]>
XhmikosR's avatar
Update html5shiv to 3.7.2.    
XhmikosR committed
23 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
XhmikosR's avatar
Use the new respond.js URL.    
XhmikosR committed
24 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
saiwang's avatar
add IE's Conditional comments for respondjs and html5shiv    
saiwang committed
25
26 
    <![endif]-->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
27 
    <!-- Custom styles for this template -->
Nicole's avatar
add git ignore    
Nicole committed
28 
    <link href="carousel.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
29
30
31
32
33
34
35 
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <div class="navbar-wrapper">
      <div class="container">
Patrick H. Lauke's avatar
Redundant role="navigation" on <nav>s    
Patrick H. Lauke committed
36 
        <nav class="navbar navbar-inverse navbar-static-top">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
37 
          <div class="container">
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
38 
            <div class="navbar-header">
Patrick H. Lauke's avatar
ARIA support for collapse    
Patrick H. Lauke committed
39 
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
Thanos Lefteris's avatar
Add toogle nav for screen readers in examples    
Thanos Lefteris committed
40 
                <span class="sr-only">Toggle navigation</span>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
41
42
43
44
45
46 
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Project name</a>
            </div>
Patrick H. Lauke's avatar
ARIA support for collapse    
Patrick H. Lauke committed
47 
            <div id="navbar" class="navbar-collapse collapse">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
48
49
50
51
52 
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
                <li class="dropdown">
Patrick H. Lauke's avatar
generalize dropdowns / drop role="menu"    
Patrick H. Lauke committed
53
54 
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                  <ul class="dropdown-menu">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
55
56
57 
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
Patrick H. Lauke's avatar
ensure divider list items have role="separator"    
Patrick H. Lauke committed
58 
                    <li role="separator" class="divider"></li>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
59 
                    <li class="dropdown-header">Nav header</li>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
60
61
62
63
64
65
66 
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
Chris Rebert's avatar
consistently use <nav> instead of <div> for .navbar in docs    
Chris Rebert committed
67 
        </nav>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
68
69
70
71
72
73
74 

      </div>
    </div>


    <!-- Carousel
    ================================================== -->
Chris Rebert's avatar
use data-ride="carousel" in the docs & examples; fixes #11005    
Chris Rebert committed
75 
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
76
77
78
79
80
81 
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>
Chris Rebert's avatar
add role="listbox" to .carousel-inner to improve accessibility of Carousels    
Chris Rebert committed
82 
      <div class="carousel-inner" role="listbox">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
83 
        <div class="item active">
Mark Otto's avatar
keep the base64    
Mark Otto committed
84 
          <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
85
86
87 
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
Chris Rebert's avatar
address #10965; mention Glyphicons-over-file:// problem in Carousel example    
Chris Rebert committed
88 
              <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
Lipis's avatar
Updated the old btn-large in carousel example    
Lipis committed
89 
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
90
91
92
93 
            </div>
          </div>
        </div>
        <div class="item">
Mark Otto's avatar
keep the base64    
Mark Otto committed
94 
          <img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
95
96
97
98 
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
Lipis's avatar
Updated the old btn-large in carousel example    
Lipis committed
99 
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
100
101
102
103 
            </div>
          </div>
        </div>
        <div class="item">
Mark Otto's avatar
keep the base64    
Mark Otto committed
104 
          <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
105
106
107
108 
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
Lipis's avatar
Updated the old btn-large in carousel example    
Lipis committed
109 
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
110
111
112
113 
            </div>
          </div>
        </div>
      </div>
Chris Rebert's avatar
Add screenreader text to prev/next carousel buttons in examples to improve accessibility    
Chris Rebert committed
114 
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
Patrick H. Lauke's avatar
aria-hidden added to some stray glyphicons    
Patrick H. Lauke committed
115 
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
Chris Rebert's avatar
Add screenreader text to prev/next carousel buttons in examples to improve accessibility    
Chris Rebert committed
116
117
118 
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
Patrick H. Lauke's avatar
aria-hidden added to some stray glyphicons    
Patrick H. Lauke committed
119 
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
Chris Rebert's avatar
Add screenreader text to prev/next carousel buttons in examples to improve accessibility    
Chris Rebert committed
120
121 
        <span class="sr-only">Next</span>
      </a>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
122
123
124
125
126
127
128
129
130
131
132
133 
    </div><!-- /.carousel -->


    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">

      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="col-lg-4">
XhmikosR's avatar
Fix carousel example images after c08bf4ba8b968ecda295391b41d5e965b642ba7c.    
XhmikosR committed
134 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
135
136 
          <h2>Heading</h2>
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
Kevin Suttle's avatar
Add even more role="button" attributes    
Kevin Suttle committed
137 
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
138
139 
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
XhmikosR's avatar
Fix carousel example images after c08bf4ba8b968ecda295391b41d5e965b642ba7c.    
XhmikosR committed
140 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
141
142 
          <h2>Heading</h2>
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
Kevin Suttle's avatar
Add even more role="button" attributes    
Kevin Suttle committed
143 
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
144
145 
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
XhmikosR's avatar
Fix carousel example images after c08bf4ba8b968ecda295391b41d5e965b642ba7c.    
XhmikosR committed
146 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
147
148 
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
Kevin Suttle's avatar
Add even more role="button" attributes    
Kevin Suttle committed
149 
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
150
151
152
153
154
155
156
157 
        </div><!-- /.col-lg-4 -->
      </div><!-- /.row -->


      <!-- START THE FEATURETTES -->

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
158
159
160
161
162
163 
      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
Nikita Rushmanov's avatar
Center images in carousel example    
Nikita Rushmanov committed
164 
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
165 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
166
167
168
169 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
170 
      <div class="row featurette">
Nikita Rushmanov's avatar
Fix image order in carousel example    
Nikita Rushmanov committed
171 
        <div class="col-md-7 col-md-push-5">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
172
173
174 
          <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
Nikita Rushmanov's avatar
Fix image order in carousel example    
Nikita Rushmanov committed
175
176
177 
        <div class="col-md-5 col-md-pull-7">
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
178
179
180
181 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
182
183
184
185
186
187 
      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
Nikita Rushmanov's avatar
Center images in carousel example    
Nikita Rushmanov committed
188 
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
189 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
190
191
192
193
194
195
196
197
198
199 
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->


      <!-- FOOTER -->
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
Julian Thilo's avatar
Update copyright notices in all places    
Julian Thilo committed
200 
        <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
201
202
203 
      </footer>

    </div><!-- /.container -->
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
204
205
206
207
208 


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
XhmikosR's avatar
Update jQuery to v1.11.3.    
XhmikosR committed
209 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
XhmikosR's avatar
Add a local jQuery fallback.    
XhmikosR committed
210 
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
211 
    <script src="../../dist/js/bootstrap.min.js"></script>
Chris Rebert's avatar
Use just holder.js instead of docs.min.js in examples when possible    
Chris Rebert committed
212 
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
XhmikosR's avatar
Update Holder.js to v2.6.0.    
XhmikosR committed
213 
    <script src="../../assets/js/vendor/holder.min.js"></script>
Chris Rebert's avatar
Fix #14164: move Windows Phone 8 IE10 viewport bug workaround script to footer of pages    
Chris Rebert committed
214
215 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
216 
  </body>
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
217 
</html>