Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 10.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">
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
saiwang's avatar
add IE's Conditional comments for respondjs and html5shiv    
saiwang committed
19
20 
    <!-- 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
21 
      <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
22 
      <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
23
24 
    <![endif]-->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
25 
    <!-- Custom styles for this template -->
Nicole's avatar
add git ignore    
Nicole committed
26 
    <link href="carousel.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
27
28
29
30
31
32
33 
  </head>
<!-- NAVBAR
================================================== -->
  <body>
    <div class="navbar-wrapper">
      <div class="container">
AJ Acevedo's avatar
Added navigation role to example navbars    
AJ Acevedo committed
34 
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
35 
          <div class="container">
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
36
37 
            <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
38 
                <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
39
40
41
42
43
44
45 
                <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
46
47
48
49
50 
              <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
51 
                  <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
52
53
54
55
56 
                  <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
57 
                    <li class="dropdown-header">Nav header</li>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72 
                    <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
73 
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
74
75
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>
      <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
82 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
83
84
85 
          <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
86 
              <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
87 
              <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
88
89
90
91 
            </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
92 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAGZmZgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
93
94
95
96 
          <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
97 
              <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
98
99
100
101 
            </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
102 
          <img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
103
104
105
106 
          <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
107 
              <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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126 
            </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
127 
          <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
128
129 
          <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
130 
          <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
131
132 
        </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
133 
          <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
134
135 
          <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
136 
          <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
137
138 
        </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
139 
          <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
140
141 
          <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
142 
          <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
143
144
145
146
147
148
149
150 
        </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
151
152
153
154
155
156 
      <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
157 
          <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
158 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
159
160
161
162 
      </div>

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

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

    </div><!-- /.container -->
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
197
198
199
200
201 


    <!-- 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
202 
    <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
203 
    <script src="../../dist/js/bootstrap.min.js"></script>
Julian Thilo's avatar
Fix holder.js links in examples    
Julian Thilo committed
204 
    <script src="../../assets/js/docs.min.js"></script>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
205 
  </body>
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
206 
</html>