Please wait, page is loading...

My name is James Cruz

I am a Senior Development Manager working in Singapore. My current workplace is fantastic. This is my official website.

Back to portfolio items list

Back to blog items list

Project with 3 previews and 3 images

Project with 3 previews and 3 images

Working demo: www.projectwith3images.com

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h2 header

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h3 header

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Blog post with image and comments

  3 comments  2 hours ago

Blog post with image and comments

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h2 header

Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h3 header

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Jenna Williams 5 days ago
Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Proin nisi neque, facilisis semper rutrum.
Mark Klarkson 3 hours ago
Justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Proin nisi neque, facilisis semper.
Jonh Richards 13 days ago
Ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Proin nisi neque.

Leave a comment

100%

HTML4 & HTML5

Follow me on Twitter

Jonh Richards
Project:
brand design
Company:
TMS international

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Suspendisse augue tellus, sollicitudin ut tristique, nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo.

Blog post with image and columns

  0 comments  3 days ago

Blog post with image and columns

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Column 2/6

Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus.

Column 2/6

Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus.

Column 2/6

Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus.

Column 3/6

Proin nisi neque, facilisis semper rutrum ut sapien fermentum. Nulla ac velit non est sollicitudin facilis. Nullam viverra vestibulum.

Column 3/6

Proin nisi neque, facilisis semper rutrum ut sapien fermentum . Nulla ac velit non est sollicitudin facilis. Nullam viverra vestibulum.

Column 4/6

Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Semper rutrum a, fermentum ut sapien.

Column 2/6

Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus.

Leave a comment

100%

CSS2 & CSS3

Post with lists

  6  7 days ago

Blog post with lists

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Simple unordered list

  • Roin nisi neque interdum, facilisis semper rutrum interdum, ornare in leo.
  • Ipsum justo, rutrum eu ornare a, mattis ut sollicitudin ut tristique.
  • Roin nisi neque, facilisis semper rutrum a, fermentum ut sapien facilisis ornare.
  • Nisi neque est sollicitudin.

Simple ordered list

  1. Roin nisi neque interdum, facilisis semper rutrum interdum, ornare in leo.
  2. Ipsum justo, rutrum eu ornare a, mattis ut sollicitudin ut tristique.
  3. Roin nisi neque, facilisis semper rutrum a, fermentum ut sapien facilisis ornare.
  4. Nisi neque est sollicitudin.

Nested unordered list

  • Roin nisi neque interdum, facilisis semper rutrum interdum, ornare in leo.
  • Ipsum justo, rutrum eu ornare a, mattis ut sollicitudin ut tristique;
    • Roin nisi neque, facilisis semper rutrum a, fermentum ut sapien facilisis ornare;
    • Nisi neque est sollicitudin.
  • Roin nisi neque, facilisis semper rutrum a, fermentum ut sapien facilisis ornare;
  • Nisi neque est sollicitudin.

Nested ordered list

  1. roin nisi neque interdum, facilisis semper rutrum interdum, ornare in leo;
  2. Ipsum justo, rutrum eu ornare a, mattis ut sollicitudin ut tristique;
    1. Roin nisi neque, facilisis semper rutrum a, fermentum ut sapien facilisis ornare;
    2. Nisi neque est sollicitudin.
  3. Roin nisi neque, facilisis semper rutrum a, fermentum ut sapien facilisis ornare;
  4. Nisi neque est sollicitudin.
Jenna Williams 5 days ago
Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Proin nisi neque, facilisis semper rutrum.
Mark Klarkson 3 hours ago
Justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Proin nisi neque, facilisis semper.

Leave a comment

Project with 5 previews and 5 images

Project with 5 previews and 5 images

Working demo: www.projectwith5images.com

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h2 header

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h3 header

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

75%

JavaScript & jQuery

Lina Newman
Project:
front-end development
Company:
Lina and Co

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Suspendisse augue tellus, sollicitudin ut tristique, nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo.

Top Summer
Project:
package design
Company:
undesputed

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit.

Visit my Facebook page

Project with single image

Project with single image

Working demo: www.projectwith1image.com

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h2 header

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Example of h3 header

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Aliquam ipsum justo, rutrum eu ornare a, mattis ut leo. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

Explore my Dribbble shots

50%

Photoshop

50%

Fireworks

Jenna Williams
Project:
corporate website
Company:
industrial media

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Suspendisse augue tellus, sollicitudin ut tristique, nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo.

25%

Illustrator

Grab my RSS feed

Mark Klarkson
Project:
website design
Company:
Klarkson promotions

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien. Nulla ac velit non est sollicitudin facilisis. Suspendisse augue tellus, sollicitudin ut tristique, nullam viverra vestibulum interdum. Suspendisse augue tellus, sollicitudin ut tristique ac, ornare in leo.

Watch my YouTube videos

25%

PHP4 & PHP5

25%

MySQL

View my Google Plus profile

MarkusFisher

Phone number

Bob Smith
Project:
logo design
Company:
websurfers

Donec aliquam feugiat tincidunt. In vitae nunc lacus. Proin nisi neque, facilisis semper rutrum a, fermentum ut sapien.

close250 Elizabeth Street, Melbourne, Australia

Drop me a Line

Load more works

Load more posts

View next work

View previous work

View newer post

View older post