JSFiddle - React, Tailwind, and code Playground
by deathstalkersid
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<div class="container px-4 py-5" id="featured-3">
<h2 class="pb-2 border-bottom">About Inholland</h2>
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="feature col">
<div class="feature-icon bg-#e3027f bg-gradient">
<!--<svg class="bi" width="1em" height="1em"><use xlink:href="#collection" /></svg>-->
<svg style="color: #fff;" class="bi text-white" width="1em" height="1em">
<use xlink:href="#collect-icon" class="bi bi-collection"></use>
</svg>
</div>
<h2>News</h2>
<p>View up to date news about inholland organisation and its employees</p>
<a style="color: #e3027f;" href="#" class="icon-link">
read more
<svg class="bi" width="1em" height="1em">
<use xlink:href="#chevron-right" /></svg>
</a>
</div>
<div class="feature col">
<div class="feature-icon bg-#e3027f bg-gradient">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#people-circle" /></svg>
</div>
<h2>Contacts</h2>
<p>Learn more about our organisations chairman, faculty members and contacts to reach if you have any issues</p>
<a style="color: #e3027f;" href="#" class="icon-link">
read more
<svg class="bi" width="1em" height="1em">
<use xlink:href="#chevron-right" /></svg>
</a>
</div>
<div class="feature col">
<div class="feature-icon bg-#e3027f bg-gradient">
<!--<svg class="bi" width="1em" height="1em"><use...