CSS Link List

Example :

Copy the code from text area below :

	

	

<div>

<html>
<head>

<!-- Add icon library (For fa-fa icon plugin) -->

	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-	awesome.min.css" rel="stylesheet"></link>

<!--Add icon library End -->

<style>
  
h2 {

    text-align: center;
	color: #2c3e50;
	font-weight: bold;
  font-family: 'Noto Sans', sans-serif !important;
   }

  
.button {

  padding: 8px;
  width: 100%;
  margin: 1px 2px;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-bottom: 1.5px solid #4a89be;
}
.vertical-menu a:hover {
    background-color:  #0d0d0d;
    color: #23fc00;
}

.vertical-menu a.active {
    background-color: transparent;
    text-align: center;
    color: #0022fc;
    font-weight: 700;
    font-size: 18px;
}

.button2 {
  background-color: white; 
  color: black; 

}

.button2:hover {
  background-color: #0681f6;
  color: white;
}


span.date {
  float: right;
  color: grey;
  font-size: 10px;
}


</style>
</head>
<body>


<h2>Heading</h2>

<!--- Button Start --->
  <a href="## button link here">
  <button class="button button2">
  	<i class="fa fa-download"></i> . Button Title here
 	<span class="date">16-Aug-2019</span> 
   </button></a>
<!--- Button End --->



<!--- Button Start --->
  <a href="## button link here">
  <button class="button button2">
  	<i class="fa fa-download"></i> . Button Title here
  	<span class="date">16-Aug-2019</span>
   </button></a>
<!--- Button End --->


<!--- Button Start --->
  <a href="## button link here">
  <button class="button button2">
  	<i class="fa fa-download"></i> . Button Title here
  	<span class="date">16-Aug-2019</span>
   </button></a>
<!--- Button End --->


</body>
</html>
</div>
</div>
</div>

Subscribe Us

CSS Link List - Code

Featured

Our service

About me

Visits : भेटी दिलेल्या व्यक्ती

Blog :

प्रतिक्रिया कळवा...

Subscribe Us

CSS Link List - Code

You may like these posts

Featured

Our service

Social Plugin

About me

Visits : भेटी दिलेल्या व्यक्ती

Blog :

प्रतिक्रिया कळवा...