In this example below you will see how to do a researchBlog with some HTML / CSS and Javascript

This awesome code was written by swethapapaiahgari, you can see more from this user in the personal repository.
You can find the original code on
Copyright swethapapaiahgari ©
  • HTML
  • CSS
  • JavaScript
    <title>krishna Chaitanya Reddy Kolan webPage
  <div class="Container">
       <div class="header">
        <h3>Kirshna Chaitanya Reddy Kolan</h3>
       <p style="font:24px Times New Roman serif">Post-Doctoral Fellow</p>

      <div class="navigatioBar">
        <ol style="list-style-type:none">
          <li><a href="">Home</a></li>
          <li><a href="">About Me</a></li>
          <li><a href="">Publications</a></li>
          <li><a href="">Contact Me</a></li>
          <li><a href="">Research Blog</a></li>
    <div class="clear">
      <h3>My Research Blog</h3>
      <h4>Research Interests</h4>
        <li>3D Printing</li>
        <li>Additive manufacturing</li>
        <li>Lattice structures</li>
        <li>Light weight structures</li>
        <li>Complex functional parts
Bioactive glasses</li>
        <li>New-age materials for Biomedical and Aerospace applications</li>
      <h4>Research Projects</h4>
        <li>3D Printing of Cellularized Polymer Bioactive Glass Composite for Tissue Repair.</li>
        <li>Bioactive Glass Implants for Bone Repair made by Selective Laser Sintering.</li>
        <li>Freeze Extrusion Fabrication of Bioactive Glass Implants for Load-bearing Bone Repair.</li>
        <li>Selective Laser Sintering of Ultra-High Temperature Ceramics for Aerospace Applications. </li>

/*Downloaded from */
  text-align: center;
  margin: 0;/*margin properties are used to generate space around elements  */
  padding: 0;/*padding properties are used to generate space around content */
  font: italic normal normal 45px 'Times New    Roman',Times,serif;

   margin: 15px;
   padding: 0;

ol li
  padding:15px 30px;
  text-decoration: none;

/*Downloaded from */