Sandbox - Modern & Multipurpose NextJS Template

Project Card 1

IDEAS

Cras Fermentum Sem

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

See Project

View example's code

import { ProjectCard1 } from 'components/reuseable/project-cards';

<ProjectCard1   
  link="#"
  title='Cras Fermentum Sem'
  category='COSMETIC'
  description='Duis mollis, est non commodo luctus'
  images={[{ width: 900, height: 800, url: '/img/photos/cs1.jpg', tooltip: 'Purus Tellus Magna' }]}
/>

Project Card 2

COSMETIC

Cras Fermentum Sem

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

See Project

View example's code

import { ProjectCard2 } from 'components/reuseable/project-cards';

<ProjectCard2   
  link='#'
  color='purple'
  category='COSMETIC'
  title='Cras Fermentum Sem'
  imageClassName='col-lg-8 col-xl-7 offset-xl-1 rounded'
  description='Duis mollis, est non commodo luctus.'
  cardStyle={{ transform: 'translate(0px, -23px, 0px)' }}
  detailsStyle={{ right: '10%', bottom: '25%' }}
  image={{ width: 1300, height: 1262, url: '/img/photos/cs16.jpg' }}
/>

Project Card 3

Cras Fermentum Sem

Stationary

Mollis Ipsum Mattis

Magazine, Book

View example's code

import { ProjectCard3 } from 'components/reuseable/project-cards';

<ProjectCard3   
  link='/single-project-1'
  category='Magazine, Book'
  title='Mollis Ipsum Mattis'
  image='/img/photos/pd8.jpg'
  fullImage='/img/photos/pd8-full.jpg'
/>

Project Cards

Project Card 1

Cras Fermentum Sem

Project Card 2

Cras Fermentum Sem

Project Card 3

Cras Fermentum Sem

Mollis Ipsum Mattis

Think unique and be creative. Make a difference with Sandbox.

PROJECT PAGES

SINGLE PROJECTS

Usage

Styleguide

Elements

Project Cards

Project Card 1

Cras Fermentum Sem

Project Card 2

Cras Fermentum Sem

Project Card 3

Cras Fermentum Sem

Mollis Ipsum Mattis

Think unique and be creative. Make a difference with Sandbox.