source: admin-center-alpha/var/www/admin-center/lib/bootstrap-design/test.html @ 7

Last change on this file since 7 was 7, checked in by mabarracus, 4 years ago

Ported code admin-center-alpha from trusty

File size: 1.8 KB
Line 
1<html>
2
3    <head>
4
5        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
6        <!-- Include roboto.css to use the Roboto web font, material.css to include the theme and ripples.css to style the ripple effect -->
7        <link href="css/roboto.min.css" rel="stylesheet">
8        <link href="css/material.min.css" rel="stylesheet">
9        <link href="css/ripples.min.css" rel="stylesheet">
10
11    </head>
12
13    <body>
14
15        <!-- Your site -->
16
17        <h1>You can add your site here.</h1>
18
19        <h2>To ensure that material-design theme is working, check out the buttons below.</h2>
20
21        <h3 class="text-muted">If you can see the ripple effect on clicking them, then you are good to go!</h3>
22
23
24        <p class="bs-component">
25            <a href="javascript:void(0)" class="btn btn-default">Default</a>
26            <a href="javascript:void(0)" class="btn btn-primary">Primary</a>
27            <a href="javascript:void(0)" class="btn btn-success">Success</a>
28            <a href="javascript:void(0)" class="btn btn-info">Info</a>
29            <a href="javascript:void(0)" class="btn btn-warning">Warning</a>
30            <a href="javascript:void(0)" class="btn btn-danger">Danger</a>
31            <a href="javascript:void(0)" class="btn btn-link">Link</a>
32        </p>
33
34        <!-- Your site ends -->
35
36        <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
37        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
38
39        <script src="js/ripples.min.js"></script>
40        <script src="js/material.min.js"></script>
41        <script>
42            $(document).ready(function() {
43                // This command is used to initialize some elements and make them work properly
44                $.material.init();
45            });
46        </script>
47
48    </body>
49
50</html>
Note: See TracBrowser for help on using the repository browser.