⠀<!-- 
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣶⣤⣀⠀⠀⠀⠀⠀⣀⣀⣠⠀⠀⢀⠁⠀⠀⠀⢀⣠⡤⠤⢤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣷⡀⠀⣴⣿⣿⣿⡇⠀⠀⠸⠀⠀⣠⠞⠉⠀⠀⠀⠀⠀⠉⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣏⢻⠃⢸⠿⣻⣿⡿⠁⠀⠀⡄⠀⣼⠃⠀⠀⠀⢀⠤⣤⣄⠀⠀⠘⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣤⣤⣌⣙⡢⣠⡃⠘⠛⠉⠀⠀⠀⠀⡄⢸⠃⠀⠀⠀⢰⠁⠀⠹⠿⠀⠀⠀⡹⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⣿⣿⣯⣥⡤⢊⠛⠋⣍⡛⣿⣿⣶⡄⠀⢸⣿⠀⠀⠀⠀⠸⡀⠀⠀⠀⠀⠀⣠⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠿⠿⠟⠋⢠⣾⢠⣧⠘⢿⣿⣿⣿⣿⡄⢸⣿⠀⠀⠀⠀⠀⠙⠢⠄⠀⠤⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣾⣿⡇⠀⠩⡉⠉⠉⠁⠈⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡿⠁⠀⠀⠡⡀⠀⠀⠀⢻⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⠋⠀⠀⠀⠀⠀⠈⠢⡀⠀⠈⢿⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣾⣿⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠲⣄⠘⣿⣄⠀⠀⠀⠀⠀⣠⣴⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠑⢼⣿⣆⠀⠀⠀⣰⣿⣿⡿⣻⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠾⠛⠛⠛⠻⠷⢶⣤⣀⠀⠀⠙⢿⣦⠀⠀⣿⣿⢋⣾⣿⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢿⣦⡀⠈⢿⣧⠀⠸⡇⣾⣿⡿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣆⠈⢿⣧⠀⠑⠉⠁⠀⠀⠀⠀⠀⢀⣤⣦⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡟⠀⠀⠀⠀⠀⠀⠀⠠⠤⢀⠀⠀⢠⡀⠀⠀⠀⠈⢻⣆⠈⣿⣇⠀⠐⣶⣶⣤⣄⠀⣰⣿⣿⣿⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠄⠀⢻⣿⣶⣤⡀⠈⣿⡄⢸⣿⡄⠀⠻⣿⣟⠿⡆⢻⢣⡿⠋⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣇⠀⠀⠀⠀⠀⣴⣾⣿⠋⠀⠀⢸⠀⠀⢻⣿⣿⣷⡀⢹⡇⠀⣿⡇⠀⠀⠉⢛⣓⡚⣶⡇⡐⣻⣿⣿⣷⣄                      
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣆⠀⠀⠀⠘⠋⠉⠁⠀⠀⢀⠎⠀⠀⠈⢻⣿⣿⡇⢸⡇⠀⣿⡇⠀⣠⣾⣿⣡⡜⣨⢡⡈⠻⠿⠿⠋                      coded by me :) help for layout: 101computing.net. pearfume '26.
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⡀⠀⠀⠀⠀⣀⡴⠋⠀⠀⠀⠀⠀⠙⠻⡇⢸⠇⢰⣿⠇⢠⣿⣿⡿⠟⠀⣿⣾⣿⡆⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠛⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⡟⠀⣼⡿⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⡇⠀⠀⠀⠀
⢳⣦⣤⣤⣤⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡸⠁⣸⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠀⠀⠀
⠈⢻⣿⣿⣿⡿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⠁⣴⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠙⠿⢿⣿⣷⡝⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡇⠀⠀⠔⢀⣾⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠈⠉⣉⠁⠥⠤⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣶⣾⣿⠇⠀⠄⣠⣾⡟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠄⠊⡁⠀⠀⠀⠀⢀⣠⡌⠑⠦⡀⠀⠀⠀⣼⡿⣻⣿⣿⡿⠀⢀⣾⡿⠋⣀⠐⠶⠿⣿⣿⣿⣶⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣿⣿⣦⡀⢰⣿⣿⡇⠀⠀⠈⢦⠀⠀⡟⣰⣿⣿⠟⢁⣴⡿⠋⠀⠀⠈⠻⣿⣷⣮⣝⡿⣿⣿⣿⣦⣄⣀⣀⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠈⠻⣏⢇⠘⡽⠋⠀⠀⠀⠀⠈⣧⠀⠁⠋⠉⢀⣴⡿⠋⠀⠀⠀⠀⠀⠀⠘⠻⣿⣿⣿⣿⣿⣿⣿⡿⠛⠉⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢀⣴⣶⣖⡲⢹⡟⢔⣛⣿⣶⡄⠀⠀⢸⡄⠀⠀⣠⣾⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠘⠛⠛⠛⢁⣾⣿⡄⠙⠛⠛⠉⠀⠀⢸⡇⠀⣴⣿⠋⠀⠀⠀⣀⣤⣴⣶⠾⠿⠿⠿⠷⣶⣦⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠘⢿⣿⠇⠀⠀⠀⠀⠀⠀⣾⠃⣼⡿⠁⠀⢀⣴⡿⠛⠉⠁⠀⠀⠀⠀⠀⠀⠀⠈⠉⠻⢷⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⠁⠀⠀⠀⠀⠀⠀⢰⡟⣼⡿⠁⢀⣴⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣱⣿⠃⢠⡾⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣧⠀⠀⠀⠀⠀⠀
⠀⢀⡴⠞⠋⠉⠉⠉⠙⠳⢦⣄⠀⠀⠀⣸⣇⣿⡇⢀⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠠⠐⠒⠂⠀⠀⠀⠀⢀⠀⠀⠀⢻⡆⠀⠀⠀⠀⠀
⢠⠞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠙⢷⡄⠀⣿⢸⣿⠀⡸⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠃⠀⠀⠀⠀⠀⣀⣤⣶⡏⠀⠀⠀⢸⡇⠀⠀⠀⠀⠀
⡞⠀⠀⠀⠀⠠⠾⣿⡿⢆⠀⠀⠀⢻⡀⡇⣿⡟⢀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⢰⣿⣿⡿⠃⠀⠀⠀⢸⠇⠀⠀⠀⠀⠀
⣇⠀⠀⠀⠀⠀⠀⠀⠀⠘⡆⠀⠀⠀⢃⠃⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⠀⠀⠀⠀⠟⠉⠀⠀⠀⠀⠀⢠⡟⠀⠀⠀⠀⠀⠀
⠸⡄⠀⠀⠀⠀⠀⠀⠀⢰⠁⠀⠀⠀⠘⠀⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡟⠀⠀⠀⠀⠀⠀⠀
⠀⠈⠲⢄⣀⣀⣀⡠⠔⠁⠀⠀⠀⠀⠀⠀⢸⣿⠀⠀⠀⠀⠀⢠⣿⣷⡄⠀⢀⣀⣈⠳⣄⣀⠀⠀⠀⢀⣀⡤⠞⠋⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣿⡇⠀⠀⠀⠀⠈⢿⡻⡏⣰⣿⣿⡟⠀⠀⠈⠉⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⣧⠀⢀⣤⣶⣦⡌⢣⣇⡫⠿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣿⡄⠉⠻⠿⠿⢓⡙⡟⢏⣲⣶⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣷⡀⠀⠀⢠⣿⣷⡷⠈⠻⠿⠿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣷⡀⠀⠀⠿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
 -->⠀⠀⠀⠀
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title>pear </title>
 <style>
 
body {
	margin: 0px 0px 0px 0px;
	background-color: #ffffde; 
	font-family: arial;
	font-size: 12pt;
	    background-image: url('bg.jpg'); 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
	}
	
.page {
	display: block;
	width: 1000px;
	min-height: 800px;
	overflow: auto;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	background-color: #FFFFFF;
	position: relative;
	border: 3px solid transparent;
  padding: 0px;
  border-image: url(border.gif) 100 round;
}

	
.head {
	background-color: #FFC9FF;
	float: left;
	clear: none;
	min-height: 170px;
	width: 990px;
	box-sizing: border-box;
	padding: 10px;
  margin: 8px 0px 2px 5px;
    background-image: url('banner.jpg'); 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
  border: 1px solid black;
  border-radius: 2px;
	}

.navi {
	background-color: #FF99FF;
	float: left;
	clear: none;
	min-height: 600px;
	width: 180px;
	box-sizing: border-box;
	padding: 10px; 
	margin: 3px 5px 0px 5px;
	border: 1px solid black;
  border-radius: 2px;
	}	
	
.upd {
	background-color: #FF99FF;
	float: right;
	clear: none;
	min-height: 600px;
	width: 200px;
	box-sizing: border-box;
	padding: 10px; 
	margin: 10px 5px 0px 0px;
	border: 1px solid black;
  border-radius: 2px;
	}
	
.abt {
	background-color: #FFFFFF;
	float: left;
	clear: none;
	min-height: 600px;
	width: 600px;
	box-sizing: border-box;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	border: 1px solid black;
  border-radius: 2px;
	}
	
.foot {
	background-color: #CB87F5;
	float: left;
	clear: none;
	min-height: 20px;
	width: 990px;
	text-align: center;
	box-sizing: border-box;
	padding: 10px;
	margin: 5px 0px 0px 5px;
	border: 1px solid black;
  border-radius: 2px;
	}
 </style>
</head>
<body>
<div class="page" div style="background-color: #ffffff width:500px height:500px;">
 <div class="head"> header
 </div>
 <div class="navi"> navi
 </div> 
 <div class="abt"> abt
 </div>
 <div class="upd"> upd
 </div>
 <div class="foot">
meow 
</div>
</div>
</body>
</html>