Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Template 2</title>
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Pathway+Gothic+One&display=swap" rel="stylesheet">
- <style>
- body{
- /* basic changes */
- background-color: lightpink;
- font-family: Pathway Gothic One;
- color: #ff69b4;
- background-image: url('https://64.media.tumblr.com/8ac143e80ba70f446195b5fc09c0bc53/tumblr_inline_ml7yp9Wuft1qz4rgp.gif');
- }
- #container{
- width: 900px;
- height: 700px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom:auto ;
- margin-top: auto;
- padding: 5px;
- font-size: 18px;
- }
- a{
- color: #ff61ba;
- text-decoration: none;
- }
- #content{
- width: 950px;
- }
- #side1{
- width:200px ;
- height: 500px;
- background-color: white;
- float: left;
- margin-inline: 10px;
- text-align: center;
- border-width: 8px;
- border-style: solid;
- border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 8 fill round;
- }
- #side2{
- width:200px ;
- height: 500px;
- background-color: white;
- float: left;
- margin-inline: 10px;
- text-align: center;
- border-width: 8px;
- border-style: solid;
- border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 8 fill round;
- }
- #side2 li{
- list-style: none;
- text-align: center;
- }
- #nav{
- border: solid 5px lightpink;
- width: 190px;
- text-align: center;
- font-size: 20px;
- }
- #main{
- width: 400px;
- height: 500px;
- background-color: white;
- float: left;
- margin-inline: 10px;
- text-align: center;
- border-width: 8px;
- border-style: solid;
- border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 8 fill round;
- }
- #main1{
- border: solid 5px lightpink;
- width: 190px;
- height: 100px;
- overflow: auto;
- }
- #header{
- width: 950px;
- text-align: center;
- height: 150px;
- margin-left: auto;
- margin-right: auto;
- margin-inline: 10px;
- font-size: 20px;
- }
- #linkme{
- border: solid 5px lightpink;
- }
- #footer{
- background-color: #ffe49c;
- height: 50px;
- width: 900px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom:auto ;
- margin-top: auto;
- text-align: center;
- position: fixed;
- bottom: 0;
- }
- /* ===== Scrollbar CSS ===== */
- /* Firefox */
- * {
- scrollbar-width: auto;
- scrollbar-color: #ff70a2 #ffffff;
- }
- /* Chrome, Edge, and Safari */
- *::-webkit-scrollbar {
- width: 16px;
- }
- *::-webkit-scrollbar-track {
- background: #ffffff;
- }
- *::-webkit-scrollbar-thumb {
- background-color: #ff70a2;
- border-radius: 10px;
- border: 3px none #ffffff;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="content">
- <div id="header">
- <h1 id="title">YOUR SITE NAME</h1>
- </div>
- <div id="side1">
- <h3>profile</h3>
- <img src="https://i.pinimg.com/736x/b2/60/b1/b260b1c586a8f2104b35b15d0a2e8f70.jpg" width="150">
- <p>yap yap yap yapyap yapyap yapyap yapyap yap</p>
- <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> <a href="YOUR WEBSITE LINK"> <img src="YOUR IMAGE LINK"></a>
- </textarea>
- </div>
- </div>
- <div id="main">
- <h3>Welcome</h3>
- <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://bettysgraphics.neocities.org/images/animals/bunny%2067.gif" width="100">
- <p>this is some extra space do what ya want with it</p>
- </div>
- <div id="side2">
- <div id="nav">
- <h3>links</h3>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <br>
- </div>
- <br>
- <img src="https://bettysgraphics.neocities.org/images/animals/bunny%20170.gif" width="110">
- <br>
- <br>
- <div id="main1">
- <h3>site updates </h3>
- <p>mm/dd/yyyy</p>
- <p>Blah blah blahBlah blah blahBlah blah blahBlah blah blah </p>
- <p>mm/dd/yyyy</p>
- <p>Blah blah blahBlah blah blahBlah blah blahBlah blah blah </p>
- <p>mm/dd/yyyy</p>
- <p>Blah blah blahBlah blah blahBlah blah blahBlah blah blah </p>
- </div>
- </div>
- </div>
- <!-- DO NOT REMOVE -->
- <div id="footer">
- <p>Template By <a href="https://ivorysroses.nekoweb.org/index.html">Ivory's Rose's</a></p>
- </div>
- </div>
- </body>
- </html>
Advertisement