zhangolve/index.html

## index.html

<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>

<body id="bodypart">


  <!-- the head of page start -->
<div class="row" id="head">
  <table border="1" width="95%" height="60" cellpadding="0" cellspacing="0" align="center"> <tr> <td id="signature" >zhang olve</td> <td>about</td> <td>protfolio</td>  <td>comment</td></tr> </table>

  </div>
  <!-- the head of page end -->

  <!-- about start -->
  <div class="row" id="aboutpart">
    </div>
    <!-- about end -->

  <!-- the portfolio of page start -->
  <div class="row" id="portfoliopart">


  </div>

  <!-- the portfolio of page end -->


<!--add disquz to it -->
<div id="disqus_thread"></div>


<script>
    /**
     *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
     *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
     */
    /*
    var disqus_config = function () {
        this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
        this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
    */
    (function() {  // DON'T EDIT BELOW THIS LINE
        var d = document, s = d.createElement('script');

        s.src = '//hktkdy.disqus.com/embed.js';

        s.setAttribute('data-timestamp', +new Date());
        (d.head || d.body).appendChild(s);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
 <!--  disquz end-->
  </body>

## scripts
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

## style.css
#bodypart{
   background-color: #006600;
}

#head{
    width: 100%;
    height: 70px;
    border: 1px solid #006600;
    background-color: #006600;

}

#signature{
 /* color: #2b2b2b; */
 font: 'Berkshire Swash', Helvetica, sans-serif;
  font-size: 40px;
  text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
  text-align: left;
}
#aboutme{
  padding-left:400px;
  font-size: 40px;

}

#aboutpart{
  margin-left: 100px;
  width: 80%;
  height: 300px;
  border: 1px solid  #00e600;
  box-sizing: border-box;
  background-color:   #00e600;
}

#portfoliopart{
margin-left: 100px;
  width: 80%;
  height: 300px;
  border: 1px solid  #99ff99;
  box-sizing: border-box;
  background-color:   #99ff99;

}

## styles
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

## zhangolve-protfolio.markdown

      
    Raw
  

              zhangolve-protfolio.markdown
            
          
    zhangolve-protfolio

A Pen by zhangolve on CodePen.
License.

	<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>

	<body id="bodypart">


	<!-- the head of page start -->
	<div class="row" id="head">
	<table border="1" width="95%" height="60" cellpadding="0" cellspacing="0" align="center"> <tr> <td id="signature" >zhang olve</td> <td>about</td> <td>protfolio</td> <td>comment</td></tr> </table>

	</div>
	<!-- the head of page end -->

	<!-- about start -->
	<div class="row" id="aboutpart">
	</div>
	<!-- about end -->

	<!-- the portfolio of page start -->
	<div class="row" id="portfoliopart">


	</div>

	<!-- the portfolio of page end -->


	<!--add disquz to it -->
	<div id="disqus_thread"></div>


	<script>
	/**
	* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
	* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
	*/
	/*
	var disqus_config = function () {
	this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
	this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
	};
	*/
	(function() { // DON'T EDIT BELOW THIS LINE
	var d = document, s = d.createElement('script');

	s.src = '//hktkdy.disqus.com/embed.js';

	s.setAttribute('data-timestamp', +new Date());
	(d.head \|\| d.body).appendChild(s);
	})();
	</script>
	<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
	<!-- disquz end-->
	</body>
	#bodypart{
	background-color: #006600;
	}

	#head{
	width: 100%;
	height: 70px;
	border: 1px solid #006600;
	background-color: #006600;

	}

	#signature{
	/* color: #2b2b2b; */
	font: 'Berkshire Swash', Helvetica, sans-serif;
	font-size: 40px;
	text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
	text-align: left;
	}
	#aboutme{
	padding-left:400px;
	font-size: 40px;

	}

	#aboutpart{
	margin-left: 100px;
	width: 80%;
	height: 300px;
	border: 1px solid #00e600;
	box-sizing: border-box;
	background-color: #00e600;
	}

	#portfoliopart{
	margin-left: 100px;
	width: 80%;
	height: 300px;
	border: 1px solid #99ff99;
	box-sizing: border-box;
	background-color: #99ff99;

	}