react-modal-slideshow
Version:
A simple React modal media slideshow with CSS powered animations
37 lines (32 loc) • 2.07 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>SimpleModalSlideshow example</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
<link rel="stylesheet" href="example/dist/example.css">
<link rel="stylesheet" href="example/dist/example1.css">
<link rel="stylesheet" href="example/dist/example2.css">
<link rel="stylesheet" href="example/dist/example3.css">
<link rel="stylesheet" href="example/dist/example4.css">
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
</head>
<body>
<div class="example-layout mdl-layout mdl-js-layout mdl-color--grey-100">
<main class="example-main mdl-layout__content">
<div class="example-container mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
<div class="example-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
<div id="example-root"></div>
</div>
</div>
</main>
</div>
<a href="https://github.com/TiuSh/react-simple-modal-slideshow"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 1;" src="https://camo.githubusercontent.com/82b228a3648bf44fc1163ef44c62fcc60081495e/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>
<script src="example/dist/example.js"></script>
</body>
</html>