Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 10.4 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">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
7
8 
    <meta name="description" content="">
    <meta name="author" content="">
XhmikosR's avatar
Revert 4f9270cc20c29cd3fbb0664379d620d14bb24a91.    
XhmikosR committed
9 
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
10
Nicole's avatar
change file names to example names    
Nicole committed
11 
    <title>Carousel Template for Bootstrap</title>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
12
13 

    <!-- Bootstrap core CSS -->
wangsai's avatar
fix assets links in all examples    
wangsai committed
14 
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
15
Chris Rebert's avatar
add ie-emulation-modes-warning.js to docs & examples    
Chris Rebert committed
16 
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
wangsai's avatar
fix assets links in all examples    
wangsai committed
17 
    <!--[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
18 
    <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
19
Chris Rebert's avatar
add IE10 viewport bug workaround to examples    
Chris Rebert committed
20
21
22 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
saiwang's avatar
add IE's Conditional comments for respondjs and html5shiv    
saiwang committed
23
24 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
XhmikosR's avatar
Update html5shiv to 3.7.2.    
XhmikosR committed
25 
      <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
26 
      <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
27
28 
    <![endif]-->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
29 
    <!-- Custom styles for this template -->
Nicole's avatar
add git ignore    
Nicole committed
30 
    <link href="carousel.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
31
32
33
34
35
36
37 
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <div class="navbar-wrapper">
      <div class="container">
AJ Acevedo's avatar
Added navigation role to example navbars    
AJ Acevedo committed
38 
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
39 
          <div class="container">
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
40
41 
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
Thanos Lefteris's avatar
Add toogle nav for screen readers in examples    
Thanos Lefteris committed
42 
                <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
43
44
45
46
47
48
49 
                <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>
            <div class="navbar-collapse collapse">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
50
51
52
53
54 
              <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">
Mark Otto's avatar
Fixes #13208: Drop <b> for <span> in code snippets and examples    
Mark Otto committed
55 
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
Chris Rebert's avatar
add missing role="menu" attrs to .dropdown-menu elements in docs+examples    
Chris Rebert committed
56 
                  <ul class="dropdown-menu" role="menu">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
57
58
59
60 
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li class="divider"></li>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
61 
                    <li class="dropdown-header">Nav header</li>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76 
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </div>

      </div>
    </div>


    <!-- Carousel
    ================================================== -->
Chris Rebert's avatar
use data-ride="carousel" in the docs & examples; fixes #11005    
Chris Rebert committed
77 
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
78
79
80
81
82
83
84
85 
      <!-- 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>
      <div class="carousel-inner">
        <div class="item active">
Mark Otto's avatar
Replace some images on the Carousel example with some base64 encoded 1x1 gifs    
Mark Otto committed
86 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
87
88
89 
          <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
90 
              <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
91 
              <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
92
93
94
95 
            </div>
          </div>
        </div>
        <div class="item">
Mark Otto's avatar
Replace some images on the Carousel example with some base64 encoded 1x1 gifs    
Mark Otto committed
96 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAGZmZgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
97
98
99
100 
          <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
101 
              <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
102
103
104
105 
            </div>
          </div>
        </div>
        <div class="item">
Mark Otto's avatar
Replace some images on the Carousel example with some base64 encoded 1x1 gifs    
Mark Otto committed
106 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
107
108
109
110 
          <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
111 
              <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
112
113
114
115 
            </div>
          </div>
        </div>
      </div>
Chris Rebert's avatar
add role="button" to [data-slide="prev"],[data-slide="next"] to improve accessibility    
Chris Rebert committed
116
117 
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
118
119
120
121
122
123
124
125
126
127
128
129
130 
    </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">
Mark Otto's avatar
Replace some images on the Carousel example with some base64 encoded 1x1 gifs    
Mark Otto committed
131 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 140px; height: 140px;">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
132
133 
          <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
134 
          <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
135
136 
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
Mark Otto's avatar
Replace some images on the Carousel example with some base64 encoded 1x1 gifs    
Mark Otto committed
137 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 140px; height: 140px;">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
138
139 
          <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
140 
          <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
141
142 
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
Mark Otto's avatar
Replace some images on the Carousel example with some base64 encoded 1x1 gifs    
Mark Otto committed
143 
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" style="width: 140px; height: 140px;">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
144
145 
          <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
146 
          <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
147
148
149
150
151
152
153
154 
        </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
155
156
157
158
159
160 
      <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">
Chris Rebert's avatar
rm dummy 'src' attributes of <img>s & squelch validator warning; fixes #11216    
Chris Rebert committed
161 
          <img class="featurette-image img-responsive" 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
162 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
163
164
165
166 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
167
168 
      <div class="row featurette">
        <div class="col-md-5">
Chris Rebert's avatar
rm dummy 'src' attributes of <img>s & squelch validator warning; fixes #11216    
Chris Rebert committed
169 
          <img class="featurette-image img-responsive" 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
170
171
172
173
174 
        </div>
        <div class="col-md-7">
          <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>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
175
176
177
178 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
179
180
181
182
183
184 
      <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">
Chris Rebert's avatar
rm dummy 'src' attributes of <img>s & squelch validator warning; fixes #11216    
Chris Rebert committed
185 
          <img class="featurette-image img-responsive" 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
186 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
187
188
189
190
191
192
193
194
195
196 
      </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
197 
        <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
198
199
200 
      </footer>

    </div><!-- /.container -->
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
201
202
203
204
205 


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
XhmikosR's avatar
Update jQuery to v1.11.1.    
XhmikosR committed
206 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
207 
    <script src="../../dist/js/bootstrap.min.js"></script>
Julian Thilo's avatar
Fix holder.js links in examples    
Julian Thilo committed
208 
    <script src="../../assets/js/docs.min.js"></script>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
209 
  </body>
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
210 
</html>