Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta name="description" content="Blog Tutorial" />
    <meta charset=utf-8 />
    <title>BLOG TUTORIAL</title>
  </head>
  <body>
    <header>
      <h1>Meliss@'s Projects</h1>
 
      
      </header>
    <nav>
        
        <ul>
          <li><a href="http://jsbin.com/vinur">HOME</a></li>
          <li><a href="http://jsbin.com/juweg/">Projects </a>
           
          </li>
            
          <li><a href="http://jsbin.com/deruk/">Blog</a></li>
          
          <li><a href="http://jsbin.com/tiqoh">Tutorial</a></li>
          
        </ul>
        
      </nav>
    <div id="grid" class="group">
      <div class="row group smoke">
        <div class="fullwidth column">
          <article>
            <a href="#about me" class="group-link">
              <figure>
                <h3>BLOG TUTORIAL</h3>
              <img src="https://scontent-a.xx.fbcdn.net/hphotos-prn1/t1.0-9/10342479_10152120978367898_2430191903845587415_n.jpg" />
              
              <figcaption><p>
                <ol>
                  <li>Copy and paste HTML coding from homepage.  </li>
                  <li> Copy and paste CSS coding from homepage. </li>
                  <li>Delete all HTML unrelated to blog layout  </li>
                  <li>Create header tags for the blog date and comment section</li>
                  <li>Insert img tag into paragraph tags</li>
                    <li>Insert text into paragraph tags located under the date </li>
                  <li> Insert label tag to display question about graduation</li>
                  <li> Insert input tag to create form for user to provide input</li>
                    <li>Create comment box:
                  </br>
                -insert form tag under COMMENTS header tag
                
              
                  <li>Insert HTML code for submit button  </li>
                <li> Insert HTML code for a function that creates an alert box once the user clicks the submit buttoon 
                  
                </ol></p></figcaption>
              </br>
            </figure>
            </a>
          </article>
        </div><!-- end ABOUT ME section -->
      
  </body>
</html>
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
mredwards42pro
0viewers