Template 11

<!DOCTYPE html>
<html>
    <head>
        <title>Template 11</title>
        <style>
        	body{
        		background-image: url('https://64.media.tumblr.com/f04d2af97854007a0a2c1e65744d78a8/tumblr_inline_mt6k8vI0Jk1s1qbqj.gif');
        		color:#ff80b7 ;
        	}

        	#contaior{
        		width: 800px;
        		margin-left: auto;
        		margin-right: auto;
        		text-align: center;
        	}

        	#content{
        		width: 800px;
        		height: 600px;

        		padding: 5px;
        	}

        #side{
        	width: 150px;
        	float: left;
        }

        	#nav{
        	width: 150px;
        	height: 200px;
        	background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
          border-image-source: linear-gradient(to bottom right, #ff80b7 );


        	}


        	 #nav a{
        	padding: 4px;
        text-decoration: none;
       	background-color: white;

       	border-radius: 25px;

       	margin-inline: 10px;
       color: #ff80b7;
         background-color: white;
       }

       #nav a:hover {
  background-color: #ff80b7;
  color: #fff;
}

        	#updates{
        	width: 150px;
        	height: 100px;
        	overflow: auto;
        	background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
          border-image-source: linear-gradient(to bottom right, #ff80b7 );


        	}

        		#linkme{
        	width: 150px;
        	height: 160px;
        	overflow: auto;
        	background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
          border-image-source: linear-gradient(to bottom right, #ff80b7 );

        	}

        	#main{
        		width: 600px;
        		float: right;
        	}

        	#main1{
        		width: 600px;
        		background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
           border-image-source: linear-gradient(to bottom right, #ff80b7 );
            float: right;

        	}

        		#main2{
        		width: 600px;
        		background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
           border-image-source: linear-gradient(to bottom right, #ff80b7 );
            float: right;

        	}

        		#main3{
        		width: 290px;
        		background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
          border-image-source: linear-gradient(to bottom right, #ff80b7 );

            float: left;

        	}

        		#main4{
        		width: 290px;
        		background-color: white;
        	 	border: 3px solid;
		background-color: white;
          border-image-slice: 100%;
          border-image-source: none;
          border-image-slice: 1;
           border-image-source: linear-gradient(to bottom right, #ff80b7 );

            float: right;

        	}


        	#header{
        	width: 790;
        	height: 50px;
        	 background-image: linear-gradient(to right, #ffa8ce , #ffbdd9);
        color: white;

        }

         #footer{
        	clear: both;

                   		 color: white;
                   			text-align: center;
                   			width: 800px;
                   			 height: 20px;

       text-align: center;
        	 background-image: linear-gradient(to right, #ffa8ce , #ffbdd9);
        }
        	#footer a{
        		color: white;
        		text-decoration: none;

        	}
        </style>
    </head>
    <body>
    	<div id="contaior">
    		<div id="header">
   <h1>site name</h1>
    	</div>
    	<marquee>
    		"Is everyone doing "A Whole New World" without me?! I WANNA BE JASMINE, YOU SON OF A BITCH!!"
—Amy Rose, "Sonic Riders"
    	</marquee>
    	<div id="content">
    		<div id="side">
    		<div id="nav">
    		<br>
    			<a href="">link</a>
    			<br>
    				<br>
    			<a href="">link</a>
    				<br>
    					<br>
    			<a href="">link</a>
    				<br>
    					<br>
    			<a href="">link</a>
    				<br>
    					<br>
    			<a href="">link</a>


    		</div>

    		<br>

    		<div id="updates">
    			<h3>updates</h3>

    			<p>mm/dd/yyyy</p>
    			<p>blah blah blah</p>
    			<p>mm/dd/yyyy</p>
    			<p>blah blah blah</p>
    			<p>mm/dd/yyyy</p>
    			<p>blah blah blah</p>
    			<p>mm/dd/yyyy</p>
    			<p>blah blah blah</p>
    			<p>mm/dd/yyyy</p>
    			<p>blah blah blah</p>

    		</div>
    		<br>
    		<div id="linkme">
    			<h3>link me?</h3>
    			<!-- this image is just a place holder using sadgirls button maker -->
       		<img src="https://file.garden/aPJwjC1AFmgACLJC/download.png">
								<br>
								<br>
								<textarea style="width:100px;"> <a href="YOUR WEBSITE LINK"> <img src="YOUR IMAGE LINK"></a>
            </textarea>


    		</div>
    		<br>
    		<img src="https://i.postimg.cc/YCFpqWFc/d4bjhld-4b00aa24-cec6-48e5-99f1-fa5c2dadd682.gif">

    		</div>
    		<div id="main">
    			<div id="main1">
    				<h2>Welcome</h2>

        			<p>This a template by Ivory's Rose's!</p>
      			<p>You can change anything but at kepp the credits on the page:)</p>
      				<p>if you need anything email me at [email protected] if theres any thing you may need</p>
      				<img src="https://i.postimg.cc/KzLdLqK7/5959f34e3f1a18bb0f075743d51f5d14.gif">
      				</div>
      				<marquee>
      					<img src="https://i.postimg.cc/0NgS6VSf/Tumblr-l-16122762320462.png">
      						<img src="https://i.postimg.cc/8P0MGpPx/Tumblr-l-16127906110981.webp">
      							<img src="https://i.postimg.cc/rwRWFBDs/Tumblr-l-16126115704315.webp">
      								<img src="https://i.postimg.cc/FzH22G7c/Tumblr-l-56935510089008.gif">
      									<img src="https://i.postimg.cc/qMwNjcDs/d4nzlij-a51ceb5c-3e74-412a-89ce-9a7b555a78cc.gif">
      										<img src="https://i.postimg.cc/1RMDWcxm/Tumblr-l-16129591101813.webp">
      											<img src="https://i.postimg.cc/4N39xssv/d1o7kf7-c0f78ff6-3bb0-4dc0-8220-d3baba646512.png">

      				</marquee>
      				<div id="main2">
      					<h3>content</h3>
      					<p>content content content content content content content content content content content </p>
      					<p>content content content content content content contentcontent content content content </p>

      				</div>
      				<marquee>
      					"Well, I have a story for you! When I was a little girl, I used to wet the bed. But that didn't mean it was my bed, 'cause I was a renter. I started renting my first apartment when I was six years old 'cause I'm a self-sufficient woman, and my mom kicked me out for being far too obnoxious. And that's why I... am the TRUE owner of the world. That's right. All of that you see before you?
      					Everything the piss touches? That is your kingdom. And you, my son, shall go forth and inherit it."—Amy Rose, "Sonic Adventure 2 (Dark Story + Final Story)"


      				</marquee>
      				<div id="main3">
      					<h3>content</h3>
      					<p>content content content content content content content content content content content </p>
      				</div>

      				<div id="main4">
      					<h3>content</h3>
      					<p>content content content content content content content content content content content </p>

      				</div>

    		</div>


    	</div>
    	<br>
    	    	<br>
     <div id="footer">
        		<p>Template By <a href="https://ivorysroses.nekoweb.org/index.html">Ivory's Rose's</a></p>
        	</div>
       </div>
    </body>
</html>