<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Zee: Cherry Blossom</title> <link rel="shortcut icon" href="https://zeesplace.neocities.org/image_2026-05-04_184622761.png" /> <link rel="stylesheet" href="https://zeesplace.neocities.org/stylecherry.css"> </head> <body> <br><br><br> <center> <table width="500" cellpadding="0" cellspacing="0"> <tr> <td class="sitename" valign="top"> Your Site Name Here </td> </tr> </table> <table width="500" cellpadding="4" cellspacing="0"> <tr> <td class="navigation" valign="top" height="20"> <div id="navi"> <a href="">link</a> <a href="">link</a> <a href="">link</a> <a href="">link</a> <a href="">link</a> <a href="">link</a> </div> </td> </tr> </table> <table width="500" cellpadding="4" cellspacing="0"> <tr> <td class="leftside" width="200" valign="top"> <div class="boxtitle">A Box</div> <div class="box"> This is a box.<p> content here.<p> </div> <div class="boxtitle">More Links</div> <div class="box extralinks"> <a href="">extra link</a><br> <a href="">extra link</a><br> <a href="">extra link</a><br> <a href="">extra link</a> </div> <div class="boxtitle">A Box</div> <div class="box"> <img src="https://zeesplace.neocities.org/image_2026-05-04_191105615.png" alt="cherryblossom" align="left" height="40px" style="margin:2px"> <b>This</b> <em>is a</em> <a href="">box</a>. Text can go here.<p>It wraps around the picture. </div> <div class="boxtitle">A Scrollable Box</div> <div class="scrollbox"> This<p> Box<p> Can<p> Scroll<p> Scroll<p> Scroll<p> Scroll<p> Scroll<p> </div> </td> <td class="content" width="300" cellpadding="4" valign="top"> <div class="box"> <img src="https://zeesplace.neocities.org/tumblr_pchjr1DzUp1uxrf48o1_640.webp" width="300"> </div> <div class="box"> <iframe src="https://zeesplace.neocities.org/layout1main" width="100%" height="600" name="iframe" frameBorder="0"></iframe> </div> </table> <table width="500" height="20" cellpadding="0" cellspacing="0"> <tr> <td class="footer" valign="top"> <!-- Please Leave Credit Here --> <center><b> Layout by</b>: <a href="https://zeesplace.neocities.org" target="_blank">Zee</a>. <b>Image from</b>: <a href="https://eggnored.tumblr.com/post/91084109043/i-know-a-lot-of-these-background-masterposts">Chicken Nuggets</a>. <b>Divider from</b>: <a href="https://www.itinerae.org">Itinerae.org</a>. </center> </td> </tr> </table> </center> </body> </HTML>
<!DOCTYPE html> <html> <head> <title>Zee: Cherry Blossom</title> <link rel="shortcut icon" href="https://zeesplace.neocities.org/image_2026-05-04_184622761.png" /> <link rel="stylesheet" href="https://zeesplace.neocities.org/stylecherry.css"> <style> body { overflow-y: hidden; </style> </head> <body> <div class="boxtitle">Welcome</div> <div class="box"> Welcome text can go here. This is a side page. You can duplicate this code onto as many pages as you like and link them to the main Indext html frame by using target="iframe" on the link. </div> </body> </html>
@font-face { font-family: 'Aubrey'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Aubrey-Regular.ttf); } @font-face { font-family: 'Felipa'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Felipa-Regular.ttf); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Roboto-VariableFont_wdth,wght.ttf); } @font-face { font-family: 'CaveatBrush'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/CaveatBrush-Regular.ttf); } @font-face { font-family: 'PermanentMarker'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/PermanentMarker-Regular.ttf); } body{ background: #fff; letter-spacing:1px; font-family:'Roboto', arial; font-size:11px; line-height:14px; text-shadow:0px 0px 1px #434239; color:#090907; } table {font-family:"Roboto", calibri, verdana, arial; background: #fff; letter-spacing:1px; font-family:'Roboto', arial; font-size:11px; line-height:14px; text-shadow:0px 0px 1px #434239; color:#090907; } a:link, a:visited, a:active { color:#fc95ec;text-decoration:none;} a:hover {color:#434239;} b {color:#a561ff;} ::-webkit-scrollbar-thumb { background-color: #fdc0f4; border-radius: 0px; border:1px solid #434239;border-right:0;} ::-webkit-scrollbar { width: 5px; height: 0px; background: transparent;} .box { background:#fff; padding: 2px; border:1px solid #434239; margin-bottom:20px; margin-top: 5px; margin-left:5px; margin-right: 5px; box-shadow: 2px 2px 5px #5c5c5c; } .scrollbox { height:100px; overflow:auto; overflow-x:hidden; background:#fff; padding: 8px; border:1px solid #434239; margin-bottom:14px; margin-top: 10px; margin-left:10px; margin-right: 5px; box-shadow: 2px 2px 5px #5c5c5c; } .iframe { border: none; } .boxtitle { text-transform:uppercase; font-weight:bold; border-bottom:3px solid #434239; margin-bottom:4px; padding-top:0px; letter-spacing:3px; font:14px 'CaveatBrush', courier new, arial; padding-left:5px; color: #090907; background: #fc95ec; } .extralinks a { display:inline-block; background: #fdc0f4; font:normal 9px 'Roboto',arial; line-height:9px; width:80%; text-transform:uppercase; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; margin-left: 12px; letter-spacing:1px; color:#434239; border-radius:10px; border:1px solid #434239;box-shadow: 2px 2px 5px #5c5c5c} .extralinks a:hover { color:#f0c7fd; background: #a561ff;} textarea {font:10px calibri,arial;letter-spacing:1px;color:#444;max-width: 100%;} #navi { background: #fff; line-height:20px; text-align:center; padding-bottom: 10px; background-image: url(https://zeesplace.neocities.org/tumblr_f6123085e723696214e6f4c907a12fb8_ad862900_250.png); background-repeat: no-repeat; background-position: center bottom; } #navi a { display:inline-block; background: #fdc0f4; font:normal 12px 'PermanentMarker',arial; line-height:9px; text-transform:uppercase; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; margin-left: 12px; letter-spacing:1px; color:#434239; border-radius:10px; border:1px solid #434239;} #navi a:hover { color:#f0c7fd; background: #a561ff;} .iframe { border: none; } .navigation {background:#fff;margin-top:0px;border-bottom:1px solid #434239;} .sitename {font:42px 'Felipa';text-align: center;letter-spacing:3px;text-shadow:1px 1px 5px #434239;padding-top:2px;float: center;color: #fc95ec;} .leftside {background: #FFF;border-left:1px solid #434239; } .content {background: #FFF; border-right: 1px solid #434239;box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5); } .footer {background: #fdc0f4;color:#555; border:1px solid #434239;line-height:18px;box-shadow: 10px 0 10px -5px rgba(0, 0, 0, 0.5); } .footer a {color:#434239;} .footer a:hover {color:#fff;}