info_div

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

Thumbnail
This awesome code was written by LauraNyuu, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright LauraNyuu ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>info_div</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <html>
	<head>
		<link rel="stylesheet" type="text/css" href="noformejums.css" media="screen" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>
			Taisnleņķa stāvgrūdis! 
		</title>
	</head>
	<body>
    <div class="pirmais">
      <p> kaste </p>
    </div>
     <div class="otrais">
      <p> kaste </p>
    </div>
     <div class="tresais">
      <p> kaste </p>
    </div>
      <div class="ceturtais">
      <p> kaste </p>
    </div>
     <div class="piektais">
      <p> kaste </p>
    </div>

	</body>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/LauraNyuu/info_div-aAGLf */
body{
 background: #D4FF45 url("");
}
div.pirmais {
  background:white;
  width:200px;
height: 100px;
}
div.otrais {
  background:pink;
  width:200px;
height: 100px;
  float:left;
}
div.tresais {
  background:blue;
  width:200px;
height: 100px;
  float:left;
}
div.ceturtais {
  background:yellow;
  width:200px;
height: 100px;
  float:left;
}
div.piektais {
  background:orange;
  width:200px;
height: 100px;
  float:left;
  clear:both;
}
div{
  text-align:center;
}
p{
  padding-top:25px;
}

Comments