100-project-100-days-website/100_projects/63-card-hover-effects/index.html
2023-04-25 19:20:27 +03:00
Ask

50 lines
1.7 KiB
HTML

{46242715d54d62b85d0e24ffa6aa033bdc275cab true 1732 index.html 0xc001e78460}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Glowing Gradient Glassmorphism Card Hover Effects </title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/all.css" />
<link rel="stylesheet" href="css/normalize.css" />
</head>
<body>
<div class="container">
<div class="box">
<span></span>
<div class="content">
<h2>Card One</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud.</p>
<a href="#">Read More</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>Card Two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud.</p>
<a href="#">Read More</a>
</div>
</div>
<div class="box">
<span></span>
<div class="content">
<h2>Card Three</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud.</p>
<a href="#">Read More</a>
</div>
</div>
</div>
<!--
https://www.youtube.com/watch?v=M421fR3TYxg
-->
</body>
</html>