Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 10.3 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
Switch to `icon` instead of `shortcut icon` to fix the HTML validation tests.    
XhmikosR committed
9 
    <link rel="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
Warn about IE8 + Respond.js + file:// problem in examples; fix #11019    
Chris Rebert committed
16 
    <!-- Just for debugging purposes. Don't actually copy this line! -->
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
Warn about IE8 + Respond.js + file:// problem in examples; fix #11019    
Chris Rebert committed
18
Chris Rebert's avatar
add IE10 viewport bug workaround to examples    
Chris Rebert committed
19
20
21 
    <!-- 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
22
23 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
XhmikosR's avatar
Update html5shiv to v3.7.1.    
XhmikosR committed
24 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.1/html5shiv.min.js"></script>
XhmikosR's avatar
Use the new respond.js URL.    
XhmikosR committed
25 
      <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
26
27 
    <![endif]-->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
28 
    <!-- Custom styles for this template -->
Nicole's avatar
add git ignore    
Nicole committed
29 
    <link href="carousel.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
30
31
32
33
34
35
36 
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <div class="navbar-wrapper">
      <div class="container">
AJ Acevedo's avatar
Added navigation role to example navbars    
AJ Acevedo committed
37 
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
38 
          <div class="container">
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
39
40 
            <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
41 
                <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
42
43
44
45
46
47
48 
                <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
49
50
51
52
53 
              <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
54 
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
55
56
57
58
59 
                  <ul class="dropdown-menu">
                    <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
60 
                    <li class="dropdown-header">Nav header</li>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75 
                    <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
76 
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
77
78
79
80
81
82
83
84 
      <!-- 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
85 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
86
87
88 
          <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
89 
              <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
90 
              <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
91
92
93
94 
            </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
95 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAGZmZgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
96
97
98
99 
          <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
100 
              <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
101
102
103
104 
            </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
105 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
106
107
108
109 
          <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
110 
              <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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129 
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
    </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
130 
          <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
131
132 
          <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
133 
          <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
134
135 
        </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
136 
          <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
137
138 
          <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
139 
          <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
140
141 
        </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
142 
          <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
143
144 
          <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
145 
          <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
146
147
148
149
150
151
152
153 
        </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
154
155
156
157
158
159 
      <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
160 
          <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
161 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
162
163
164
165 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
166
167 
      <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
168 
          <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
169
170
171
172
173 
        </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
174
175
176
177 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
178
179
180
181
182
183 
      <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
184 
          <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
185 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
186
187
188
189
190
191
192
193
194
195 
      </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
196 
        <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
197
198
199 
      </footer>

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


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