@lrnwebcomponents/full-screen-image
Version:
full screen banner image with down arrow
26 lines (23 loc) • 979 B
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
<title>FullScreenImage: full-screen-image Demo</title>
<script src="../../../node_modules/@lrnwebcomponents/deduping-fix/deduping-fix.js"></script>
<script type="module">
import '@polymer/iron-demo-helpers/demo-pages-shared-styles.js';
import '@polymer/iron-demo-helpers/demo-snippet.js';
import '../full-screen-image.js';
</script>
<style is="custom-style" include="demo-pages-shared-styles"></style>
</head>
<body>
<div class="vertical-section-container centered">
<full-screen-image title="Graphic design" subtitle="Graphic design student project photoshoot session"
source="https://btopro.com/files/IMG_20190729_213158.jpg">
</full-screen-image>
<div style="margin-top:1000px">Some other thing</div>
</div>
</body>
</html>