neocities tutorial #2 html

// main & top container with lacy border and "blank's website" text
<div class="container"><div class="container-one"> <div id="div2"><img src="BORDER IMG HERE"></div><div id="name">blank's website~</div>
 </div>

// img with border (outer and inner)
<div class="outer"><div class="inner"></div></div>

// "introduction" box
<div class="bg"><div class="in"><div class="intro">introduction <img src="PIXEL LINK HERE"></div>
info text goes here u can make a <mark>highlight</mark> by formatting <mark>this way</mark> <img src="PIXEL LINK HERE">
</div></div>

// ipad screen with message bubbles
<div class="four">
      <div class="ipad">
        <div class="apple"></div>
          <div class="chat"><div class="bubble">receiving message</div> <div class="bubble2">sending message u can add a link <a href="link goes here" target="_blank">like this</a> <img src="PIXEL IMG HERE" style="width: 15px;"></div><div class="bubble">receiving message</div><div class="bubble2">sending message here <img src="PIXEL IMG HERE" style="width: 15px;"> </div><div class="bubble">receiving message</div><div class="bubble2">here are some more <a href="link goes here" target="_blank">links</a> <img src="PIXEL LINK HERE" style="width: 15px;"> </div></div>
      </div>
    </div>

// container with buttons (for navigation to other website pages or ur socials)
<div class="navi"><img src="BORDER IMG HERE" style="width:281px"> <a href="link goes here" target="_blank"><button><img src="PIXEL IMG HERE"> socials</button></a> <a href="link goes here" target="_blank"><button><img src="PIXEL IMG HERE"> socials</button></a> </div>

// container with scroll container on the inside
<div class="comm"><div class="imagemask">title here</div><div class="top"><img src="LETTER IMGS HERE"></div><div class="bottom"><hello>1.</hello> info text here another <a href="link goes here" target="_blank"><bye>link example</bye></a><br><hello>2.</hello> u can also just do a normal <bye>highlight</bye> like this <img src="PIXEL IMG HERE"><br><hello>3.</hello> one more <a href="link goes here" target="_blank"><bye>link</bye></a><br><hello>4.</hello> info text here <br><hello>5.</hello> u can <bye>add</bye> or delete as much content as u want! <img src="PIXEL IMG HERE"> </div><br></div>

// doll img with lacy heart and bg
<img src="BG IMG HERE" style="position:relative; top: -58.5em; left: 340px; width: 245px; height: 352px;"><img src="HEART IMG HERE (aka some shape or frame - this one is optional)" style="position:relative; top: -62.75em; left: 94px; width: 240px;"><img src="DOLL IMG HERE" style="position:relative; top: -60.75em; left: -112px; width: 140px;">