How does the card work?.
Card can be used as the top header or footer.
Also card functions is multi-function depending on your design needs.
Try gw-card now and look your results.
Add containers inside the card to create different sections:
My paragrahp please write somthing here what ever you need. You can use this card to put in to your website as footer and header.
<!DOCTYPE html>
<html>
<title>Card</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical"href="https://www.cdn.getweb.dev/docs/v1/css/getweb.css">
<body>
<div class="gw-container">
<h2>Card Content</h2>
<p>Add containers inside the card to create different sections:</p>
<div class="gw-card-4" style="width:50%;">
<header class="gw-container gw-red">
<h1>Header</h1>
</header>
<div class="gw-container">
<p>My paragrahp please write somthing here what ever you need.
You can use this card to put in to your website as footer and header.</p>
</div>
<footer class="gw-container gw-blue">
<h5>Footer</h5>
</footer>
</div>
</div>
</body>
</html>
Stay update on the version?
Email: support@getweb.dev