<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
     <link rel="icon" href="https://i.pinimg.com/736x/a8/2c/8a/a82c8a9693e6c6a400a9436ddb647c8e.jpg">
    <title>Hello i'm froog enjoy creating this site as one can tell i looked at a tutorial so to be honest i think it's cool a look lmao</title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
     <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <meta property="og:image" content="https://neoteest.carrd.co/assets/images/image11.jpg?v=e6a072fc" />
<meta property="twitter:card" content="summary_large_image">
  </head>
  <body>
  
  <script language=JavaScript>
<!--
 
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
 
var message="please speed i need this my mamam is kinda siteless i been trying to copy codes to make my own";
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function("alert(message);return false")
 
// -->
 
</script>
<style> type="text/css">* {cursor: url('https://cdn.cursors-4u.net/previews/handwriting-8bb6635d-48.webp') 32 33, auto !important;}</style>
<style>
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}

// change highlight color
::selection {
/* Change highlight background color */
background: #ffffff;
/* Change highlight text color */
color: #468499;
}

a {text-decoration: none; color: darkblue; }

@font-face {
font-family: kawaii stitch;
src: url(https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf);}
 
@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
}
 
@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ct0s037q78sao3f/Frighted.ttf);
font-family: Frighted;
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
font-family: SakeMoru;
}
 
@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
}
 
@font-face {
font-family:'fenotype';
src: url(https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF);
}

body {
background-image: url('https://neoteest.carrd.co/assets/images/image03.jpg?v=6fa71883');
background-attachment: fixed;
background-repeat: repeat;
overflow: hidden;
}

.container {
  border-width:7px;
  border-style:solid;
  border-image: url("https://neoteest.carrd.co/assets/images/image02.jpg?v=6fa71883") 7 fill round;
  margin: auto;
  width: 994px;
  height: 885px;
  position: relative;
  padding: 5px;
  z-index: 4;
}

.container-one {
  border-width: 1px;
  border-style: solid;
  border-color: white;
  background-image: url('https://neoteest.carrd.co/assets/images/image06.jpg?v=6fa71883');
  background-repeat: repeat;
  width: 880px;
  position: relative;
  left: 1px;
  height: 170px;
  box-shadow: 0 0 8px 8px white inset;
  z-index: 5;
}

#name
{
  font-family: kawaii stitch;
  font-size: 2em;
  -webkit-text-stroke: 1px white;
  color: #4289bb;
  margin-top: 60px;
  margin-left: 10px
}

.outer
{
 border-width:7px;
 border-style:solid;
 border-image: url("https://foollovers.com/mat/baf/food/fo32-008-a.gif") 7 fill round;
border-radius:15px;
width: 115px;
height: 115px;
margin-top: 10px;
}

.inner
{
  width: 100%;
  height: 100%;
  background-image: url('https://i7.glitter-graphics.org/pub/1489/1489037qw9dwv5y1n.jpg');
  background-repeat: repeat;
  background-size: cover;
}
.bg, .inner { box-sizing: border-box;}

.bg {
/* for plain background */
background: #FE82B624;

/* vv for image background. remove if want plain */
background-image:url(https://neoteest.carrd.co/assets/images/image08.jpg?v=6fa71883);
background-size:cover;

padding:12px; /* make number bigger/smaller for a bigger/smaller border */
width:67%;
border:1px solid black;
position; relative;
top; -10em;
right; 30px;
}

.in {
  font-family: pixel;
  line-height: 1.325em;
background: #FFF;
color: #484c81;
padding:5px;
border:1px solid black;
height:91px; /* set height to "height:fit-content;" to expand with text size */
overflow-y:auto; /* remove overflow if you don't want a scroll */box-shadow: inset 13px 0 6px -10px rgb(66 66 66 / 30%), inset -13px 0 6px -10px rgb(66 66 66 / 30%), inset 0 13px 6px -10px #f0f0f0, inset 0 0 0 -10px rgb(66 66 66 / 30%);
}

.intro
{
  background-image: radial-gradient(#03177c 30%, transparent 70%);
  font-family: starborn;
  color: white;
  -webkit-text-stroke: 1px black;
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 5px;
}

mark
{
  font-family: Frighted;
  background: linear-gradient(#92c2ee 50%, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.5em;
}

.ipad
{
  border-radius: 50px;
  padding: 1em 0.55em 1em 0.55em;
  width: 19.5em;
  height: 16.5em;
  background: #b0e6f5;
}

.apple
{
  height: 16.5em;
  background: white;
  border-radius: 2px;
  border: 2px inset #b0e6f5;
}

.four
{
  position: relative;
  right: -30em;
}

.bubble
{
  border-radius: 0px 25px 25px 25px;
  padding: 7px;
  background: #1e3989;
  font-family: pixel;
  box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  margin-bottom: 10px;
  border: 1px solid #091e5e;
}

.bubble2
{
  border-radius: 25px 0px 25px 25px;
  padding: 7px;
  background: #99a9d6;
  font-family: pixel;
  box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 56%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
  margin-bottom: 10px;
  border: 1px solid #091e5e;
}

.chat
{
  height: 15.5em;
  width: 18em;
  position: relative;
  top: -16.125em;
  left: 13px;
  overflow-y: scroll;
}

.navy
{
  border: 60px solid #1f289c;
  height: 103px;
  background: white;
  width: 80px;
  position: relative;
  top: -38em;
  left: 33px;
  box-shadow: inset 13px 0 6px -10px rgb(66 66 66 / 30%), inset -13px 0 6px -10px rgb(66 66 66 / 30%), inset 0 13px 6px -10px #f0f0f0, inset 0 0 0 -10px rgb(66 66 66 / 30%);
}

button 
{
  border-radius: 50px;
  border: 2px solid black;
  background-image: url('https://neoteest.carrd.co/assets/images/image08.jpg?v=6fa71883');
  background-size: cover;
  font-family: pixel;
font-size: 1.25em;
color: white;
width: 276px;
margin-top: 10px;
margin-left: 3px;
}

.comm
{
  width: 18em;
height: 16.25em;
border-radius: 15px;
border: 1px solid white;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(66,66,66,0.376);
background: radial-gradient(circle, rgba(255,255,255,1) 37%, #0c3578 100%);
position: relative;
top: -36.75em;
  left: 595px;
}

.imagemask {
background-image: url("https://i9.glitter-graphics.org/pub/230/230669y5frnfyrii.gif");
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 2em;
font-weight:bold;
font-family: SakeMoru;
margin-bottom: 5px;
width: fit-content;
margin:0 auto; /* this is to center, if needed */
/* add below if you want an outline, if not remove */
filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black);
}

.top
{
  background: #2b59a3;
font-family: SakeMoru;
text-align: center;
  color: black;
border-radius: 10px 10px 0 0;
padding: 0.5em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
-webkit-filter: drop-shadow(0px 0px 1px black);
  -webkit-text-stroke: 0.5px black;
  width: 15em;
  margin-left: 17px;
}

.bottom
{
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
border-radius: 0px 0px 10px 10px;
padding: 0.9em;
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(255, 255, 255,0.76);
-webkit-filter: drop-shadow(0px 0px 1px black);
  font-family: pixel;
  color: black;
  width: 12em;
  margin-left: 20px;
  height: 7em;
  line-height: 1.375em;
  overflow-y: scroll;
}

hello
{
  font-family:'fenotype';
  border: 1px solid black;
  color: white;
  background: #112796;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
    -webkit-text-stroke: 1px black;
}

bye
{
  font-family:'yipes';
background: linear-gradient(#6477d9 50%, #0b6958);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 1.5em;
font-weight:bold;
}

</style>


<div class="container">
<div class="container-one">
<div id="name">frog~</div>
<img src="https://64.media.tumblr.com/06571450a3e062eb8dbed2aeb101563c/50ee50266e3b33c6-08/s250x400/8eba5f141b5e2f80626815cb8b08db256d6a761c.gifv">
<img src="https://64.media.tumblr.com/06571450a3e062eb8dbed2aeb101563c/50ee50266e3b33c6-08/s250x400/8eba5f141b5e2f80626815cb8b08db256d6a761c.gifv">
<img src="https://64.media.tumblr.com/06571450a3e062eb8dbed2aeb101563c/50ee50266e3b33c6-08/s250x400/8eba5f141b5e2f80626815cb8b08db256d6a761c.gifv">
 </div>

<div class="bg"><div class="in"></div>

<div class="bg"><div class="in"><div class="intro">introduction <img src="https://i.imgur.com/uRh2Ibq.gif"></div>Hello i'm froog enjoy creating this site as one can tell i looked at a tutorial so to be honest i think it's cool a look lmao <mark>can tell i looked at a tutorial so</mark> it's <mark>lmao</mark> <img src="https://i.imgur.com/gc0f7do.gif"></div></div>


<div class="four">
      <div class="ipad">
        <div class="apple"></div>
          <div class="chat"><div class="bubble">oh damn</div> <div class="bubble2">this chair is an eyesore <a href="https://cara.app/froggychan" target="_blank">like this</a> <img src="https://mistergif.com/media/4/shiki-tohno-56106.gif" style="width: 15px;"></div><div class="bubble">YO IT'S THE FGO GUY</div><div class="bubble2">son im crine <img src="https://mistergif.com/media/4/ciel-56097.gif" style="width: 15px;"> </div><div class="bubble">rip dylan he died to young</div><div class="bubble2">fuck you death to all chairs <a href="https://bsky.app/profile/froggfroggcore.bsky.social" target="_blank">links</a> <img src="https://avatars.fastly.steamstatic.com/7f68a7fcbd0c1431d93fe81c7693d7806a1094ea_full.jpg" style="width: 15px;"> 
          </div></div>
        </div>
      </div>


<div class="comm"><div class="imagemask">why did i name it comms</div><div class="top"><img src="https://neoteest.carrd.co/assets/images/image10.gif?v=6fa71883"></div><div class="bottom"><hello>1.</hello> diet water version 0.1  <a href="https://dl.glitter-graphics.com/pub/230/230669y5frnfyrii.gif -- go to www.glitter-graphics.com" target="_blank"><bye>whttps://meliio.newgrounds.com</bye></a><br><hello>2.</hello> idk why i name it comms <bye>idk</bye> like this <img src="https://mistergif.com/media/4/arcueid-brunestud-56093.gif"><br><hello>3.</hello> the sites in beta best way to put it <a href="https://i9.glitter-graphics.org/pub/230/230669y5frnfyrii.gif" target="_blank"><bye>link</bye></a><br><hello>4.</hello> i just followed the tutorial  <br><hello>5.</hello> uhh <bye>enjoy </bye> enjoy the page <img src="https://mistergif.com/media/4/kohaku-hisui-56102.gif"> </div><br></div>


<img src="" style="position:relative; top: -58.5em; left: 340px; width: 245px; height: 352px;"><img src="https://i10.glitter-graphics.org/pub/2292/2292650j4o9r3e0jj.gif" style="position:relative; top: -62.75em; left: 94px; width: 240px;"><img src="https://i4.glitter-graphics.org/pub/1498/1498424gn59teo29u.gif" style="position:relative; top: -23.75em; left: -120px; width: 140px;"><img src="https://dl.glitter-graphics.com/pub/3757/3757896uyog15jsw9.gif" style="position:relative; top: -40.75em; left: 180px; width: 110px;">

 </div>
 
 
</body>
</html>  