BSJ2004/Image-Generator-Model
0
1<!DOCTYPE html>2<html>3 4<head>5 <meta charset="utf-8" />6 <meta name="viewport" content="width=device-width" />7 <title>Image Generator Model for School exhibition </title>8 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">10 <style>11 body {12 margin: 0;13 font-family: 'Poppins', sans-serif;14 }15 .fullframe {16 max-width: 100%;17 max-height: 100%;18 width: 100vw;19 height: 100vh;20 overflow: hidden;21 }22 .iframe-element {23 min-width: 100%;24 min-height: 100%;25 }26 .floating-button {27 position: fixed;28 bottom: 30px;29 left: 20px;30 background-color: #dbdad7;31 color: black;32 padding: 15px 25px;33 border: none;34 border-radius: 10px;35 font-size: 13px;36 font-weight: bold;37 cursor: pointer;38 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);39 transition: background-color 0.3s, box-shadow 0.3s;40 text-decoration: none;41 font-family: 'Poppins', sans-serif;42 display: flex;43 align-items: center;44 justify-content: center;45 }46 .floating-button:hover {47 background-color: #dbdad7;48 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);49 }50 .floating-button i {51 margin-right: 10px;52 }53 </style>54</head>55 56<body>57 <center> <h3> for School exhibition </h3></center>58 <div class="fullframe">59 <iframe class="iframe-element" allowfullscreen="true" frameborder="0" src="https://artificialguybr-realvisxl-free-demo.hf.space">60 </iframe>61 </div>62</body>63 64</html>