UNPKG

4.17 kBHTMLView Raw
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="msapplication-tap-highlight" content="no">
8 <meta name="description" content="Materialize is a modern responsive CSS framework based on Material Design by Google. ">
9 <title>Fullscreen Slider - Materialize</title>
10 <!-- Favicons-->
11 <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
12 <meta name="msapplication-TileColor" content="#FFFFFF">
13 <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
14 <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
15 <!-- Android 5 Chrome Color-->
16 <meta name="theme-color" content="#EE6E73">
17 <!-- CSS-->
18 <link href="css/prism.css" rel="stylesheet">
19 <link href="css/ghpages-materialize.css" type="text/css" rel="stylesheet" media="screen,projection">
20 <link href="http://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
21 <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
22 </head>
23 <body><div class="slider fullscreen">
24 <ul class="slides">
25 <li>
26 <img src="https://images.unsplash.com/photo-1464817739973-0128fe77aaa1?dpr=1&auto=compress,format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop="> <!-- random image -->
27 <div class="caption center-align">
28 <h3>This is our big Tagline!</h3>
29 <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
30 </div>
31 </li>
32 <li>
33 <img src="https://ununsplash.imgix.net/photo-1414849424631-8b18529a81ca?q=75&fm=jpg&s=0e993004a2f3704e8f2ad5469315ccb7"> <!-- random image -->
34 <div class="caption left-align">
35 <h3>Left Aligned Caption</h3>
36 <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
37 </div>
38 </li>
39 <li>
40 <img src="https://ununsplash.imgix.net/uploads/1413259835094dcdeb9d3/6e609595?q=75&fm=jpg&s=6a4fc66161293fc4a43a6ca6f073d1c5"> <!-- random image -->
41 <div class="caption right-align">
42 <h3>Right Aligned Caption</h3>
43 <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
44 </div>
45 </li>
46 </ul>
47</div>
48
49<div class="buysellads buysellads-demo hide-on-small-only">
50 <a href="#!" class="close"><i class="material-icons">close</i></a>
51 <!-- CarbonAds Zone Code -->
52 <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=materializecss" id="_carbonads_js"></script>
53</div>
54 <!-- Scripts-->
55 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
56 <script>if (!window.jQuery) { document.write('<script src="bin/jquery-2.1.1.min.js"><\/script>'); }
57 </script>
58 <script src="js/jquery.timeago.min.js"></script>
59 <script src="js/prism.js"></script>
60 <script src="jade/lunr.min.js"></script>
61 <script src="jade/search.js"></script>
62 <script src="bin/materialize.js"></script>
63 <script src="js/init.js"></script>
64 <!-- Twitter Button -->
65 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
66
67 <!-- Google Plus Button-->
68 <script src="https://apis.google.com/js/platform.js" async defer></script>
69
70 <!-- Google Analytics -->
71 <script>
72 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
73 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
74 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
75 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
76
77 ga('create', 'UA-56218128-1', 'auto');
78 ga('require', 'displayfeatures');
79 ga('send', 'pageview');
80 </script>
81
82 </body>
83</html>
\No newline at end of file