<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>html-css-flipping-cards</title>
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="flipping-cards">
<div class="flipping-card-wrapper">
<div class="flipping-card-item-wrapper">
<div class="flipping-card-item-side flipping-card-item-side-front">
<img src="/img/html-css-flipping-card-1.png" alt="" class="flipping-card-item-img">
</div>
<div class="flipping-card-item-side flipping-card-item-side-back">
<div class="flipping-card-back-wrapper">
<p>Hello I am learning how to create flipping cards using HTML & CSS, will you mind joining me?</p>
<button class="flipping-card-back-wrapper__btn">Read More</button>
</div>
</div>
</div>
<div class="flipping-card-item-wrapper">
<div class="flipping-card-item-side flipping-card-item-side-front">
<img src="/img/html-css-flipping-card-2.png" alt="" class="flipping-card-item-img">
</div>
<div class="flipping-card-item-side flipping-card-item-side-back">
<div class="flipping-card-back-wrapper">
<p>Hello I am learning how to create flipping cards using HTML & CSS, will you mind joining me?</p>
<button class="flipping-card-back-wrapper__btn">Read More</button>
</div>
</div>
</div>
<div class="flipping-card-item-wrapper">
<div class="flipping-card-item-side flipping-card-item-side-front">
<img src="/img/html-css-flipping-card-3.png" alt="" class="flipping-card-item-img">
</div>
<div class="flipping-card-item-side flipping-card-item-side-back">
<div class="flipping-card-back-wrapper">
<p>Hello I am learning how to create flipping cards using HTML & CSS, will you mind joining me?</p>
<button class="flipping-card-back-wrapper__btn">Read More</button>
</div>
</div>
</div>
</div>
<p class="copyright">© 2020, all rights reserved, designed by: Emmanuel Etukudo</p>
</section>
</body>
</html>