Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 9.65 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">
Patrick H. Lauke's avatar
Add shrink-to-fit viewport directive    
Patrick H. Lauke committed
6 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
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
17 

    <!-- Custom styles for this template -->
Nicole's avatar
add git ignore    
Nicole committed
18 
    <link href="carousel.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
19
20
21 
  </head>
  <body>
Maurice Wahba's avatar
Fixes to examples    
Maurice Wahba committed
22 
    <nav class="navbar navbar-static-top navbar-light bg-faded">
Mark Otto's avatar
new look for carousel example, convert to rems    
Mark Otto committed
23 
      <a href="#" class="navbar-brand">Carousel</a>
Maurice Wahba's avatar
Fixes to examples    
Maurice Wahba committed
24 
      <ul class="nav navbar-nav">
Mark Otto's avatar
new look for carousel example, convert to rems    
Mark Otto committed
25
26
27
28
29
30
31
32
33
34
35
36
37
38 
        <li class="nav-item active">
          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Features</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Pricing</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">About</a>
        </li>
      </ul>
    </nav>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
39
40
41
42 


    <!-- Carousel
    ================================================== -->
Chris Rebert's avatar
use data-ride="carousel" in the docs & examples; fixes #11005    
Chris Rebert committed
43 
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
44
45
46
47
48
49 
      <!-- 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
50 
      <div class="carousel-inner" role="listbox">
Chris Rebert's avatar
rename .item => .carousel-item    
Chris Rebert committed
51 
        <div class="carousel-item active">
Mark Otto's avatar
keep the base64    
Mark Otto committed
52 
          <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
53 
          <div class="container">
Chris Rebert's avatar
Remove non-responsive text alignment classes    
Chris Rebert committed
54 
            <div class="carousel-caption text-xs-left">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
55 
              <h1>Example headline.</h1>
Chris Rebert's avatar
remove more Glyphicon references from the docs    
Chris Rebert committed
56 
              <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
57 
              <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
58
59
60 
            </div>
          </div>
        </div>
Chris Rebert's avatar
rename .item => .carousel-item    
Chris Rebert committed
61 
        <div class="carousel-item">
Mark Otto's avatar
keep the base64    
Mark Otto committed
62 
          <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
63
64
65
66 
          <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
67 
              <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
68
69
70 
            </div>
          </div>
        </div>
Chris Rebert's avatar
rename .item => .carousel-item    
Chris Rebert committed
71 
        <div class="carousel-item">
Mark Otto's avatar
keep the base64    
Mark Otto committed
72 
          <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
73 
          <div class="container">
Chris Rebert's avatar
Remove non-responsive text alignment classes    
Chris Rebert committed
74 
            <div class="carousel-caption text-xs-right">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
75
76 
              <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
77 
              <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
78
79
80
81 
            </div>
          </div>
        </div>
      </div>
Chris Rebert's avatar
Add screenreader text to prev/next carousel buttons in examples to improve accessibility    
Chris Rebert committed
82 
      <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
83 
        <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
84
85
86 
        <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
87 
        <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
88
89 
        <span class="sr-only">Next</span>
      </a>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
90
91
92
93
94
95
96
97
98
99
100
101 
    </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
102 
          <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
103
104 
          <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
105 
          <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
106
107 
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
XhmikosR's avatar
Fix carousel example images after c08bf4ba8b968ecda295391b41d5e965b642ba7c.    
XhmikosR committed
108 
          <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
109
110 
          <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
111 
          <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
112
113 
        </div><!-- /.col-lg-4 -->
        <div class="col-lg-4">
XhmikosR's avatar
Fix carousel example images after c08bf4ba8b968ecda295391b41d5e965b642ba7c.    
XhmikosR committed
114 
          <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
115
116 
          <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
117 
          <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
118
119
120
121
122
123
124
125 
        </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
126
127
128
129
130
131 
      <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">
Kevin Kirsche's avatar
Rename .img-responsive class to .img-fluid    
Kevin Kirsche committed
132 
          <img class="featurette-image img-fluid 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
133 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
134
135
136
137 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
138 
      <div class="row featurette">
Nikita Rushmanov's avatar
Fix image order in carousel example    
Nikita Rushmanov committed
139 
        <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
140
141
142 
          <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
143 
        <div class="col-md-5 col-md-pull-7">
Kevin Kirsche's avatar
Rename .img-responsive class to .img-fluid    
Kevin Kirsche committed
144 
          <img class="featurette-image img-fluid center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
Nikita Rushmanov's avatar
Fix image order in carousel example    
Nikita Rushmanov committed
145 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
146
147
148
149 
      </div>

      <hr class="featurette-divider">
Mark Otto's avatar
basic cleanup on carousel example (fixes #9709 and #9700)    
Mark Otto committed
150
151
152
153
154
155 
      <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">
Kevin Kirsche's avatar
Rename .img-responsive class to .img-fluid    
Kevin Kirsche committed
156 
          <img class="featurette-image img-fluid 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
157 
        </div>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
158
159
160
161
162
163
164
165
166 
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->


      <!-- FOOTER -->
      <footer>
Chris Rebert's avatar
Add responsive float classes; fixes #13690    
Chris Rebert committed
167 
        <p class="pull-xs-right"><a href="#">Back to top</a></p>
Julian Thilo's avatar
Update copyright notices in all places    
Julian Thilo committed
168 
        <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
169
170
171 
      </footer>

    </div><!-- /.container -->
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
172
173
174
175
176 


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
Chris Rebert's avatar
docs: Add SRI hash for jQuery; refs #18665    
Chris Rebert committed
177 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
XhmikosR's avatar
Add a local jQuery fallback.    
XhmikosR committed
178 
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
Chris Rebert's avatar
docs: Add SRI hash for Tether; refs #18665    
Chris Rebert committed
179 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
180 
    <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
181 
    <!-- 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
182 
    <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
183
184 
    <!-- 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
185 
  </body>
Mark Otto's avatar
fix up carousel holder and navbar probs    
Mark Otto committed
186 
</html>