Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!-- David Ambos, 2018 -->
- <html>
- <head>
- <meta charset="utf-8">
- <title>Template Portfolio</title>
- <style type="text/css">
- body {
- background-color: rgba(116,114,115,1);
- }
- body,td,th {
- color: rgba(0,0,0,1);
- }
- .transback {
- opacity: 0.6;
- }
- </style>
- </head>
- <body onload="resize();" onResize="resize();" style="text-align: center">
- <h1>David Ambos's Portfolio</h1>
- <h3>(Press a Button to display my work.)</h3>
- <hr>
- <button style="border: 3px solid red; background-color: black; border-radius: 10px; color: white; padding: 5px; font-size: 16px;" onClick="resize(); document.getElementById("iframe").src = "../fileName/siteName.html";">~Website Name~</button>
- <br>
- <iframe id="iframe" style="position: fixed; left: 75px; top: 175px;"></iframe>
- <script>
- function resize() {
- document.getElementById("iframe").width = (window.innerWidth - 175) + "px";
- document.getElementById("iframe").height = (window.innerHeight - 225) + "px";
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement