Bootstrap portfolio snipp example v03

Bootstrap portfolio snipp example v03

bootstrap portfolio snipp

Whole html/css code

<!doctype html>
<html lang="en">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->
<link href="" rel="stylesheet">
<title>Bootstrap portfolio snipp</title>
.pp a {
    position: relative;
    top: 0;
    transition: top ease 0.3s;
.pp a:hover {
    top: -15px;
<div class="container py-5">
  <div class="row gx-5">
    <div class="col-md-6 align-self-center pp">
      <h2 class="display-5 mb-3">Check out some of our recent projects below.</h2>
      <p class="lead pb-5">We love to turn ideas into beautiful things.</p>
      <a href=""><img src="" class="img-fluid rounded w-100"></a>
      <h6 class="opacity-50 text-success mt-4">INVITATION</h6>
      <h5 class="mt-3">Mollis Ipsum Mattis</h5>
    <div class="col-md-6 align-self-start">
      <div class="mb-5 pp ms-lg-5 mt-5"> <a href=""><img src="" class="img-fluid rounded"></a>
        <h6 class="mt-4 opacity-50 text-danger">STATIONARY</h6>
        <h5 class="mt-3">Ipsum Ultricies Cursus</h5>
      <div class="pp ms-lg-5"> <a href=""><img src="" class="img-fluid rounded"></a>
        <h6 class="opacity-50 text-primary mt-4">NOTEBOOK</h6>
        <h5 class="mt-3">Magna Tristique Inceptos</h5>

jsfiddle example

Spread the love

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top