reg0l/http-return-html-worke

## http-return-html-worke
export default {
  async fetch(request) {
    const html = `
<html>
<head>
	<meta charset="UTF-8">
	<meta content="origin" name="referrer">
</head>
<body><div class="container">
<style>

body {
font: 16px Open sans, sans-serif;
height: 100vh;
transition: .3s ease;
background-image: linear-gradient(-45deg, #EEF0F3 0%, #F6F5F3 100%);
}

.container {
margin: 10vh auto;
background-color:#6398EC;
border-radius:4px;
background: white;
display: flex;
align-item: center;
max-width: 800px;
height: 500px;
flex-direction:column;
}

img {
width:40px;
height:40px;
cursor:pointer;
}

h1 {
font-size: 24px;
width: 200px;
display:flex;
padding:10px;
}

p{
display:flex;
padding:10px;

}


.div-button {
background-color:3311F5;
border: solid 2px #872bff;
font-size: 18px;
padding: 18px;
width: 60px;
height: 10px;
border-radius:10px;
}

.div-button:hover{
background-color:122EFF;
font-size: 18px;
padding: 18px;
width: 60px;
height: 10px;
border-radius:10px;
cursor:pointer;
transform: scale(1);
}


</style>
			<div class="header"></div>
			<h1>John Buttler</h1>
			<div class="details">
				<p>I'm interested by running naked in the wood loudy saying name</p>
			</div>
			<img alt="" src="cross-circle.svg" />
			<div class="div-button">UPLOAD</div>
	</div>
</body>
</html>`;

    return new Response(html, {
      headers: {
        "content-type": "text/html;charset=UTF-8",
      },
    });
  },
};
	export default {
	async fetch(request) {
	const html = `
	<html>
	<head>
	<meta charset="UTF-8">
	<meta content="origin" name="referrer">
	</head>
	<body><div class="container">
	<style>

	body {
	font: 16px Open sans, sans-serif;
	height: 100vh;
	transition: .3s ease;
	background-image: linear-gradient(-45deg, #EEF0F3 0%, #F6F5F3 100%);
	}

	.container {
	margin: 10vh auto;
	background-color:#6398EC;
	border-radius:4px;
	background: white;
	display: flex;
	align-item: center;
	max-width: 800px;
	height: 500px;
	flex-direction:column;
	}

	img {
	width:40px;
	height:40px;
	cursor:pointer;
	}

	h1 {
	font-size: 24px;
	width: 200px;
	display:flex;
	padding:10px;
	}

	p{
	display:flex;
	padding:10px;

	}


	.div-button {
	background-color:3311F5;
	border: solid 2px #872bff;
	font-size: 18px;
	padding: 18px;
	width: 60px;
	height: 10px;
	border-radius:10px;
	}

	.div-button:hover{
	background-color:122EFF;
	font-size: 18px;
	padding: 18px;
	width: 60px;
	height: 10px;
	border-radius:10px;
	cursor:pointer;
	transform: scale(1);
	}


	</style>
	<div class="header"></div>
	<h1>John Buttler</h1>
	<div class="details">
	<p>I'm interested by running naked in the wood loudy saying name</p>
	</div>
	<img alt="" src="cross-circle.svg" />
	<div class="div-button">UPLOAD</div>
	</div>
	</body>
	</html>`;

	return new Response(html, {
	headers: {
	"content-type": "text/html;charset=UTF-8",
	},
	});
	},
	};