|
4 | 4 | <meta charset="utf-8"> |
5 | 5 | <title>Bootstrap Material</title> |
6 | 6 | <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> |
| 7 | + <link href="../css-compiled/ripples.css" rel="stylesheet"> |
7 | 8 | <link href="../css-compiled/material.css" rel="stylesheet"> |
8 | 9 | <link href="//fezvrasta.github.io/snackbarjs/dist/snackbar.min.css" rel="stylesheet"> |
9 | 10 | <style> |
10 | 11 | body{padding-top:50px}#banner{border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold;padding: 5px 10px;}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 0;background-color:#141d27;color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.section-tout{padding:4em 0 3em;border-bottom:1px solid rgba(0,0,0,0.05);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1}.section-preview .preview .image{position:relative}.section-preview .preview .image:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100%;content:"";pointer-events:none}.section-preview .preview .options{padding:1em 2em 2em;border:1px solid rgba(0,0,0,0.05);border-top:none;text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor{text-align:center}.sponsor a:hover{text-decoration:none}@media (max-width:767px){#banner{margin-bottom:2em;text-align:center}} |
| 12 | + .infobox .btn-sup { color: rgba(0,0,0,0.5); font-weight: bold; font-size: 15px; line-height: 30px; } |
| 13 | + .infobox .btn-sup img { opacity: 0.5; height: 30px;} |
| 14 | + .infobox .btn-sup span { padding-left: 10px; position: relative; top: 2px; } |
11 | 15 | </style> |
12 | 16 | </head> |
13 | 17 | <body> |
|
18 | 22 |
|
19 | 23 | <div class="page-header" id="banner"> |
20 | 24 | <div class="row"> |
21 | | - <div class="col-lg-8 col-md-7 col-sm-6"> |
22 | | - <h1>Material</h1> |
| 25 | + <div class="col-lg-6 col-md-6 col-sm-6"> |
| 26 | + <h1>Material Design</h1> |
23 | 27 | <p class="lead">Based on Google Material design</p> |
24 | 28 | </div> |
25 | | - <div class="col-lg-4 col-md-5 col-sm-6"> |
26 | | - |
| 29 | + <div class="col-lg-6 col-md-6 col-sm-6"> |
| 30 | + <div class="well infobox"> |
| 31 | + <p>Material Design for Bootstrap is a theme for Bootstrap 3 which let you use the new Google Material Design in your favourite front-end framework.</p> |
| 32 | + <p>If you like this project you may support me donating something on Gittip, starring this repository or reporting bugs and ideas in the issue section.</p> |
| 33 | + <p>Read more about Material Design for Bootstrap <a href="https://github.com/FezVrasta/bootstrap-material-design">visiting the Github page</a>.</p> |
| 34 | + |
| 35 | + <a href="https://github.com/FezVrasta/bootstrap-material-design/archive/master.zip" class="btn btn-sup btn-material-pink btn-raised"> |
| 36 | + <img src="icons/download.png" alt="gittip" height=30> |
| 37 | + <span>DOWNLOAD</span> |
| 38 | + </a> |
| 39 | + <a href="https://www.gittip.com/FezVrasta/" class="btn btn-sup btn-material-brown"> |
| 40 | + <img src="icons/gittip.png" alt="gittip" height=30> |
| 41 | + <span>GITTIP</span> |
| 42 | + </a> |
| 43 | + <a href="https://github.com/FezVrasta/bootstrap-material-design/issues" class="btn btn-sup btn-material-deeppurple"> |
| 44 | + <img src="icons/issue.png" alt="gittip" height=30> |
| 45 | + <span>ISSUES</span> |
| 46 | + </a> |
| 47 | + </div> |
27 | 48 | </div> |
28 | 49 | </div> |
29 | 50 | </div> |
@@ -1300,6 +1321,7 @@ <h4 class="modal-title">Source Code</h4> |
1300 | 1321 | })(); |
1301 | 1322 |
|
1302 | 1323 | </script> |
| 1324 | + <script src="../scripts/ripples.js"></script> |
1303 | 1325 | <script src="../scripts/material.js"></script> |
1304 | 1326 | <script src="//fezvrasta.github.io/snackbarjs/dist/snackbar.min.js"></script> |
1305 | 1327 | </body> |
|
0 commit comments