<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap header snipp</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
</style>
</head>
<body>
<div class="bg-light">
<div class="container text-center">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<img class="img-fluid" src="https://bootstraplily.com/demo/images/Website-Creator-rafiki.svg" alt="" />
</div>
<!-- /column -->
<div class="col-lg-6 text-center text-lg-start">
<h1 class="display-4 fw-bold mb-5">A digital agency specializing on <span class="text-primary">mobile design,web design,3D animation</span></h1>
<p class="fs-4 mb-5 text-secondary">We are an award winning design agency that strongly believes in the power of creative ideas.</p>
<span><a class="btn btn-primary px-5 py-3 fw-semibold rounded-pill me-2">Get Started</a></span>
</div>
<!-- /column -->
</div>
<!-- /.row -->
<p class="text-center mb-5 fw-semibold text-black-50 pt-5">Trusted by over 2K+ clients across the world</p>
<div class="row row-cols-3 row-cols-lg-6">
<div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c1.png" alt="" /></div>
<div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c2.png" alt="" /></div>
<div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c3.png" alt="" /></div>
<div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c4.png" alt="" /></div>
<div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c5.png" alt="" /></div>
<div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c6.png" alt="" /></div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /section -->
</body>
</html>
