
<!DOCTYPE html>
<html>
<head>
<title>CSS Template</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>


div.box {
	position: absolute;
     	top:10px;
	left:80px;
	      	
 	border:2px solid #73AD21;
	width:130px;
	margin:5px;
	padding: 5px;

	align-content:center;
	}
div.photo {
	position: absolute;
     	top:10px;
	left:80px;
	      	
 	border:2px solid #0099ff;

	width:130px;
	margin:5px;
	padding: 5px;

	align-content:center;
    	}

div.namebox {
      position: absolute;
      top: 10px;
      left:300px;
      right:10px;/*10px;*/
       
	border:none;background-color: rgba(0, 153, 255, 0.2);/*rgba(200, 100, 200, 0.2);*/
	border-left: none;

	font-family: courier;
  	font-size: 1.5vw;
  	padding: 85px;
    } 
div.name {
      position: absolute;
      top: 10px;
      left:300px;
      right:none;/*10px;*/
      border:none;background-color: none;/*rgba(0, 0, 200, 0.2);*/
	border-left: none;

	font-family:cambria; font-size:1.4vw;color:blue;margin-left:40px;

  	/*padding: 40px;*/

    }

  

    div.contact {
      position: absolute;
      top: 200px;
      left: 45px;
      bottom:none; /*10px;*/
      width:220px;background-color:none; /* coral;*/
	border-right: none;
	border-top: solid 2px ;
	border-bottom: solid 2px ;
     

	font-family: courier;
  	font-size: 1.3vw; color:borwn;/*130%;*/

  	margin: none; /*5px;*/
	
  	padding: 3px;


    }

   div.spec_area {

	position: absolute;
      	top: 200px;
	left: 300px;
     	right: 10px;
      	
	
	border-left: none;
	border-top: solid 2px;;
	background-color: rgba(0, 0, 255, 0.1);
	
	font-family: courier;
  	font-size: 1.5vw;
	
  	margin: none; /*5px;*/
  	padding:10px;
     
    }
	div.research_publication {
	};
	div.confernece_proceeding {};
	div.other_publication {};
	div.research_projects {};
	div.patent_consultancy {};
	div.awards {};

	


h1 {
  color: blue;
  font-family: verdana;
  font-size: 300%;
}

h2{
  font-family:cambria; font-size:1.8vw;font-weight:bold;color:coral;
}

h3{
  font-family:cambria; font-size:2.0vw;font-weight:bold;color:brown;
}
h4{
  font-family:cambria; font-size:1.5vw;font-weight:bold;color:brown;
}
h5{
  font-family:cambria; font-size:1.5vw;font-weight:bold;color:black;
}

p  {
  color: red;
  font-family: courier;
  font-size: 160%;

  border: 2px solid powderblue;
  margin: 50px;
	
  padding: 30px;

}
p1 {
  font-family:cambria; font-size: 1.4vw;color: blue;
}
p2 {
  font-family:cambria; font-size: 1.3vw;color: red;
}
p3 {
  font-family:cambria; font-size: 1.3vw;color: green;
}
p4 {
  font-family:cambria; font-size: 1.3vw;color: brown;
}
p5 {
  font-family:cambria; font-size: 1.3vw;color: blue;
}
p6 {
  font-family:cambria; font-size: 1.1vw;color: black;
}
p7 {
  font-family:cambria; font-size: 1.1vw;color: brown;
}
p8 {
  font-family:cambria; font-size: 1.3vw;color: brown;
}
body {
  background-color: lightgrey;
	
}



  



</style>
</head>

<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>



</body>



