<html lang="en">
    <head>
    <title>/0730</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
    * {
      box-sizing: border-box;
    }
    
    /* Style the body */
    body {
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
    }
    
    /* Header/logo Title */
    .header {
      padding: 5px;
      text-align: center;
      background: #198946;
      color: #254117;
    }
    
    /* Increase the font size of the heading */
    .header h1 {
      font-size: 40px;
    }
    
    .header a {
      text-decoration: none;
      color: #C3FDB8;
    }
    
    .header a:hover {
      color: #F0FFF0;
    }
    
    
    /* Sticky navbar - toggles between relative and fixed, depending on the scroll position. */
    .navbar {
      overflow: hidden;
      background-color: #254117;
      position: sticky;
      position: -webkit-sticky;
      top: 0;
    }
    
    /* Style the navigation bar links */
    .navbar a {
      float: left;
      display: block;
      color: #C3FDB8;
      text-align: center;
      padding: 14px 20px;
      text-decoration: none;
    }
    
    
    /* Right-aligned link */
    .navbar a.right {
      float: right;
    }
    
    /* Change color on hover */
    .navbar a:hover {
      background-color: #C3FDB8;
      color: #254117;
    }
    
    /* Active/current link */
    .navbar a.active {
      background-color: #8FBC8F;
      color: white;
    }
    
    /* Column container */
    .row {  
      display: -ms-flexbox; /* IE10 */
      display: flex;
      -ms-flex-wrap: wrap; /* IE10 */
      flex-wrap: wrap;
    }
    
    /* Create two unequal columns that sits next to each other */
    /* Sidebar/left column */
    .side {
      -ms-flex: 30%; /* IE10 */
      flex: 30%;
      background-color: #DBF9DB;
      padding: 10px;
    }
    
    .side a {
      text-decoration: none;
      color: #6AA121;
    }
    
    .side a:hover {
      color: #254117;
    }
    
    /* Main column */
    .main {   
      -ms-flex: 70%; /* IE10 */
      flex: 70%;
      background-color: #F0FFF0;
      padding: 10px;
    }
    
    .main a {
      text-decoration: none;
      color: #6AA121;
    }
    
    .main a:hover {
      color: #254117;
    }
    
    /* Footer */
    .footer {
      padding: 10px;
      text-align: center;
      background: #C3FDB8;
    }
    
    .footer a {
      text-decoration: none;
      color: #6AA121;
    }
    
    .footer a:hover {
      color: #254117;
    }
    
    
    /* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 700px) {
      .row {   
        flex-direction: column;
      }
    }
    
    /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
    @media screen and (max-width: 400px) {
      .navbar a {
        float: none;
        width: 100%;
      }
    }
    </style>
    </head>
    <body>
    
    <div class="header">
     <h1>
     <a href="/i/a"><< </a>
     /0730
     <a href="/i/7"> >></a>
     </h1> 
    </div>
    
    <div class="navbar">
      <a href="/i/7" class="right">July</a>
    </div>
    
    <div class="row">
      <div class="side">
        <h4>30 July 2015</h4>
        <p>
    	 Ethereum block 0 created, Ethereum genesis block.<br><br>
    	 Timestamp : Jul-30-2015 03:26:13 PM +UTC 
    	</p>
    
    
    
     
    
      </div>
      <div class="main">
        <h4>30 July is Ethereum Day</h4>
        <p>
    	Genesis, GPU Proof of Work (PoW).  
    	</p>
      </div>
    </div>
    
    <div class="footer">
     <p>
     <font size="5">
     <a href="/i/cn">&#20013;</a>
     <a href="/i/a">A</a>
     <a href="/i/b">B</a>
     <a href="/i/c">C</a>
     <a href="/i/d">D</a>
     <a href="/i/e">E</a>
     <a href="/i/f">F</a>
     <a href="/i/g">G</a>
     <a href="/i/h">H</a>
     <a href="/i/i">I</a>
     <a href="/i/j">J</a>
     <a href="/i/k">K</a>
     <a href="/i/l">L</a>
     <a href="/i/m">M</a>
     <a href="/i/n">N</a>
     <a href="/i/o">O</a>
     <a href="/i/p">P</a>
     <a href="/i/q">Q</a>
     <a href="/i/r">R</a>
     <a href="/i/s">S</a>
     <a href="/i/t">T</a>
     <a href="/i/u">U</a>
     <a href="/i/v">V</a>
     <a href="/i/w">W</a>
     <a href="/i/x">X</a>
     <a href="/i/y">Y</a>
     <a href="/i/z">Z</a>
     <a href="/i/1">1</a>
     <a href="/i/3">2</a>
     <a href="/i/3">3</a>
     <a href="/i/4">4</a>
     <a href="/i/5">5</a>
     <a href="/i/6">6</a>
     <a href="/i/7">7</a>
     <a href="/i/8">8</a>
     <a href="/i/9">9</a>
     <a href="/i/0">0</0>
    &nbsp;&nbsp;
     <a href="/index/showpost.html?msg=4z64ShrryU9m97cXzayE5uZxhqFP1hqTCnrbGAv8MCuSpCuACaQX6iTLcZ89eVZ7Ezi2qLqKZF9ueVWxN2kTXb2N">@</a>
    &nbsp; <a href="/twindao">&#174;</a>
     </p> 
    
     </div>
    
    </body>
    </html>